Home Explore Help
Sign In
DricomDragon
/
SquadComposer
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
SquadComposer
/
doc
/
front-mockup-1-screen.drawio

front-mockup-1-screen.drawio 17 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 
  1. <mxfile host="Electron" modified="2024-08-12T06:25:55.625Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.6.4 Chrome/124.0.6367.207 Electron/30.0.6 Safari/537.36" etag="p6vg6tJvW0aKuwyTdEXl" version="24.6.4" type="device">
    2. 

  2.   <diagram name="Page-1" id="03018318-947c-dd8e-b7a3-06fadd420f32">
    3. 

  3.     <mxGraphModel dx="1434" dy="883" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1100" pageHeight="850" background="none" math="0" shadow="0">
    4. 

  4.       <root>
    5. 

  5.         <mxCell id="0" />
    6. 

  6.         <mxCell id="1" parent="0" />
    7. 

  7.         <mxCell id="677b7b8949515195-10" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;comic=1;" parent="1" vertex="1">
    8. 

  8.           <mxGeometry x="30" y="160" width="1040" height="50" as="geometry" />
    9. 

  9.         </mxCell>
    10. 

  10.         <mxCell id="677b7b8949515195-1" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeColor=#000000;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;fontColor=#000000;align=center;comic=1;" parent="1" vertex="1">
    11. 

  11.           <mxGeometry x="20" y="20" width="1060" height="810" as="geometry" />
    12. 

  12.         </mxCell>
    13. 

  13.         <mxCell id="677b7b8949515195-2" value="LOGO" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fontFamily=Verdana;fontSize=28;align=center;comic=1;" parent="1" vertex="1">
    14. 

  14.           <mxGeometry x="40" y="60" width="190" height="50" as="geometry" />
    15. 

  15.         </mxCell>
    16. 

  16.         <mxCell id="677b7b8949515195-3" value="Search mech" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.searchBox;strokeColor=#999999;mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=17;align=left;spacingLeft=3;rounded=0;labelBackgroundColor=none;comic=1;" parent="1" vertex="1">
    17. 

  17.           <mxGeometry x="30" y="240" width="200" height="30" as="geometry" />
    18. 

  18.         </mxCell>
    19. 

  19.         <mxCell id="677b7b8949515195-4" value="Squad" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    20. 

  20.           <mxGeometry x="50" y="175" width="60" height="20" as="geometry" />
    21. 

  21.         </mxCell>
    22. 

  22.         <mxCell id="677b7b8949515195-5" value="My squad description" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    23. 

  23.           <mxGeometry x="250" y="610" width="60" height="20" as="geometry" />
    24. 

  24.         </mxCell>
    25. 

  25.         <mxCell id="677b7b8949515195-6" value="Player" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    26. 

  26.           <mxGeometry x="840" y="85" width="60" height="20" as="geometry" />
    27. 

  27.         </mxCell>
    28. 

  28.         <mxCell id="677b7b8949515195-8" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;comic=1;" parent="1" vertex="1">
    29. 

  29.           <mxGeometry x="30" y="280" width="200" height="540" as="geometry" />
    30. 

  30.         </mxCell>
    31. 

  31.         <mxCell id="677b7b8949515195-9" value="" style="line;strokeWidth=1;html=1;rounded=0;shadow=0;labelBackgroundColor=none;fillColor=none;fontFamily=Verdana;fontSize=14;fontColor=#000000;align=center;comic=1;" parent="1" vertex="1">
    32. 

  32.           <mxGeometry x="20" y="140" width="1060" height="10" as="geometry" />
    33. 

  33.         </mxCell>
    34. 

  34.         <mxCell id="677b7b8949515195-15" value="&lt;div style=&quot;text-align: justify&quot;&gt;&lt;span&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;text-align: justify&quot;&gt;&lt;span&gt;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;verticalAlign=top;spacing=10;comic=1;" parent="1" vertex="1">
    35. 

  35.           <mxGeometry x="250" y="640" width="580" height="180" as="geometry" />
    36. 

  36.         </mxCell>
    37. 

  37.         <mxCell id="677b7b8949515195-16" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.graphics.simpleIcon;strokeColor=#999999;rounded=0;labelBackgroundColor=none;fontFamily=Verdana;fontSize=14;fontColor=#000000;comic=1;" parent="1" vertex="1">
    38. 

  38.           <mxGeometry x="820" y="305" width="110" height="104" as="geometry" />
    39. 

  39.         </mxCell>
    40. 

  40.         <mxCell id="677b7b8949515195-25" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;comic=1;" parent="1" vertex="1">
    41. 

  41.           <mxGeometry x="250" y="285" width="230" height="260" as="geometry" />
    42. 

  42.         </mxCell>
    43. 

  43.         <mxCell id="677b7b8949515195-27" value="Mech 1" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    44. 

  44.           <mxGeometry x="45" y="285" width="170" height="20" as="geometry" />
    45. 

  45.         </mxCell>
    46. 

  46.         <mxCell id="677b7b8949515195-28" value="Mech 2" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    47. 

  47.           <mxGeometry x="45" y="321" width="170" height="20" as="geometry" />
    48. 

  48.         </mxCell>
    49. 

  49.         <mxCell id="677b7b8949515195-29" value="Section 3" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    50. 

  50.           <mxGeometry x="45" y="356" width="170" height="20" as="geometry" />
    51. 

  51.         </mxCell>
    52. 

  52.         <mxCell id="677b7b8949515195-30" value="Section 4" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    53. 

  53.           <mxGeometry x="45" y="392" width="170" height="20" as="geometry" />
    54. 

  54.         </mxCell>
    55. 

  55.         <mxCell id="677b7b8949515195-31" value="Section 7" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    56. 

  56.           <mxGeometry x="45" y="499" width="170" height="20" as="geometry" />
    57. 

  57.         </mxCell>
    58. 

  58.         <mxCell id="677b7b8949515195-32" value="Section 8" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    59. 

  59.           <mxGeometry x="45" y="535" width="170" height="20" as="geometry" />
    60. 

  60.         </mxCell>
    61. 

  61.         <mxCell id="677b7b8949515195-33" value="Section 9" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    62. 

  62.           <mxGeometry x="45" y="571" width="170" height="20" as="geometry" />
    63. 

  63.         </mxCell>
    64. 

  64.         <mxCell id="677b7b8949515195-34" value="Section 10" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    65. 

  65.           <mxGeometry x="45" y="606" width="170" height="20" as="geometry" />
    66. 

  66.         </mxCell>
    67. 

  67.         <mxCell id="677b7b8949515195-35" value="Section 11" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    68. 

  68.           <mxGeometry x="45" y="642" width="170" height="20" as="geometry" />
    69. 

  69.         </mxCell>
    70. 

  70.         <mxCell id="677b7b8949515195-36" value="Section 12" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    71. 

  71.           <mxGeometry x="45" y="678" width="170" height="20" as="geometry" />
    72. 

  72.         </mxCell>
    73. 

  73.         <mxCell id="677b7b8949515195-37" value="Section 13" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    74. 

  74.           <mxGeometry x="45" y="714" width="170" height="20" as="geometry" />
    75. 

  75.         </mxCell>
    76. 

  76.         <mxCell id="677b7b8949515195-38" value="Section 14" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    77. 

  77.           <mxGeometry x="45" y="749" width="170" height="20" as="geometry" />
    78. 

  78.         </mxCell>
    79. 

  79.         <mxCell id="677b7b8949515195-39" value="Section 5" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    80. 

  80.           <mxGeometry x="45" y="428" width="170" height="20" as="geometry" />
    81. 

  81.         </mxCell>
    82. 

  82.         <mxCell id="677b7b8949515195-40" value="Section 6" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    83. 

  83.           <mxGeometry x="45" y="464" width="170" height="20" as="geometry" />
    84. 

  84.         </mxCell>
    85. 

  85.         <mxCell id="677b7b8949515195-41" value="Section 15" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    86. 

  86.           <mxGeometry x="45" y="785" width="170" height="20" as="geometry" />
    87. 

  87.         </mxCell>
    88. 

  88.         <mxCell id="677b7b8949515195-44" value="Name : Combat Mech" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    89. 

  89.           <mxGeometry x="285" y="429" width="170" height="20" as="geometry" />
    90. 

  90.         </mxCell>
    91. 

  91.         <mxCell id="677b7b8949515195-45" value="Class : Prime" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    92. 

  92.           <mxGeometry x="285" y="464" width="170" height="20" as="geometry" />
    93. 

  93.         </mxCell>
    94. 

  94.         <mxCell id="677b7b8949515195-46" value="Health : 3" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    95. 

  95.           <mxGeometry x="285" y="499" width="170" height="20" as="geometry" />
    96. 

  96.         </mxCell>
    97. 

  97.         <mxCell id="xhHVszFPxw1wSBAqCBb3-3" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userMale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
    98. 

  98.           <mxGeometry x="315" y="300" width="100" height="100" as="geometry" />
    99. 

  99.         </mxCell>
    100. 

  100.         <mxCell id="xhHVszFPxw1wSBAqCBb3-4" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.containers.userFemale;strokeColor=#666666;strokeColor2=#008cff;" parent="1" vertex="1">
    101. 

  101.           <mxGeometry x="570" y="300" width="100" height="100" as="geometry" />
    102. 

  102.         </mxCell>
    103. 

  103.         <mxCell id="xhHVszFPxw1wSBAqCBb3-5" value="+" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.button;strokeColor=#666666;fontColor=#ffffff;mainText=;buttonStyle=round;fontSize=17;fontStyle=1;fillColor=#008cff;whiteSpace=wrap;" parent="1" vertex="1">
    104. 

  104.           <mxGeometry x="190" y="286" width="30" height="19" as="geometry" />
    105. 

  105.         </mxCell>
    106. 

  106.         <mxCell id="xhHVszFPxw1wSBAqCBb3-6" value="+" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.button;strokeColor=#666666;fontColor=#ffffff;mainText=;buttonStyle=round;fontSize=17;fontStyle=1;fillColor=#008cff;whiteSpace=wrap;" parent="1" vertex="1">
    107. 

  107.           <mxGeometry x="190" y="321" width="30" height="19" as="geometry" />
    108. 

  108.         </mxCell>
    109. 

  109.         <mxCell id="xhHVszFPxw1wSBAqCBb3-7" value="Squad Name" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
    110. 

  110.           <mxGeometry x="130" y="170" width="150" height="30" as="geometry" />
    111. 

  111.         </mxCell>
    112. 

  112.         <mxCell id="xhHVszFPxw1wSBAqCBb3-8" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;comic=1;" parent="1" vertex="1">
    113. 

  113.           <mxGeometry x="500" y="286" width="230" height="260" as="geometry" />
    114. 

  114.         </mxCell>
    115. 

  115.         <mxCell id="xhHVszFPxw1wSBAqCBb3-9" value="Name : Combat Mech" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    116. 

  116.           <mxGeometry x="535" y="430" width="170" height="20" as="geometry" />
    117. 

  117.         </mxCell>
    118. 

  118.         <mxCell id="xhHVszFPxw1wSBAqCBb3-10" value="Class : Prime" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    119. 

  119.           <mxGeometry x="535" y="465" width="170" height="20" as="geometry" />
    120. 

  120.         </mxCell>
    121. 

  121.         <mxCell id="xhHVszFPxw1wSBAqCBb3-11" value="Health : 3" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    122. 

  122.           <mxGeometry x="535" y="500" width="170" height="20" as="geometry" />
    123. 

  123.         </mxCell>
    124. 

  124.         <mxCell id="xhHVszFPxw1wSBAqCBb3-12" value="" style="whiteSpace=wrap;html=1;rounded=0;shadow=0;labelBackgroundColor=none;strokeWidth=1;fillColor=none;fontFamily=Verdana;fontSize=12;align=center;comic=1;" parent="1" vertex="1">
    125. 

  125.           <mxGeometry x="760" y="286" width="230" height="260" as="geometry" />
    126. 

  126.         </mxCell>
    127. 

  127.         <mxCell id="xhHVszFPxw1wSBAqCBb3-13" value="Name : _" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    128. 

  128.           <mxGeometry x="795" y="430" width="170" height="20" as="geometry" />
    129. 

  129.         </mxCell>
    130. 

  130.         <mxCell id="xhHVszFPxw1wSBAqCBb3-14" value="Class : _" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    131. 

  131.           <mxGeometry x="795" y="465" width="170" height="20" as="geometry" />
    132. 

  132.         </mxCell>
    133. 

  133.         <mxCell id="xhHVszFPxw1wSBAqCBb3-15" value="Health : _" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    134. 

  134.           <mxGeometry x="795" y="500" width="170" height="20" as="geometry" />
    135. 

  135.         </mxCell>
    136. 

  136.         <mxCell id="xhHVszFPxw1wSBAqCBb3-16" value="Player name" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.text.textBox;fontColor=#666666;align=left;fontSize=17;spacingLeft=4;spacingTop=-3;whiteSpace=wrap;strokeColor=#666666;mainText=" parent="1" vertex="1">
    137. 

  137.           <mxGeometry x="910" y="80" width="150" height="30" as="geometry" />
    138. 

  138.         </mxCell>
    139. 

  139.         <mxCell id="xhHVszFPxw1wSBAqCBb3-18" value="Save" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.buttons.button;strokeColor=#666666;fontColor=#ffffff;mainText=;buttonStyle=round;fontSize=17;fontStyle=1;fillColor=#008cff;whiteSpace=wrap;" parent="1" vertex="1">
    140. 

  140.           <mxGeometry x="305" y="170" width="150" height="30" as="geometry" />
    141. 

  141.         </mxCell>
    142. 

  142.         <mxCell id="xhHVszFPxw1wSBAqCBb3-19" value="Squad 2" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;" parent="1" vertex="1">
    143. 

  143.           <mxGeometry x="780" y="170" width="150" height="30" as="geometry" />
    144. 

  144.         </mxCell>
    145. 

  145.         <mxCell id="xhHVszFPxw1wSBAqCBb3-20" value="Load" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    146. 

  146.           <mxGeometry x="730" y="175" width="60" height="20" as="geometry" />
    147. 

  147.         </mxCell>
    148. 

  148.         <mxCell id="xhHVszFPxw1wSBAqCBb3-21" value="2 custom squads" style="text;html=1;points=[];align=left;verticalAlign=top;spacingTop=-4;fontSize=14;fontFamily=Verdana" parent="1" vertex="1">
    149. 

  149.           <mxGeometry x="950" y="175" width="100" height="20" as="geometry" />
    150. 

  150.         </mxCell>
    151. 

  151.       </root>
    152. 

  152.     </mxGraphModel>
    153. 

  153.   </diagram>
    154. 

  154. </mxfile>
    155.