Initial commit
Benjamin Renard authored 8 years ago
|
1) <!DOCTYPE html>
2) <html manifest="cache.manifest">
3) <head>
4) <title>MySC</title>
5) <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
6) <meta name="mobile-web-app-capable" content="yes">
7) <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
8) <link rel="shortcut icon" href="favicon.png">
9) <link rel="shortcut icon" sizes="196x196" href="icon-196x196.png">
10) <link rel="shortcut icon" sizes="128x128" href="icon-128x128.png">
11) <link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
12) <link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
13) <!-- Bootstrap -->
14) <!-- Latest compiled and minified CSS -->
15) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
16)
17) <!-- Optional theme -->
18) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
19) </head>
20) <style>
21) body{
22) margin-top: 4em;
23) }
24)
25) div.panel-heading, li.list-group-item, a {
26) cursor: pointer;
27) }
28)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
29) .collapsing {
30) -webkit-transition: none;
31) transition: none;
32) display: none;
33) }
34)
|
Initial commit
Benjamin Renard authored 8 years ago
|
35) .count-tag {
36) display: inline-block;
37) width: 6em;
38) text-align: center;
39) }
40)
41) .done {
42) font-style: italic;
43) color: #999;
44) text-decoration: line-through;
45) }
|
Rework on home page
Benjamin Renard authored 8 years ago
|
46)
47) .center {
48) text-align: center;
49) }
50)
51) .scase-name {
52) font-size: 1.5em;
53) }
|
Initial commit
Benjamin Renard authored 8 years ago
|
54) </style>
55)
56) <body>
57) <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
58) <div class="container">
59) <div class="navbar-header">
60) <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-top-collapse">
61) <span class="sr-only">Toggle navigation</span>
62) <span class="icon-bar"></span>
63) <span class="icon-bar"></span>
64) <span class="icon-bar"></span>
65) </button>
66) <a class="navbar-brand" id='app-name'>MySC</a>
67) </div>
68) <div class="collapse navbar-collapse" id="navbar-top-collapse">
69) <ul class="nav navbar-nav navbar-right">
70) <li class="menu menu-scases"><a href="#add_scase" id="add_scase_btn"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter une valise</a></li>
|
Add trash feature on scase,...
Benjamin Renard authored 7 years ago
|
71) <li class="menu menu-scases"><a href="#scases_trash" id="scases_trash_btn"><span class="glyphicon glyphicon-trash"></span> Voir la corbeille</a></li>
|
Initial commit
Benjamin Renard authored 8 years ago
|
72) <li class="menu menu-scase"><a href="#scases" id="back_to_scases"><span class="glyphicon glyphicon-briefcase"></span> Liste des valises</a></li>
73) <li class="menu menu-scase dropdown">
74) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-tag'></span> Gérer la valise <b class="caret"></b></a>
75) <ul class="dropdown-menu">
76) <li><a href="#add_cat" id="add_cat_btn"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter une catégorie</a></li>
77) <li class="divider"></li>
78) <li><a href="#rename_scase" id="rename_scase_btn"><span class="glyphicon glyphicon-edit"></span> Renommer la valise</a></li>
79) <li><a href="#copy_scase" id="copy_scase_btn"><span class="glyphicon glyphicon-duplicate"></span> Copier la valise</a></li>
|
Add reset scase feature
Benjamin Renard authored 8 years ago
|
80) <li><a href="#reset_scase" id="reset_scase_btn"><span class="glyphicon glyphicon-cog"></span> Réinitialiser la valise</a></li>
|
Initial commit
Benjamin Renard authored 8 years ago
|
81) <li><a href="#delete_scase" id="delete_scase_btn"><span class="glyphicon glyphicon-trash"></span> Supprimer la valise</a></li>
|
Add trash feature on scase,...
Benjamin Renard authored 7 years ago
|
82) <li class="divider"></li>
83) <li><a href="#scase_trash" id="scase_trash_btn"><span class="glyphicon glyphicon-trash"></span> Voir la corbeille de la valise</a></li>
|
Initial commit
Benjamin Renard authored 8 years ago
|
84) </ul>
85) </li>
86) <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
87) <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li>
88) </ul>
89) </div>
90) </div>
91) </div>
92)
93) <div class="container" id="content"></div>
94)
95)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
96) <div class="modal" id="add_scase_modal" tabindex="-1" role="dialog" aria-labelledby="addSCaseModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
97) <div class="modal-dialog">
98) <div class="modal-content">
99) <div class="modal-header">
100) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
101) <h4 class="modal-title">Ajouter une valise</h4>
102) </div>
103) <div class="modal-body">
104) <form class="form-horizontal" role="form">
105) <div class="form-group">
106) <input type='text' id='add_scase_name' class="form-control" placeholder="Nom de la valise"/>
107) </div>
108) </form>
109) </div>
110) <div class="modal-footer">
111) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
112) <button type="button" class="btn btn-primary" id='add_scase_submit'>Ajouter</button>
113) </div>
114) </div><!-- /.modal-content -->
115) </div><!-- /.modal-dialog -->
116) </div>
117)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
118) <div class="modal" id="copy_scase_modal" tabindex="-1" role="dialog" aria-labelledby="copySCaseModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
119) <div class="modal-dialog">
120) <div class="modal-content">
121) <div class="modal-header">
122) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
123) <h4 class="modal-title">Copier une valise</h4>
124) </div>
125) <div class="modal-body">
126) <form class="form-horizontal" role="form">
127) <div class="form-group">
128) <input type='text' id='copy_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
129) </div>
130) </form>
131) </div>
132) <div class="modal-footer">
133) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
134) <button type="button" class="btn btn-primary" id='copy_scase_submit'>Copier</button>
135) </div>
136) </div><!-- /.modal-content -->
137) </div><!-- /.modal-dialog -->
138) </div>
139)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
140) <div class="modal" id="rename_scase_modal" tabindex="-1" role="dialog" aria-labelledby="renameSCaseModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
141) <div class="modal-dialog">
142) <div class="modal-content">
143) <div class="modal-header">
144) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
145) <h4 class="modal-title">Renomer la valise</h4>
146) </div>
147) <div class="modal-body">
148) <form class="form-horizontal" role="form">
149) <div class="form-group">
150) <input type='text' id='rename_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
151) </div>
152) </form>
153) </div>
154) <div class="modal-footer">
155) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
156) <button type="button" class="btn btn-primary" id='rename_scase_submit'>Renomer</button>
157) </div>
158) </div><!-- /.modal-content -->
159) </div><!-- /.modal-dialog -->
160) </div>
161)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
162) <div class="modal" id="add_cat_modal" tabindex="-1" role="dialog" aria-labelledby="addCatModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
163) <div class="modal-dialog">
164) <div class="modal-content">
165) <div class="modal-header">
166) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
167) <h4 class="modal-title">Ajouter une catégorie</h4>
168) </div>
169) <div class="modal-body">
170) <form class="form-horizontal" role="form">
171) <div class="form-group">
172) <input type='text' id='add_cat_name' class="form-control" placeholder="Nom de la catégorie"/>
173) </div>
174) </form>
175) </div>
176) <div class="modal-footer">
177) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
178) <button type="button" class="btn btn-primary" id='add_cat_submit'>Ajouter</button>
179) </div>
180) </div><!-- /.modal-content -->
181) </div><!-- /.modal-dialog -->
182) </div>
183)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
184) <div class="modal" id="rename_cat_modal" tabindex="-1" role="dialog" aria-labelledby="renameCatModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
185) <div class="modal-dialog">
186) <div class="modal-content">
187) <div class="modal-header">
188) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
189) <h4 class="modal-title">Renommer une catégorie</h4>
190) </div>
191) <div class="modal-body">
192) <form class="form-horizontal" role="form">
193) <div class="form-group">
194) <input type='text' id='rename_cat_name' class="form-control" placeholder="Nouveau nom de la catégorie"/>
195) </div>
196) </form>
197) </div>
198) <div class="modal-footer">
199) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
200) <button type="button" class="btn btn-primary" id='rename_cat_submit'>Renommer</button>
201) </div>
202) </div><!-- /.modal-content -->
203) </div><!-- /.modal-dialog -->
204) </div>
205)
206)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
207) <div class="modal" id="add_thing_modal" tabindex="-1" role="dialog" aria-labelledby="addThingModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
208) <div class="modal-dialog">
209) <div class="modal-content">
210) <div class="modal-header">
211) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
212) <h4 class="modal-title">Ajouter un élément</h4>
213) </div>
214) <div class="modal-body">
|
Permit to add multiple thin...
Benjamin Renard authored 7 years ago
|
215) <form role="form">
216) <div class="form-group">
217) <input type='text' class='form-control add_thing_label' class="form-control" placeholder="Nom de l'élément"/>
218) </div>
|
Initial commit
Benjamin Renard authored 8 years ago
|
219) <div class="form-group">
|
Permit to add multiple thin...
Benjamin Renard authored 7 years ago
|
220) <input type='text' class='form-control add_thing_label' class="form-control" placeholder="Un autre ?"/>
|
Initial commit
Benjamin Renard authored 8 years ago
|
221) </div>
222) </form>
223) </div>
224) <div class="modal-footer">
225) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
226) <button type="button" class="btn btn-primary" id='add_thing_submit'>Ajouter</button>
227) </div>
228) </div><!-- /.modal-content -->
229) </div><!-- /.modal-dialog -->
230) </div>
231)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
232) <div class="modal" id="rename_thing_modal" tabindex="-1" role="dialog" aria-labelledby="renameThingModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
233) <div class="modal-dialog">
234) <div class="modal-content">
235) <div class="modal-header">
236) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
237) <h4 class="modal-title">Renommer un élément</h4>
238) </div>
239) <div class="modal-body">
240) <form class="form-horizontal" role="form">
241) <div class="form-group">
242) <input type='text' id='rename_thing_label' class="form-control" placeholder="Nouveau nom de l'élément"/>
243) </div>
244) </form>
245) </div>
246) <div class="modal-footer">
247) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
248) <button type="button" class="btn btn-primary" id='rename_thing_submit'>Renommer</button>
249) </div>
250) </div><!-- /.modal-content -->
251) </div><!-- /.modal-dialog -->
252) </div>
253)
254)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
255) <div class="modal" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
|
Initial commit
Benjamin Renard authored 8 years ago
|
256) <div class="modal-dialog">
257) <div class="modal-content">
258) <div class="modal-header">
259) <h2 class="modal-title">Chargement...</h2>
260) </div>
261) <div class="modal-body">
262) <div class="progress progress-striped active">
263) <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
264) <span class="sr-only">Chargement...</span>
265) </div>
266) </div>
267) </div>
268) </div><!-- /.modal-content -->
269) </div><!-- /.modal-dialog -->
270) </div>
271)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
272) <div class="modal" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
273) <div class="modal-dialog">
274) <div class="modal-content">
275) <div class="modal-header">
276) <button type="button" class="close cancel" aria-hidden="true">×</button>
277) <h4 class="modal-title">Confirmation</h4>
278) </div>
279) <div class="modal-body">
280) <p id='question'></p>
281) </div>
282) <div class="modal-footer">
283) <button type="button" class="btn btn-default cancel">Annuler</button>
284) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
285) </div>
286) </div><!-- /.modal-content -->
287) </div><!-- /.modal-dialog -->
288) </div>
289)
290) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
291) <script src="inc/lib/jquery.min.js"></script>
292) <!-- Latest compiled and minified JavaScript -->
293) <script src="inc/lib/bootstrap/js/bootstrap.js"></script>
294)
295) <script>
296)
297) </script>
298)
|
Rework on data structure to...
Benjamin Renard authored 8 years ago
|
299) <script src="inc/lib/uuid.js"></script>
|