dcf7b56163a08679acca72270bd3d7076698dd55
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard Initial commit

Benjamin Renard authored 8 years ago

17) 
Benjamin Renard Create a separeted CSS file

Benjamin Renard authored 7 years ago

18)     <!-- Optional theme -->
19)     <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
Benjamin Renard Rework on home page

Benjamin Renard authored 8 years ago

20) 
Benjamin Renard Create a separeted CSS file

Benjamin Renard authored 7 years ago

21)     <link rel="stylesheet" href="inc/main.css">
22)   </head>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</button>
180)         <h4 class="modal-title">Ajouter un élément</h4>
181)       </div>
182)       <div class="modal-body">
Benjamin Renard Permit to add multiple thin...

Benjamin Renard authored 7 years ago

183)         <form role="form">
184)           <div class="form-group">
Benjamin Renard 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"/>
Benjamin Renard Permit to add multiple thin...

Benjamin Renard authored 7 years ago

187)           </div>
Benjamin Renard Initial commit

Benjamin Renard authored 8 years ago

188)           <div class="form-group">
Benjamin Renard 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"/>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</button>
Benjamin Renard Add number of things feature

Benjamin Renard authored 7 years ago

207)         <h4 class="modal-title">Modifier un élément</h4>
Benjamin Renard 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">
Benjamin Renard 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"/>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard Initial commit

Benjamin Renard authored 8 years ago

220)       </div>
221)     </div><!-- /.modal-content -->
222)   </div><!-- /.modal-dialog -->
223) </div>
224) 
225) 
Benjamin Renard 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'>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard Rework on data structure to...

Benjamin Renard authored 8 years ago

270) <script src="inc/lib/uuid.js"></script>