10dc9ff15f08a0c7f86a7bbe6679f937da02eef1
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) <!-- 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) 
Benjamin Renard Disable transition effects

Benjamin Renard authored 7 years ago

29) .collapsing {
30)     -webkit-transition: none;
31)     transition: none;
32)     display: none;
33) }
34) 
Benjamin Renard 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) }
Benjamin Renard 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) }
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</button>
212)         <h4 class="modal-title">Ajouter un élément</h4>
213)       </div>
214)       <div class="modal-body">
Benjamin Renard 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>
Benjamin Renard Initial commit

Benjamin Renard authored 8 years ago

219)           <div class="form-group">
Benjamin Renard 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 ?"/>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard 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'>
Benjamin Renard 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) 
Benjamin Renard 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">
Benjamin Renard 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">&times;</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) 
Benjamin Renard Rework on data structure to...

Benjamin Renard authored 8 years ago

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