/
index.html
245 lines (245 loc) · 17.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!doctype html>
<html lang="fr">
<head>
<title>Strat'n'Go</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="./css/default/style.css" media="all" title="Default" />
<link href="./css/default/favicon.ico" rel="shortcut icon" />
<link href="./css/default/favicon.png" type="image/x-icon" rel="icon" />
<script type="text/javascript" src="./js/lib/require.js" data-main="js/app"></script>
</head>
<body>
<form name="frmStrat" id="frmStrat" method="POST" action="/save">
<header>
<h1>Strat'n'Go<span class="version">v0.3</span></h1>
<nav id="menu">
<ul>
<li id="menuMap"><a href="map" title="Sélectionner une carte" data-i18n-key="menu.map"><span>Carte</span></a><div>
<fieldset>
<legend data-i18n-key="edit.options.map">Carte</legend>
<p><label for="selGame" data-i18n-key="menu.games" class="fortext" for="selGame">Jeu :</label> <select id="selGame" name="selGame"></select></p>
<p><label for="selMap" data-i18n-key="menu.maps" class="fortext" for="selMap">Carte :</label> <select id="selMap" name="selMap"></select></p>
<p><label for="selMode" data-i18n-key="menu.modes" class="fortext" for="selMode">Mode :</label> <select id="selMode" name="selMode"></select></p>
</fieldset>
<fieldset>
<legend data-i18n-key="edit.options.label">Options</legend>
<p><label data-i18n-key="menu.inverseteams"><input type="checkbox" id="inverseTeams" name="inverseTeams" /> Inverser les équipes</label></p>
<section class="flex flex-h">
<aside class="flex-start">
<p><label data-i18n-key="edit.options.grid"><input type="checkbox" name="chkGrid" id="chkGrid" checked="checked" /> Grille</label></p>
<p><label data-i18n-key="edit.options.windrose"><input type="checkbox" name="chkDirections" id="chkDirections" /> Rose des vents</label></p>
<p><label data-i18n-key="edit.options.bases"><input type="checkbox" name="chkBases" id="chkBases" checked="checked" /> Bases</label></p>
<p><label data-i18n-key="edit.options.scale"><input type="checkbox" name="chkScale" id="chkScale" /> Échelle</label></p>
</aside>
<aside class="flex-fluid">
<p><label data-i18n-key="edit.options.elements"><input type="checkbox" name="chkElements" id="chkElements" checked="checked" /> Éléments</label></p>
<p><label data-i18n-key="edit.options.elements"><input type="checkbox" name="chkElementsTexts" id="chkElementsTexts" checked="checked" /> Textes des éléments</label></p>
<p><label data-i18n-key="edit.options.lines"><input type="checkbox" name="chkLines" id="chkLines" checked="checked" /> Lignes</label></p>
<p><label data-i18n-key="edit.options.texts"><input type="checkbox" name="chkTexts" id="chkTexts" checked="checked" /> Textes</label></p>
<p><label data-i18n-key="edit.options.shapes"><input type="checkbox" name="chkShapes" id="chkShapes" checked="checked" /> Formes</label></p>
</aside>
</section>
</fieldset>
</div></li>
<li id="menuEditElements"><a href="./edit" title="Éditer les éléments" data-i18n-key="menu.edit.elements"><span>Éléments</span></a><div>
<fieldset id="elements">
<legend>Éléments</legend>
</fieldset>
</div></li>
<li id="menuEditLines"><a href="edit/add/line" title="Éditer les lignes" data-i18n-key="menu.edit.lines"><span>Lignes</span></a><div>
<fieldset id="lines">
<legend>Lignes</legend>
<p><label>Epaisseur : <select id="thicknessSelectorLine">
<option value="1">1 pixel</option>
<option value="2">2 pixels</option>
<option value="3">3 pixels</option>
<option value="5">5 pixels</option>
</select></label></p>
<p><label>Type : <select id="typeSelectorLine">
<option value="solid">Pleine</option>
<option value="dotted">Pointillé</option>
<option value="dashed">Tirets</option>
</select></label></p>
</fieldset>
</div></li>
<li id="menuEditShapes"><a href="edit/add/shape" title="Éditer les formes" data-i18n-key="menu.edit.shapes"><span>Formes</span></a><div>
<section class="flex flex-h">
<aside class="flex-start">
<fieldset id="shapes">
<legend>Formes</legend>
<ul>
<li><a href="edit/add/shape/ellipse" title="Ellipse" class="shape ellipse" rel="ellipse"><span>Ellipse</span></a></li>
<li><a href="edit/add/shape/rect" title="Rectangle" class="shape rect" rel="rect"><span>Rectangle</span></a></li>
<li><a href="edit/add/shape/polygon" title="Polygone" class="shape polygon" rel="polygon"><span>Polygone</span></a></li>
</ul>
</fieldset>
</aside>
</section>
</div></li>
<li id="menuEditTexts"><a href="edit/add/text" title="Éditer les textes" data-i18n-key="menu.edit.texts"><span>Textes</span></a></li>
<li id="menuShare"><a href="share" title="Partager des stratégies" data-i18n-key="menu.share"><span>Partager</span></a><div>
<fieldset>
<legend data-i18n-key="edit.options.strat">Stratégie</legend>
<p id="mapDesc"><span class="mapName"></span> <span class="mapMetrics"></span> <span class="mapSquareLength"></span></p>
<p><label data-i18n-key="edit.options.strat.name" class="fortext" for="lblStratName">Nom :</label> <input type="text" name="lblStratName" id="lblStratName" /></p>
<p><label data-i18n-key="edit.options.strat.description" class="fortext" for="lblStratDesc">Description :</label> <textarea name="lblStratDesc" id="lblStratDesc"></textarea></p>
</fieldset>
<fieldset>
<legend data-i18n-key="menu.share.title">Import/Export</legend>
<p><textarea id="txtImportExport"></textarea></p>
<p><button id="btnImport" type="submit" data-i18n-key="menu.share.button.import">Importer</button></p>
</fieldset>
</div></li>
<li id="menuAbout"><a href="about" title="A propos" data-i18n-key="menu.about"><span>A propos</span></a><div></div></li>
</ul>
</nav>
</header>
<main>
<div id="selLangContainer">
<label for="selLang">Langue :</label>
<select id="selLang"></select>
</div>
<div id="mapContainer">
</div>
</main>
<div id="contextMenuElement" class="contextMenu">
<ul>
<li><a href="/edit/move/element" class="move" title="Déplacer l'élément"><span>Déplacer</span></a></li>
<li><a href="/edit/modifytext/element" class="modifytext" title="Modifier le texte de l'élément"><span>Modifier le texte</span></a></li>
<li><a href="/edit/positiontext/top" class="textPosition top" title="Placer le texte en haut de l'élément"><span>Texte en haut</span></a></li>
<li><a href="/edit/positiontext/right" class="textPosition right selected" title="Placer le texte à droite de l'élément"><span>Texte à droite</span></a></li>
<li><a href="/edit/positiontext/bottom" class="textPosition bottom" title="Placer le texte en bas de l'élément"><span>Texte en bas</span></a></li>
<li><a href="/edit/positiontext/left" class="textPosition left" title="Placer le texte à gauche de l'élément"><span>Texte à gauche</span></a></li>
<li><a href="/edit/delete/element" class="delete" title="Supprimer l'élément"><span>Supprimer</span></a></li>
</ul>
</div>
<div id="contextMenuText" class="contextMenu">
<ul>
<li><a href="/edit/move/text" class="move" title="Déplacer le texte"><span>Déplacer</span></a></li>
<li><a href="/edit/modifytext/text" class="modifytext" title="Modifier le texte"><span>Modifier le texte</span></a></li>
<li><a href="/edit/modifytext/smaller" class="smallertext" title="Texte plus petit"><span>Texte plus petit</span></a></li>
<li><a href="/edit/modifytext/bigger" class="biggertext" title="Texte plus grand"><span>Texte plus grand</span></a></li>
<li><a href="/edit/delete/text" class="delete" title="Supprimer le texte"><span>Supprimer</span></a></li>
</ul>
</div>
<div id="contextMenuShape" class="contextMenu">
<ul>
<li><a href="/edit/shape/move" class="move" title="Déplacer la forme"><span>Déplacer</span></a></li>
<li><a href="/edit/shape/rotate" class="rotate" title="Tourner"><span>Tourner</span></a></li>
<li><a href="/edit/shape/resize" class="resize" title="Redimensionner"><span>Redimensionner</span></a></li>
<li><a href="/edit/shape/options" class="options" title="Options de la forme"><span>Options</span></a></li>
<li><a href="/edit/shape/delete" class="delete" title="Supprimer la forme"><span>Supprimer</span></a></li>
</ul>
</div>
<div id="contextMenuLine" class="contextMenu">
<ul>
<li><a href="/edit/line/move" class="move" title="Déplacer le point"><span>Déplacer</span></a></li>
<li><a href="/edit/line/options" class="options" title="Options de la ligne"><span>Options</span></a></li>
<li><a href="/edit/line/delete" class="delete" title="Supprimer la ligne"><span>Supprimer</span></a></li>
</ul>
</div>
<div id="dialog-confirm" title="Confirmation">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Vous allez supprimer un élément.<br />Êtes-vous sûr ?</p>
</div>
<div id="shapeOptions" title="Options de la forme">
<fieldset>
<legend>Contour</legend>
<p class="rect ellipse polygon"><label>Couleur : <input id="colorSelectorShapeContour" class="colorselector" type="text" value="FFFFFF" /></label></p>
<p class="rect ellipse polygon"><label>Epaisseur : <select id="shapeContourThickness">
<option value="0">0 (Aucun trait)</option>
<option value="1" selected="selected">1 pixel</option>
<option value="2">2 pixels</option>
<option value="3">3 pixels</option>
<option value="5">5 pixels</option>
</select></label></p>
<p class="rect ellipse polygon"><label>Type de trait : <select id="shapeContourType">
<option value="solid" selected="selected">Plein</option>
<option value="dotted">Pointillés</option>
<option value="dashed">Tirets</option>
</select></label></p>
<p class="rect"><label>Rayon : <select id="shapeContourRadius">
<option value="0" selected="selected">Aucun</option>
<option value="2">2 pixels</option>
<option value="5">5 pixels</option>
<option value="10">10 pixels</option>
</select></label></p>
</fieldset>
<fieldset>
<legend>Remplissage</legend>
<p class="rect ellipse polygon"><label>Couleur : <input id="colorSelectorShapeFill" class="colorselector" type="text" value="333333" /></label></p>
<p class="rect ellipse polygon"><label>Type : <select id="shapeFillType">
<option value="none" selected="selected">Aucun</option>
<option value="patternZebra">Zebra</option>
<option value="patternChess">Damier</option>
<option value="patternTriangle">Triangle</option>
</select></label></p>
<p class="rect ellipse polygon"><label>Opacité : <select id="shapeFillOpacity">
<option value="1">100 %</option>
<option value=".75">75 %</option>
<option value=".5" selected="selected">50 %</option>
<option value=".25">25 %</option>
<option value="0">0 % (Invisible)</option>
</select></label></p>
</fieldset>
</div>
<div id="lineOptions" title="Options de la ligne">
<fieldset>
<legend>Options générales</legend>
<p><label>Couleur : <input id="lineColor" class="colorselector" type="text" value="000000" /></label></p>
<p><label>Epaisseur : <select id="lineThickness">
<option value="1">1 pixel</option>
<option value="2">2 pixels</option>
<option value="3">3 pixels</option>
<option value="5">5 pixels</option>
</select></label></p>
<p><label>Type : <select id="lineType">
<option value="solid">Pleine</option>
<option value="dotted">Pointillé</option>
<option value="dashed">Tirets</option>
</select></label></p>
<p><label>Opacité : <select id="lineOpacity">
<option value="1" selected="selected">100 %</option>
<option value=".75">75 %</option>
<option value=".5">50 %</option>
<option value=".25">25 %</option>
</select></label></p>
</fieldset>
<section class="flex flex-h">
<aside class="flex-start">
<fieldset>
<legend>Marqueur de début</legend>
<p><label>Type : <select id="lineMarkerStartType">
<option value="none" selected="selected">Aucun</option>
<option value="markerTriangleStart">Triangle</option>
<option value="markerLineStart">Ligne</option>
<option value="markerSquareStart">Carré</option>
</select></label></p>
<p><label>Couleur : <input id="lineMarkerStartColor" class="colorselector" type="text" value="333333" /></label></p>
</fieldset>
</aside>
<aside class="flex-fluid">
<fieldset>
<legend>Marqueur de fin</legend>
<p><label>Type : <select id="lineMarkerEndType">
<option value="none" selected="selected">Aucun</option>
<option value="markerTriangleEnd">Triangle</option>
<option value="markerLineEnd">Ligne</option>
<option value="markerSquareEnd">Carré</option>
</select></label></p>
<p><label>Couleur : <input id="lineMarkerEndColor" class="colorselector" type="text" value="333333" /></label></p>
</fieldset>
</aside>
</section>
</div>
<div id="textEdit" title="Modifier le texte">
<p><label>Texte : <input type="text" id="textValue" value="" /></label></p>
<p><label>Couleur : <input id="textColor" class="colorselector" type="text" value="000000" /></label></p>
</div>
<div id="shapeHandlers">
<div class="shape options handler" id="shapeoptionshandler"></div>
</div>
<div id="lineHandlers"></div>
</form>
</body>
</html>