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>
71) <li class="menu menu-scase"><a href="#scases" id="back_to_scases"><span class="glyphicon glyphicon-briefcase"></span> Liste des valises</a></li>
72) <li class="menu menu-scase dropdown">
73) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-tag'></span> Gérer la valise <b class="caret"></b></a>
74) <ul class="dropdown-menu">
75) <li><a href="#add_cat" id="add_cat_btn"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter une catégorie</a></li>
76) <li class="divider"></li>
77) <li><a href="#rename_scase" id="rename_scase_btn"><span class="glyphicon glyphicon-edit"></span> Renommer la valise</a></li>
78) <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
|
79) <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
|
80) <li><a href="#delete_scase" id="delete_scase_btn"><span class="glyphicon glyphicon-trash"></span> Supprimer la valise</a></li>
81) </ul>
82) </li>
83) <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
84) <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li>
85) </ul>
86) </div>
87) </div>
88) </div>
89)
90) <div class="container" id="content"></div>
91)
92)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
93) <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
|
94) <div class="modal-dialog">
95) <div class="modal-content">
96) <div class="modal-header">
97) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
98) <h4 class="modal-title">Ajouter une valise</h4>
99) </div>
100) <div class="modal-body">
101) <form class="form-horizontal" role="form">
102) <div class="form-group">
103) <input type='text' id='add_scase_name' class="form-control" placeholder="Nom de la valise"/>
104) </div>
105) </form>
106) </div>
107) <div class="modal-footer">
108) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
109) <button type="button" class="btn btn-primary" id='add_scase_submit'>Ajouter</button>
110) </div>
111) </div><!-- /.modal-content -->
112) </div><!-- /.modal-dialog -->
113) </div>
114)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
115) <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
|
116) <div class="modal-dialog">
117) <div class="modal-content">
118) <div class="modal-header">
119) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
120) <h4 class="modal-title">Copier une valise</h4>
121) </div>
122) <div class="modal-body">
123) <form class="form-horizontal" role="form">
124) <div class="form-group">
125) <input type='text' id='copy_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
126) </div>
127) </form>
128) </div>
129) <div class="modal-footer">
130) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
131) <button type="button" class="btn btn-primary" id='copy_scase_submit'>Copier</button>
132) </div>
133) </div><!-- /.modal-content -->
134) </div><!-- /.modal-dialog -->
135) </div>
136)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
137) <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
|
138) <div class="modal-dialog">
139) <div class="modal-content">
140) <div class="modal-header">
141) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
142) <h4 class="modal-title">Renomer la valise</h4>
143) </div>
144) <div class="modal-body">
145) <form class="form-horizontal" role="form">
146) <div class="form-group">
147) <input type='text' id='rename_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
148) </div>
149) </form>
150) </div>
151) <div class="modal-footer">
152) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
153) <button type="button" class="btn btn-primary" id='rename_scase_submit'>Renomer</button>
154) </div>
155) </div><!-- /.modal-content -->
156) </div><!-- /.modal-dialog -->
157) </div>
158)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
159) <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
|
160) <div class="modal-dialog">
161) <div class="modal-content">
162) <div class="modal-header">
163) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
164) <h4 class="modal-title">Ajouter une catégorie</h4>
165) </div>
166) <div class="modal-body">
167) <form class="form-horizontal" role="form">
168) <div class="form-group">
169) <input type='text' id='add_cat_name' class="form-control" placeholder="Nom de la catégorie"/>
170) </div>
171) </form>
172) </div>
173) <div class="modal-footer">
174) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
175) <button type="button" class="btn btn-primary" id='add_cat_submit'>Ajouter</button>
176) </div>
177) </div><!-- /.modal-content -->
178) </div><!-- /.modal-dialog -->
179) </div>
180)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
181) <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
|
182) <div class="modal-dialog">
183) <div class="modal-content">
184) <div class="modal-header">
185) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
186) <h4 class="modal-title">Renommer une catégorie</h4>
187) </div>
188) <div class="modal-body">
189) <form class="form-horizontal" role="form">
190) <div class="form-group">
191) <input type='text' id='rename_cat_name' class="form-control" placeholder="Nouveau nom de la catégorie"/>
192) </div>
193) </form>
194) </div>
195) <div class="modal-footer">
196) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
197) <button type="button" class="btn btn-primary" id='rename_cat_submit'>Renommer</button>
198) </div>
199) </div><!-- /.modal-content -->
200) </div><!-- /.modal-dialog -->
201) </div>
202)
203)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
204) <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
|
205) <div class="modal-dialog">
206) <div class="modal-content">
207) <div class="modal-header">
208) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
209) <h4 class="modal-title">Ajouter un élément</h4>
210) </div>
211) <div class="modal-body">
212) <form class="form-horizontal" role="form">
213) <div class="form-group">
214) <input type='text' id='add_thing_label' class="form-control" placeholder="Nom de l'élément"/>
215) </div>
216) </form>
217) </div>
218) <div class="modal-footer">
219) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
220) <button type="button" class="btn btn-primary" id='add_thing_submit'>Ajouter</button>
221) </div>
222) </div><!-- /.modal-content -->
223) </div><!-- /.modal-dialog -->
224) </div>
225)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
226) <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
|
227) <div class="modal-dialog">
228) <div class="modal-content">
229) <div class="modal-header">
230) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
231) <h4 class="modal-title">Renommer un élément</h4>
232) </div>
233) <div class="modal-body">
234) <form class="form-horizontal" role="form">
235) <div class="form-group">
236) <input type='text' id='rename_thing_label' class="form-control" placeholder="Nouveau nom de l'élément"/>
237) </div>
238) </form>
239) </div>
240) <div class="modal-footer">
241) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
242) <button type="button" class="btn btn-primary" id='rename_thing_submit'>Renommer</button>
243) </div>
244) </div><!-- /.modal-content -->
245) </div><!-- /.modal-dialog -->
246) </div>
247)
248)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
249) <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
|
250) <div class="modal-dialog">
251) <div class="modal-content">
252) <div class="modal-header">
253) <h2 class="modal-title">Chargement...</h2>
254) </div>
255) <div class="modal-body">
256) <div class="progress progress-striped active">
257) <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
258) <span class="sr-only">Chargement...</span>
259) </div>
260) </div>
261) </div>
262) </div><!-- /.modal-content -->
263) </div><!-- /.modal-dialog -->
264) </div>
265)
|
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
266) <div class="modal" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
|
|
Initial commit
Benjamin Renard authored 8 years ago
|
267) <div class="modal-dialog">
268) <div class="modal-content">
269) <div class="modal-header">
270) <button type="button" class="close cancel" aria-hidden="true">×</button>
271) <h4 class="modal-title">Confirmation</h4>
272) </div>
273) <div class="modal-body">
274) <p id='question'></p>
275) </div>
276) <div class="modal-footer">
277) <button type="button" class="btn btn-default cancel">Annuler</button>
278) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
279) </div>
280) </div><!-- /.modal-content -->
281) </div><!-- /.modal-dialog -->
282) </div>
283)
284) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
285) <script src="inc/lib/jquery.min.js"></script>
286) <!-- Latest compiled and minified JavaScript -->
287) <script src="inc/lib/bootstrap/js/bootstrap.js"></script>
288)
289) <script>
290)
291) </script>
292)
|
|
Rework on data structure to...
Benjamin Renard authored 8 years ago
|
293) <script src="inc/lib/uuid.js"></script>
|
Initial commit