+

Last commit for index.html: 5b1ed81828c47895644575c7a005e44be423f8c9

Add Export/Import feature

Benjamin Renard [2016-09-12 22:17:02]
Add Export/Import feature
  1. <!DOCTYPE html>
  2. <html manifest="cache.manifest">
  3. <head>
  4. <title>MyCo</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. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  20. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  21. <!--[if lt IE 9]>
  22. <script src="inc/lib/html5shiv.js"></script>
  23. <script src="inc/lib/respond.min.js"></script>
  24. <![endif]-->
  25. <link rel="stylesheet" href="inc/lib/pickadate/themes/default.css">
  26. <link rel="stylesheet" href="inc/lib/pickadate/themes/default.date.css">
  27. </head>
  28. body{
  29. margin-top: 4em;
  30. margin-bottom: 4em;
  31. }
  32.  
  33. #total-label {
  34. text-align: right;
  35. }
  36.  
  37. #total-label, #total-value {
  38. font-weight: bold;
  39. }
  40.  
  41. .positive {
  42. color: green;
  43. }
  44.  
  45. .negative {
  46. color: red;
  47. }
  48.  
  49. .part {
  50. display: none;
  51. }
  52.  
  53. #view-group h1 {
  54. text-transform: capitalize;
  55. }
  56.  
  57. #view-group span.date, #view-group span.category {
  58. color: #999;
  59. font-size: 0.8em;
  60. font-style: italic;
  61. }
  62.  
  63. span.cat-color {
  64. width: 0.8em;
  65. height: 0.8em;
  66. display: inline-block;
  67. }
  68.  
  69. #view-group-categories ul {
  70. list-style-type: none;
  71. padding: 0;
  72. }
  73.  
  74. /*
  75. * Typehead
  76. */
  77. .tt-dropdown-menu {
  78. position: absolute;
  79. top: 100%;
  80. left: 0;
  81. z-index: 1000;
  82. display: none;
  83. float: left;
  84. min-width: 160px;
  85. padding: 5px 0;
  86. margin: 2px 0 0;
  87. list-style: none;
  88. font-size: 14px;
  89. background-color: #ffffff;
  90. border: 1px solid #cccccc;
  91. border: 1px solid rgba(0, 0, 0, 0.15);
  92. border-radius: 4px;
  93. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  94. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  95. background-clip: padding-box;
  96. }
  97. .tt-suggestion > p {
  98. display: block;
  99. padding: 3px 20px;
  100. clear: both;
  101. font-weight: normal;
  102. line-height: 1.428571429;
  103. color: #333333;
  104. white-space: nowrap;
  105. }
  106. .tt-suggestion > p:hover,
  107. .tt-suggestion > p:focus,
  108. .tt-suggestion.tt-cursor p {
  109. color: #ffffff;
  110. text-decoration: none;
  111. outline: 0;
  112. background-color: #428bca;
  113. }
  114.  
  115. .twitter-typeahead, .tt-hint {
  116. width: 100%;
  117. }
  118.  
  119. .navbar-myform {
  120. padding-left: 10px;
  121. margin-top: 8px;
  122. margin-right: -15px;
  123. margin-bottom: 8px;
  124. margin-left: -15px;
  125. }
  126.  
  127. .navbar-myform .navbar-toggle {
  128. margin-top: 0px;
  129. }
  130.  
  131. .group-title {
  132. font-weight: bold;
  133. }
  134.  
  135. .nav a, #mybalances a, #add_category span {
  136. cursor: pointer;
  137. }
  138.  
  139. #cats-chart {
  140. width: 350px;
  141. height: 350px;
  142. margin-top: 1em;
  143. }
  144.  
  145. .cats-chart-label {
  146. color: #fff;
  147. background-color: #000;
  148. padding: 2px;
  149. border-radius: 3px;
  150. opacity: 0.6;
  151. text-align: center;
  152. font-size: 0.8em;
  153. }
  154.  
  155. .cats-chart-label span {
  156. font-size: 0.7em;
  157. }
  158. <body>
  159. <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  160. <div class="container">
  161. <div class="navbar-header">
  162. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
  163. <span class="sr-only">Toggle navigation</span>
  164. <span class="icon-bar"></span>
  165. <span class="icon-bar"></span>
  166. <span class="icon-bar"></span>
  167. </button>
  168. <a class="navbar-brand" id='app-name'>MyCo</a>
  169. </div>
  170. <div class="collapse navbar-collapse" id="navbar-groupe-collapse">
  171. <ul class="nav navbar-nav">
  172. <li class="dropdown">
  173. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupes <b class="caret"></b></a>
  174. <ul id="group-choice" class="dropdown-menu">
  175. <li class="divider"></li>
  176. <li><a id='add_group_btn'><span class='glyphicon glyphicon-plus'></span> Nouveau</a></li>
  177. <li class="divider"></li>
  178. <li><a id='export_all_btn'><span class='glyphicon glyphicon-download'></span> Exporter au format JSON</span></a></li>
  179. <li><a id='import_all_btn'><span class='glyphicon glyphicon-upload'></span> Importer depuis un fichier JSON</span></a></li>
  180. <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
  181. </ul>
  182. </li>
  183. </ul>
  184. <ul class="nav navbar-nav navbar-right">
  185. <li class="dropdown">
  186. <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-user'></span> <span id='user-name'>Connexion</span> <b class="caret"></b></a>
  187. <ul id="user-menu" class="dropdown-menu"></ul>
  188. </li>
  189. <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li>
  190. </ul>
  191.  
  192. </div><!--/.nav-collapse -->
  193. </div>
  194. </div>
  195. <div class="container">
  196.  
  197. <div id='view-home' class='part'>
  198. <h1 id='title'></h1>
  199. <table class="table table-striped" id='mybalances'>
  200. <tr>
  201. <th>Groupe</th>
  202. <th>Balance</th>
  203. </tr>
  204. </thead>
  205. <tr>
  206. <td id='total-label'>Total :</td>
  207. <td id='total-value'></td>
  208. </tr>
  209. </tfoot>
  210. </table>
  211. </div>
  212.  
  213. <div id='view-group' class='part'>
  214. <nav class="navbar navbar-default" role="navigation">
  215. <div class="container">
  216. <div class="navbar-header">
  217. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#group-navbar-collapse-1">
  218. <span class="sr-only">Toggle navigation</span>
  219. <span id='group-username'>Benjamin</span>
  220. <span class="caret"></span>
  221. </button>
  222. <span class="navbar-brand group-title">Noël</span>
  223. </div>
  224. <div class="collapse navbar-collapse" id="group-navbar-collapse-1">
  225. <div class="navbar-form navbar-right">
  226. <select id='contributor' class="form-control"></select>
  227. </div>
  228. <ul class="nav navbar-nav navbar-right">
  229. <li><a id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter</span></a></li>
  230. <li><a id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span> Modifier</span></a></li>
  231. <li><a id='trash_contributor_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
  232. <li><a id='del_contributor_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le participant</span></a></li>
  233. </ul>
  234. </div>
  235. </div>
  236. </nav>
  237.  
  238. <table id='contributions' class="table">
  239. <tr>
  240. <th class='col-xs-5'>Dépence</th>
  241. <th class='col-xs-3'>Coût</th>
  242. <th class='col-xs-4'>Actions</th>
  243. </tr>
  244. </thead>
  245. <tr>
  246. <td>Label</td>
  247. <td>XXX,XX€</td>
  248. <td>
  249. <div class="btn-group" data-id='0'>
  250. <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
  251. <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
  252. </div>
  253. </td>
  254. </tr>
  255. </tbody>
  256. </table>
  257.  
  258. <nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
  259. <div class="container">
  260. <div class="navbar-myform navbar-left">
  261. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bottom-navbar-collapse-1">
  262. <span class="sr-only">Toggle navigation</span>
  263. <span class="icon-bar"></span>
  264. <span class="icon-bar"></span>
  265. <span class="icon-bar"></span>
  266. </button>
  267. <button class="btn btn-default" id='add_contribution_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
  268. <button class="btn btn-default" id='display_balance_btn'><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
  269. </div>
  270. <div class="collapse navbar-collapse" id="bottom-navbar-collapse-1">
  271. <form class="navbar-form navbar-right" role="search" id='nav-search-form'>
  272. <div class="form-group">
  273. <input type="text" class="form-control" placeholder="Rechercher">
  274. </div>
  275. </form>
  276. <ul class="nav navbar-nav navbar-right">
  277. <li><a id='categories_group_btn'><span class='glyphicon glyphicon-th-list'></span> Catégories</span></a></li>
  278. <li><a id='export_group_btn'><span class='glyphicon glyphicon-download'></span> Export CSV</span></a></li>
  279. <li><a id='trash_group_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
  280. <li><a id='remove_group_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le groupe</span></a></li>
  281. </ul>
  282. </div>
  283. </div>
  284. </nav>
  285. </div>
  286.  
  287. <div id='view-group-trash' class='part'>
  288. <h1>Corbeille</h1>
  289. <button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
  290. <table id='trash' class="table">
  291. <tr>
  292. <th>Dépence</th>
  293. <th>Coût</th>
  294. <th>Actions</th>
  295. </tr>
  296. </thead>
  297. <tr>
  298. <td>Label</td>
  299. <td>XXX,XX€</td>
  300. <td>
  301. <button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
  302. </td>
  303. </tr>
  304. </tbody>
  305. </table>
  306.  
  307. </div>
  308.  
  309. <div id='view-group-trash-contributors' class='part'>
  310. <h1>Corbeille</h1>
  311. <button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
  312. <table id='trash' class="table">
  313. <tr>
  314. <th>Participant</th>
  315. <th>Actions</th>
  316. </tr>
  317. </thead>
  318. <tr>
  319. <td>Nom</td>
  320. <td>
  321. <button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
  322. </td>
  323. </tr>
  324. </tbody>
  325. </table>
  326. </div>
  327.  
  328. <div id='view-group-categories' class='part'>
  329. <h1>Catégories <button type="button" class="btn btn-default go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button></h1>
  330. <div class='row'>
  331. <div class='col-xs-6'>
  332. <ul>
  333. </ul>
  334. <form class="form-horizontal" role="form">
  335. <div id="add_category" class='input-group'>
  336. <input type='text' class="form-control" placeholder='nom'/>
  337. <span class="input-group-addon"><span class="glyphicon glyphicon-plus"></span></span>
  338. </div>
  339. </form>
  340. </div>
  341. </div>
  342. <div id='cats-chart'></div>
  343. </div>
  344.  
  345. <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
  346. <div class="modal-dialog">
  347. <div class="modal-content">
  348. <div class="modal-header">
  349. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  350. <h4 class="modal-title">Ajouter un groupe</h4>
  351. </div>
  352. <div class="modal-body">
  353. <form class="form-horizontal" role="form">
  354. <div class="form-group">
  355. <div class="input-group">
  356. <span class="input-group-addon">Nom *</span>
  357. <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
  358. </div>
  359. </div>
  360. </form>
  361. </div>
  362. <div class="modal-footer">
  363. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  364. <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
  365. </div>
  366. </div><!-- /.modal-content -->
  367. </div><!-- /.modal-dialog -->
  368. </div>
  369.  
  370. <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
  371. <div class="modal-dialog">
  372. <div class="modal-content">
  373. <div class="modal-header">
  374. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  375. <h4 class="modal-title">Ajouter un participant</h4>
  376. </div>
  377. <div class="modal-body">
  378. <form class="form-horizontal" role="form">
  379. <div class="form-group">
  380. <label for='add_contributor_name' class="col-sm-2 control-label">Nom *</label>
  381. <div class="col-sm-10">
  382. <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
  383. </div>
  384. </div>
  385. <div class="form-group">
  386. <label for='add_contributor_email' class="col-sm-2 control-label">Email *</label>
  387. <div class="col-sm-10">
  388. <input type='email' id='add_contributor_email' class="form-control" placeholder='Email'/>
  389. </div>
  390. </div>
  391. </form>
  392. </div>
  393. <div class="modal-footer">
  394. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  395. <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
  396. </div>
  397. </div><!-- /.modal-content -->
  398. </div><!-- /.modal-dialog -->
  399. </div>
  400.  
  401. <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
  402. <div class="modal-dialog">
  403. <div class="modal-content">
  404. <div class="modal-header">
  405. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  406. <h4 class="modal-title">Connexion</h4>
  407. </div>
  408. <div class="modal-body">
  409. <form class="form-horizontal" role="form">
  410. <div class="form-group">
  411. <div class="input-group">
  412. <span class="input-group-addon">Email *</span>
  413. <input type='email' id='login_email' class="form-control" placeholder='Email'/>
  414. </div>
  415. </div>
  416. <div class="form-group">
  417. <div class="input-group">
  418. <span class="input-group-addon">Mot de passe *</span>
  419. <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
  420. </div>
  421. </div>
  422. <div class="form-group">
  423. <div class="input-group">
  424. <span class="input-group-addon">Serveur *</span>
  425. <input type='text' id='login_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
  426. </div>
  427. </div>
  428. </form>
  429. </div>
  430. <div class="modal-footer">
  431. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  432. <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
  433. <button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button>
  434. </div>
  435. </div><!-- /.modal-content -->
  436. </div><!-- /.modal-dialog -->
  437. </div>
  438.  
  439. <div class="modal fade" id="subscribe_modal" tabindex="-1" role="dialog" aria-labelledby="subscribeModal" aria-hidden="true">
  440. <div class="modal-dialog">
  441. <div class="modal-content">
  442. <div class="modal-header">
  443. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  444. <h4 class="modal-title">Inscription</h4>
  445. </div>
  446. <div class="modal-body">
  447. <form class="form-horizontal" role="form">
  448. <div class="form-group">
  449. <div class="input-group">
  450. <span class="input-group-addon">Email *</span>
  451. <input type='email' id='subscribe_email' class="form-control" placeholder='Email'/>
  452. </div>
  453. </div>
  454. <div class="form-group">
  455. <div class="input-group">
  456. <span class="input-group-addon">Nom *</span>
  457. <input type='text' id='subscribe_name' class="form-control" placeholder='Nom'/>
  458. </div>
  459. </div>
  460. <div class="form-group">
  461. <div class="input-group">
  462. <span class="input-group-addon">Mot de passe *</span>
  463. <input type='password' id='subscribe_pass' class="form-control" placeholder='Mot de passe'/>
  464. </div>
  465. </div>
  466. <div class="form-group">
  467. <div class="input-group">
  468. <span class="input-group-addon">Serveur *</span>
  469. <input type='text' id='subscribe_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
  470. </div>
  471. </div>
  472. </form>
  473. </div>
  474. <div class="modal-footer">
  475. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  476. <button type="button" class="btn btn-primary" id='subscribe_submit'>Valider</button>
  477. </div>
  478. </div><!-- /.modal-content -->
  479. </div><!-- /.modal-dialog -->
  480. </div>
  481.  
  482.  
  483. <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
  484. <div class="modal-dialog">
  485. <div class="modal-content">
  486. <div class="modal-header">
  487. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  488. <h4 class="modal-title">Ajouter une contribution</h4>
  489. </div>
  490. <div class="modal-body">
  491. <form class="form-horizontal" role="form">
  492. <input type='hidden' id='edit_uuid' value='-1' />
  493. <div class="form-group">
  494. <label for='add_contribution_contributor_email' class="col-xs-3 control-label"><span class="glyphicon glyphicon-user"></span></label>
  495. <div class='col-xs-9'>
  496. <select id='add_contribution_contributor_email' class="form-control"></select>
  497. </div>
  498. </div>
  499. <div class="form-group">
  500. <label for='add_contribution_title' class="col-xs-3 control-label">Titre</label>
  501. <div class='col-xs-9'>
  502. <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
  503. </div>
  504. </div>
  505. <div class="form-group">
  506. <label for='add_contribution_cost' class="col-xs-3 control-label">Coût</label>
  507. <div class='col-xs-9'>
  508. <div class="input-group">
  509. <input type='number' id='add_contribution_cost' step='0.05' class="form-control" placeholder='0.00'/>
  510. <span class="input-group-addon"></span>
  511. </div>
  512. </div>
  513. </div>
  514. <div class="form-group">
  515. <label for='add_contribution_category' class="col-xs-3 control-label">Catégorie</label>
  516. <div class='col-xs-9'>
  517. <select id='add_contribution_category' class="form-control"></select>
  518. </div>
  519. </div>
  520. <div class="form-group">
  521. <label for='add_contribution_date' class="col-xs-3 control-label">Date</label>
  522. <div class='col-xs-9'>
  523. <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
  524. </div>
  525. </div>
  526. </form>
  527. </div>
  528. <div class="modal-footer">
  529. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  530. <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
  531. </div>
  532. </div><!-- /.modal-content -->
  533. </div><!-- /.modal-dialog -->
  534. </div>
  535.  
  536. <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
  537. <div class="modal-dialog">
  538. <div class="modal-content">
  539. <div class="modal-header">
  540. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  541. <h4 class="modal-title">Balance</h4>
  542. </div>
  543. <div class="modal-body">
  544. <table class="table table-striped">
  545. <tr>
  546. <th>Participant</th>
  547. <th>Participation</th>
  548. <th>&nbsp;</th>
  549. </tr>
  550. </thead>
  551. <tr>
  552. <td id='total-label'>Total :</td>
  553. <td colspan='2' id='total-value'></td>
  554. </tr>
  555. </tfoot>
  556. </table>
  557. </div>
  558. <div class="modal-footer">
  559. <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
  560. </div>
  561. </div><!-- /.modal-content -->
  562. </div><!-- /.modal-dialog -->
  563. </div>
  564.  
  565. <div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
  566. <div class="modal-dialog">
  567. <div class="modal-content">
  568. <div class="modal-header">
  569. <h2 class="modal-title">Chargement...</h2>
  570. </div>
  571. <div class="modal-body">
  572. <div class="progress progress-striped active">
  573. <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
  574. <span class="sr-only">Chargement...</span>
  575. </div>
  576. </div>
  577. </div>
  578. </div><!-- /.modal-content -->
  579. </div><!-- /.modal-dialog -->
  580. </div>
  581.  
  582. <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  583. <div class="modal-dialog">
  584. <div class="modal-content">
  585. <div class="modal-header">
  586. <button type="button" class="close cancel" aria-hidden="true">&times;</button>
  587. <h4 class="modal-title">Confirmation</h4>
  588. </div>
  589. <div class="modal-body">
  590. <p id='question'></p>
  591. </div>
  592. <div class="modal-footer">
  593. <button type="button" class="btn btn-default cancel">Annuler</button>
  594. <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
  595. </div>
  596. </div><!-- /.modal-content -->
  597. </div><!-- /.modal-dialog -->
  598. </div>
  599.  
  600. <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
  601. <div class="modal-dialog">
  602. <div class="modal-content">
  603. <div class="modal-header">
  604. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  605. <h4 class="modal-title">Mon compte</h4>
  606. </div>
  607. <div class="modal-body">
  608. <form class="form-horizontal" role="form">
  609. <div class="form-group">
  610. <label class="col-sm-3 control-label">Email</label>
  611. <div class="col-sm-9">
  612. <p class="form-control-static" id='myaccount_email'></p>
  613. </div>
  614. </div>
  615. <div class="form-group">
  616. <label "inputName" class="col-sm-3 control-label">Nom</label>
  617. <div class="col-sm-9">
  618. <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
  619. </div>
  620. </div>
  621. <div class="form-group">
  622. <label for="inputPassword" class="col-sm-3 control-label">Mot de passe</label>
  623. <div class="col-sm-9">
  624. <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
  625. </div>
  626. </div>
  627. <div class="form-group">
  628. <label class="col-sm-3 control-label">Serveur</label>
  629. <div class="col-sm-9">
  630. <p class="form-control-static" id='myaccount_server'></p>
  631. </div>
  632. </div>
  633. <div class="form-group">
  634. <label class="col-sm-5 control-label">Dernière synchronisation</label>
  635. <div class="col-sm-5">
  636. <p class="form-control-static" id='myaccount_lastsync'></p>
  637. </div>
  638. </div>
  639. </form>
  640. </div>
  641. <div class="modal-footer">
  642. <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
  643. </div>
  644. </div><!-- /.modal-content -->
  645. </div><!-- /.modal-dialog -->
  646. </div>
  647.  
  648.  
  649. </div>
  650. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  651. <script src="inc/lib/jquery-1.10.2.min.js"></script>
  652. <!-- Latest compiled and minified JavaScript -->
  653. <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
  654. <script src="inc/lib/moment.min.js"></script>
  655. <script src="inc/lib/pickadate/picker.js"></script>
  656. <script src="inc/lib/pickadate/picker.date.js"></script>
  657. <script src="inc/lib/pickadate/legacy.js"></script>
  658. <script src="inc/lib/typeahead.bundle.js"></script>
  659. <!-- Flot -->
  660. <script src="inc/lib/flot-0.8.3/jquery.flot.js"></script>
  661. <script src="inc/lib/flot-0.8.3/jquery.flot.pie.js"></script>
  662.  
  663. <script src="inc/lib/uuid.js"></script>
  664. <script src="inc/myco_objects.js"></script>
  665. <script src="inc/myco_confirm.js"></script>
  666. <script src="inc/myco.js"></script>
  667. </body>
  668. </html>