public_html/index.html (2f247b0) - MySC

2f247b0d562c08204c6c6474c089b734247b880a

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