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)
|
Create a separeted CSS file
Benjamin Renard authored 7 years ago
|
15) <!-- Latest compiled and minified CSS -->
16) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
|
Initial commit
Benjamin Renard authored 8 years ago
|
17)
|
Create a separeted CSS file
Benjamin Renard authored 7 years ago
|
18) <!-- Optional theme -->
|
Use superhero theme
Benjamin Renard authored 7 years ago
|
19) <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.superhero.min.css">
|
Rework on home page
Benjamin Renard authored 8 years ago
|
20)
|
Create a separeted CSS file
Benjamin Renard authored 7 years ago
|
21) <link rel="stylesheet" href="inc/main.css">
22) </head>
|
Initial commit
Benjamin Renard authored 8 years ago
|
23)
24) <body>
25) <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
26) <div class="container">
27) <div class="navbar-header">
28) <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-top-collapse">
29) <span class="sr-only">Toggle navigation</span>
30) <span class="icon-bar"></span>
31) <span class="icon-bar"></span>
32) <span class="icon-bar"></span>
33) </button>
34) <a class="navbar-brand" id='app-name'>MySC</a>
35) </div>
36) <div class="collapse navbar-collapse" id="navbar-top-collapse">
37) <ul class="nav navbar-nav navbar-right">
38) <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
|
39) <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
|
40) <li class="menu menu-scase"><a href="#scases" id="back_to_scases"><span class="glyphicon glyphicon-briefcase"></span> Liste des valises</a></li>
41) <li class="menu menu-scase dropdown">
42) <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-tag'></span> Gérer la valise <b class="caret"></b></a>
43) <ul class="dropdown-menu">
44) <li><a href="#add_cat" id="add_cat_btn"><span class="glyphicon glyphicon-plus-sign"></span> Ajouter une catégorie</a></li>
45) <li class="divider"></li>
46) <li><a href="#rename_scase" id="rename_scase_btn"><span class="glyphicon glyphicon-edit"></span> Renommer la valise</a></li>
47) <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
|
48) <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
|
49) <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
|
50) <li class="divider"></li>
51) <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
|
52) </ul>
53) </li>
54) <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
55) <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li>
56) </ul>
57) </div>
58) </div>
59) </div>
60)
61) <div class="container" id="content"></div>
62)
63)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
64) <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
|
65) <div class="modal-dialog">
66) <div class="modal-content">
67) <div class="modal-header">
68) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
69) <h4 class="modal-title">Ajouter une valise</h4>
70) </div>
71) <div class="modal-body">
72) <form class="form-horizontal" role="form">
73) <div class="form-group">
74) <input type='text' id='add_scase_name' class="form-control" placeholder="Nom de la valise"/>
75) </div>
76) </form>
77) </div>
78) <div class="modal-footer">
79) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
80) <button type="button" class="btn btn-primary" id='add_scase_submit'>Ajouter</button>
81) </div>
82) </div><!-- /.modal-content -->
83) </div><!-- /.modal-dialog -->
84) </div>
85)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
86) <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
|
87) <div class="modal-dialog">
88) <div class="modal-content">
89) <div class="modal-header">
90) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
91) <h4 class="modal-title">Copier une valise</h4>
92) </div>
93) <div class="modal-body">
94) <form class="form-horizontal" role="form">
95) <div class="form-group">
96) <input type='text' id='copy_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
97) </div>
98) </form>
99) </div>
100) <div class="modal-footer">
101) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
102) <button type="button" class="btn btn-primary" id='copy_scase_submit'>Copier</button>
103) </div>
104) </div><!-- /.modal-content -->
105) </div><!-- /.modal-dialog -->
106) </div>
107)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
108) <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
|
109) <div class="modal-dialog">
110) <div class="modal-content">
111) <div class="modal-header">
112) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
113) <h4 class="modal-title">Renomer la valise</h4>
114) </div>
115) <div class="modal-body">
116) <form class="form-horizontal" role="form">
117) <div class="form-group">
118) <input type='text' id='rename_scase_name' class="form-control" placeholder="Nom de la nouvelle valise"/>
119) </div>
120) </form>
121) </div>
122) <div class="modal-footer">
123) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
124) <button type="button" class="btn btn-primary" id='rename_scase_submit'>Renomer</button>
125) </div>
126) </div><!-- /.modal-content -->
127) </div><!-- /.modal-dialog -->
128) </div>
129)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
130) <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
|
131) <div class="modal-dialog">
132) <div class="modal-content">
133) <div class="modal-header">
134) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
135) <h4 class="modal-title">Ajouter une catégorie</h4>
136) </div>
137) <div class="modal-body">
138) <form class="form-horizontal" role="form">
139) <div class="form-group">
140) <input type='text' id='add_cat_name' class="form-control" placeholder="Nom de la catégorie"/>
141) </div>
142) </form>
143) </div>
144) <div class="modal-footer">
145) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
146) <button type="button" class="btn btn-primary" id='add_cat_submit'>Ajouter</button>
147) </div>
148) </div><!-- /.modal-content -->
149) </div><!-- /.modal-dialog -->
150) </div>
151)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
152) <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
|
153) <div class="modal-dialog">
154) <div class="modal-content">
155) <div class="modal-header">
156) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
157) <h4 class="modal-title">Renommer une catégorie</h4>
158) </div>
159) <div class="modal-body">
160) <form class="form-horizontal" role="form">
161) <div class="form-group">
162) <input type='text' id='rename_cat_name' class="form-control" placeholder="Nouveau nom de la catégorie"/>
163) </div>
164) </form>
165) </div>
166) <div class="modal-footer">
167) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
168) <button type="button" class="btn btn-primary" id='rename_cat_submit'>Renommer</button>
169) </div>
170) </div><!-- /.modal-content -->
171) </div><!-- /.modal-dialog -->
172) </div>
173)
174)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
175) <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
|
176) <div class="modal-dialog">
177) <div class="modal-content">
178) <div class="modal-header">
179) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
180) <h4 class="modal-title">Ajouter un élément</h4>
181) </div>
182) <div class="modal-body">
|
Permit to add multiple thin...
Benjamin Renard authored 7 years ago
|
183) <form role="form">
184) <div class="form-group">
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
185) <input type='text' class='form-control add_thing_label' placeholder="Nom de l'élément"/>
186) <input type='number' class='form-control add_thing_nb' placeholder="Nb"/>
|
Permit to add multiple thin...
Benjamin Renard authored 7 years ago
|
187) </div>
|
Initial commit
Benjamin Renard authored 8 years ago
|
188) <div class="form-group">
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
189) <input type='text' class='form-control add_thing_label' placeholder="Un autre ?"/>
190) <input type='number' class='form-control add_thing_nb' placeholder="Nb"/>
|
Initial commit
Benjamin Renard authored 8 years ago
|
191) </div>
192) </form>
193) </div>
194) <div class="modal-footer">
195) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
196) <button type="button" class="btn btn-primary" id='add_thing_submit'>Ajouter</button>
197) </div>
198) </div><!-- /.modal-content -->
199) </div><!-- /.modal-dialog -->
200) </div>
201)
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
202) <div class="modal" id="edit_thing_modal" tabindex="-1" role="dialog" aria-labelledby="editThingModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
203) <div class="modal-dialog">
204) <div class="modal-content">
205) <div class="modal-header">
206) <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
207) <h4 class="modal-title">Modifier un élément</h4>
|
Initial commit
Benjamin Renard authored 8 years ago
|
208) </div>
209) <div class="modal-body">
210) <form class="form-horizontal" role="form">
211) <div class="form-group">
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
212) <input type='text' id='edit_thing_label' class="form-control" placeholder="Nouveau nom de l'élément"/>
213) <input type='number' id='edit_thing_nb' class="form-control" placeholder="Nb"/>
|
Initial commit
Benjamin Renard authored 8 years ago
|
214) </div>
215) </form>
216) </div>
217) <div class="modal-footer">
218) <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
Add number of things feature
Benjamin Renard authored 7 years ago
|
219) <button type="button" class="btn btn-primary" id='edit_thing_submit'>Modifier</button>
|
Initial commit
Benjamin Renard authored 8 years ago
|
220) </div>
221) </div><!-- /.modal-content -->
222) </div><!-- /.modal-dialog -->
223) </div>
224)
225)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
226) <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
|
227) <div class="modal-dialog">
228) <div class="modal-content">
229) <div class="modal-header">
230) <h2 class="modal-title">Chargement...</h2>
231) </div>
232) <div class="modal-body">
233) <div class="progress progress-striped active">
234) <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
235) <span class="sr-only">Chargement...</span>
236) </div>
237) </div>
238) </div>
239) </div><!-- /.modal-content -->
240) </div><!-- /.modal-dialog -->
241) </div>
242)
|
Disable transition effects
Benjamin Renard authored 7 years ago
|
243) <div class="modal" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
|
Initial commit
Benjamin Renard authored 8 years ago
|
244) <div class="modal-dialog">
245) <div class="modal-content">
246) <div class="modal-header">
247) <button type="button" class="close cancel" aria-hidden="true">×</button>
248) <h4 class="modal-title">Confirmation</h4>
249) </div>
250) <div class="modal-body">
251) <p id='question'></p>
252) </div>
253) <div class="modal-footer">
254) <button type="button" class="btn btn-default cancel">Annuler</button>
255) <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
256) </div>
257) </div><!-- /.modal-content -->
258) </div><!-- /.modal-dialog -->
259) </div>
260)
261) <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
262) <script src="inc/lib/jquery.min.js"></script>
263) <!-- Latest compiled and minified JavaScript -->
264) <script src="inc/lib/bootstrap/js/bootstrap.js"></script>
265)
266) <script>
267)
268) </script>
269)
|
Rework on data structure to...
Benjamin Renard authored 8 years ago
|
270) <script src="inc/lib/uuid.js"></script>
|