+

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> Groupe <b class="caret"></b></a>
  174. <ul id="group-choice" class="dropdown-menu">
  175. <li class="divider"></li>
  176. <li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
  177. <li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
  178. </ul>
  179. </li>
  180. </ul>
  181. <ul class="nav navbar-nav navbar-right">
  182. <li class="dropdown">
  183. <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>
  184. <ul id="user-menu" class="dropdown-menu"></ul>
  185. </li>
  186. <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li>
  187. </ul>
  188.  
  189. </div><!--/.nav-collapse -->
  190. </div>
  191. </div>
  192. <div class="container">
  193.  
  194. <div id='view-home' class='part'>
  195. <h1 id='title'></h1>
  196. <table class="table table-striped" id='mybalances'>
  197. <tr>
  198. <th>Groupe</th>
  199. <th>Balance</th>
  200. </tr>
  201. </thead>
  202. <tr>
  203. <td id='total-label'>Total :</td>
  204. <td id='total-value'></td>
  205. </tr>
  206. </tfoot>
  207. </table>
  208. </div>
  209.  
  210. <div id='view-group' class='part'>
  211. <nav class="navbar navbar-default" role="navigation">
  212. <div class="container">
  213. <div class="navbar-header">
  214. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#group-navbar-collapse-1">
  215. <span class="sr-only">Toggle navigation</span>
  216. <span id='group-username'>Benjamin</span>
  217. <span class="caret"></span>
  218. </button>
  219. <span class="navbar-brand group-title">Noël</span>
  220. </div>
  221. <div class="collapse navbar-collapse" id="group-navbar-collapse-1">
  222. <div class="navbar-form navbar-right">
  223. <select id='contributor' class="form-control"></select>
  224. </div>
  225. <ul class="nav navbar-nav navbar-right">
  226. <li><a id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter</span></a></li>
  227. <li><a id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span> Modifier</span></a></li>
  228. <li><a id='trash_contributor_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
  229. <li><a id='del_contributor_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le participant</span></a></li>
  230. </ul>
  231. </div>
  232. </div>
  233. </nav>
  234.  
  235. <table id='contributions' class="table">
  236. <tr>
  237. <th class='col-xs-5'>Dépence</th>
  238. <th class='col-xs-3'>Coût</th>
  239. <th class='col-xs-4'>Actions</th>
  240. </tr>
  241. </thead>
  242. <tr>
  243. <td>Label</td>
  244. <td>XXX,XX€</td>
  245. <td>
  246. <div class="btn-group" data-id='0'>
  247. <button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
  248. <button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
  249. </div>
  250. </td>
  251. </tr>
  252. </tbody>
  253. </table>
  254.  
  255. <nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
  256. <div class="container">
  257. <div class="navbar-myform navbar-left">
  258. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bottom-navbar-collapse-1">
  259. <span class="sr-only">Toggle navigation</span>
  260. <span class="icon-bar"></span>
  261. <span class="icon-bar"></span>
  262. <span class="icon-bar"></span>
  263. </button>
  264. <button class="btn btn-default" id='add_contribution_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
  265. <button class="btn btn-default" id='display_balance_btn'><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
  266. </div>
  267. <div class="collapse navbar-collapse" id="bottom-navbar-collapse-1">
  268. <form class="navbar-form navbar-right" role="search" id='nav-search-form'>
  269. <div class="form-group">
  270. <input type="text" class="form-control" placeholder="Rechercher">
  271. </div>
  272. </form>
  273. <ul class="nav navbar-nav navbar-right">
  274. <li><a id='categories_group_btn'><span class='glyphicon glyphicon-th-list'></span> Catégories</span></a></li>
  275. <li><a id='export_group_btn'><span class='glyphicon glyphicon-download'></span> Export CSV</span></a></li>
  276. <li><a id='trash_group_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
  277. <li><a id='remove_group_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le groupe</span></a></li>
  278. </ul>
  279. </div>
  280. </div>
  281. </nav>
  282. </div>
  283.  
  284. <div id='view-group-trash' class='part'>
  285. <h1>Corbeille</h1>
  286. <button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
  287. <table id='trash' class="table">
  288. <tr>
  289. <th>Dépence</th>
  290. <th>Coût</th>
  291. <th>Actions</th>
  292. </tr>
  293. </thead>
  294. <tr>
  295. <td>Label</td>
  296. <td>XXX,XX€</td>
  297. <td>
  298. <button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
  299. </td>
  300. </tr>
  301. </tbody>
  302. </table>
  303.  
  304. </div>
  305.  
  306. <div id='view-group-trash-contributors' class='part'>
  307. <h1>Corbeille</h1>
  308. <button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
  309. <table id='trash' class="table">
  310. <tr>
  311. <th>Participant</th>
  312. <th>Actions</th>
  313. </tr>
  314. </thead>
  315. <tr>
  316. <td>Nom</td>
  317. <td>
  318. <button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
  319. </td>
  320. </tr>
  321. </tbody>
  322. </table>
  323. </div>
  324.  
  325. <div id='view-group-categories' class='part'>
  326. <h1>Catégories <button type="button" class="btn btn-default go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button></h1>
  327. <div class='row'>
  328. <div class='col-xs-6'>
  329. <ul>
  330. </ul>
  331. <div id="add_category" class='input-group'>
  332. <input type='text' class="form-control" placeholder='nom'/>
  333. <span class="input-group-addon"><span class="glyphicon glyphicon-plus"></span></span>
  334. </div>
  335. </div>
  336. </div>
  337. <div id='cats-chart'></div>
  338. </div>
  339.  
  340. <div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
  341. <div class="modal-dialog">
  342. <div class="modal-content">
  343. <div class="modal-header">
  344. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  345. <h4 class="modal-title">Ajouter un groupe</h4>
  346. </div>
  347. <div class="modal-body">
  348. <form class="form-horizontal" role="form">
  349. <div class="form-group">
  350. <div class="input-group">
  351. <span class="input-group-addon">Nom *</span>
  352. <input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
  353. </div>
  354. </div>
  355. </form>
  356. </div>
  357. <div class="modal-footer">
  358. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  359. <button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
  360. </div>
  361. </div><!-- /.modal-content -->
  362. </div><!-- /.modal-dialog -->
  363. </div>
  364.  
  365. <div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
  366. <div class="modal-dialog">
  367. <div class="modal-content">
  368. <div class="modal-header">
  369. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  370. <h4 class="modal-title">Ajouter un participant</h4>
  371. </div>
  372. <div class="modal-body">
  373. <form class="form-horizontal" role="form">
  374. <div class="form-group">
  375. <label for='add_contributor_name' class="col-sm-2 control-label">Nom *</label>
  376. <div class="col-sm-10">
  377. <input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
  378. </div>
  379. </div>
  380. <div class="form-group">
  381. <label for='add_contributor_email' class="col-sm-2 control-label">Email *</label>
  382. <div class="col-sm-10">
  383. <input type='email' id='add_contributor_email' class="form-control" placeholder='Email'/>
  384. </div>
  385. </div>
  386. </form>
  387. </div>
  388. <div class="modal-footer">
  389. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  390. <button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
  391. </div>
  392. </div><!-- /.modal-content -->
  393. </div><!-- /.modal-dialog -->
  394. </div>
  395.  
  396. <div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
  397. <div class="modal-dialog">
  398. <div class="modal-content">
  399. <div class="modal-header">
  400. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  401. <h4 class="modal-title">Connexion</h4>
  402. </div>
  403. <div class="modal-body">
  404. <form class="form-horizontal" role="form">
  405. <div class="form-group">
  406. <div class="input-group">
  407. <span class="input-group-addon">Email *</span>
  408. <input type='email' id='login_email' class="form-control" placeholder='Email'/>
  409. </div>
  410. </div>
  411. <div class="form-group">
  412. <div class="input-group">
  413. <span class="input-group-addon">Mot de passe *</span>
  414. <input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
  415. </div>
  416. </div>
  417. <div class="form-group">
  418. <div class="input-group">
  419. <span class="input-group-addon">Serveur *</span>
  420. <input type='text' id='login_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
  421. </div>
  422. </div>
  423. </form>
  424. </div>
  425. <div class="modal-footer">
  426. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  427. <button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
  428. <button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button>
  429. </div>
  430. </div><!-- /.modal-content -->
  431. </div><!-- /.modal-dialog -->
  432. </div>
  433.  
  434. <div class="modal fade" id="subscribe_modal" tabindex="-1" role="dialog" aria-labelledby="subscribeModal" aria-hidden="true">
  435. <div class="modal-dialog">
  436. <div class="modal-content">
  437. <div class="modal-header">
  438. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  439. <h4 class="modal-title">Inscription</h4>
  440. </div>
  441. <div class="modal-body">
  442. <form class="form-horizontal" role="form">
  443. <div class="form-group">
  444. <div class="input-group">
  445. <span class="input-group-addon">Email *</span>
  446. <input type='email' id='subscribe_email' class="form-control" placeholder='Email'/>
  447. </div>
  448. </div>
  449. <div class="form-group">
  450. <div class="input-group">
  451. <span class="input-group-addon">Nom *</span>
  452. <input type='text' id='subscribe_name' class="form-control" placeholder='Nom'/>
  453. </div>
  454. </div>
  455. <div class="form-group">
  456. <div class="input-group">
  457. <span class="input-group-addon">Mot de passe *</span>
  458. <input type='password' id='subscribe_pass' class="form-control" placeholder='Mot de passe'/>
  459. </div>
  460. </div>
  461. <div class="form-group">
  462. <div class="input-group">
  463. <span class="input-group-addon">Serveur *</span>
  464. <input type='text' id='subscribe_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
  465. </div>
  466. </div>
  467. </form>
  468. </div>
  469. <div class="modal-footer">
  470. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  471. <button type="button" class="btn btn-primary" id='subscribe_submit'>Valider</button>
  472. </div>
  473. </div><!-- /.modal-content -->
  474. </div><!-- /.modal-dialog -->
  475. </div>
  476.  
  477.  
  478. <div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
  479. <div class="modal-dialog">
  480. <div class="modal-content">
  481. <div class="modal-header">
  482. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  483. <h4 class="modal-title">Ajouter une contribution</h4>
  484. </div>
  485. <div class="modal-body">
  486. <form class="form-horizontal" role="form">
  487. <input type='hidden' id='edit_uuid' value='-1' />
  488. <div class="form-group">
  489. <label for='add_contribution_contributor_email' class="col-xs-3 control-label"><span class="glyphicon glyphicon-user"></span></label>
  490. <div class='col-xs-9'>
  491. <select id='add_contribution_contributor_email' class="form-control"></select>
  492. </div>
  493. </div>
  494. <div class="form-group">
  495. <label for='add_contribution_title' class="col-xs-3 control-label">Titre</label>
  496. <div class='col-xs-9'>
  497. <input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
  498. </div>
  499. </div>
  500. <div class="form-group">
  501. <label for='add_contribution_cost' class="col-xs-3 control-label">Coût</label>
  502. <div class='col-xs-9'>
  503. <div class="input-group">
  504. <input type='number' id='add_contribution_cost' step='0.05' class="form-control" placeholder='0.00'/>
  505. <span class="input-group-addon"></span>
  506. </div>
  507. </div>
  508. </div>
  509. <div class="form-group">
  510. <label for='add_contribution_category' class="col-xs-3 control-label">Catégorie</label>
  511. <div class='col-xs-9'>
  512. <select id='add_contribution_category' class="form-control"></select>
  513. </div>
  514. </div>
  515. <div class="form-group">
  516. <label for='add_contribution_date' class="col-xs-3 control-label">Date</label>
  517. <div class='col-xs-9'>
  518. <input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
  519. </div>
  520. </div>
  521. </form>
  522. </div>
  523. <div class="modal-footer">
  524. <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
  525. <button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
  526. </div>
  527. </div><!-- /.modal-content -->
  528. </div><!-- /.modal-dialog -->
  529. </div>
  530.  
  531. <div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
  532. <div class="modal-dialog">
  533. <div class="modal-content">
  534. <div class="modal-header">
  535. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  536. <h4 class="modal-title">Balance</h4>
  537. </div>
  538. <div class="modal-body">
  539. <table class="table table-striped">
  540. <tr>
  541. <th>Participant</th>
  542. <th>Participation</th>
  543. <th>&nbsp;</th>
  544. </tr>
  545. </thead>
  546. <tr>
  547. <td id='total-label'>Total :</td>
  548. <td colspan='2' id='total-value'></td>
  549. </tr>
  550. </tfoot>
  551. </table>
  552. </div>
  553. <div class="modal-footer">
  554. <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
  555. </div>
  556. </div><!-- /.modal-content -->
  557. </div><!-- /.modal-dialog -->
  558. </div>
  559.  
  560. <div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
  561. <div class="modal-dialog">
  562. <div class="modal-content">
  563. <div class="modal-header">
  564. <h2 class="modal-title">Chargement...</h2>
  565. </div>
  566. <div class="modal-body">
  567. <div class="progress progress-striped active">
  568. <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
  569. <span class="sr-only">Chargement...</span>
  570. </div>
  571. </div>
  572. </div>
  573. </div><!-- /.modal-content -->
  574. </div><!-- /.modal-dialog -->
  575. </div>
  576.  
  577. <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
  578. <div class="modal-dialog">
  579. <div class="modal-content">
  580. <div class="modal-header">
  581. <button type="button" class="close cancel" aria-hidden="true">&times;</button>
  582. <h4 class="modal-title">Confirmation</h4>
  583. </div>
  584. <div class="modal-body">
  585. <p id='question'></p>
  586. </div>
  587. <div class="modal-footer">
  588. <button type="button" class="btn btn-default cancel">Annuler</button>
  589. <button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
  590. </div>
  591. </div><!-- /.modal-content -->
  592. </div><!-- /.modal-dialog -->
  593. </div>
  594.  
  595. <div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
  596. <div class="modal-dialog">
  597. <div class="modal-content">
  598. <div class="modal-header">
  599. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  600. <h4 class="modal-title">Mon compte</h4>
  601. </div>
  602. <div class="modal-body">
  603. <form class="form-horizontal" role="form">
  604. <div class="form-group">
  605. <label class="col-sm-3 control-label">Email</label>
  606. <div class="col-sm-9">
  607. <p class="form-control-static" id='myaccount_email'></p>
  608. </div>
  609. </div>
  610. <div class="form-group">
  611. <label "inputName" class="col-sm-3 control-label">Nom</label>
  612. <div class="col-sm-9">
  613. <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
  614. </div>
  615. </div>
  616. <div class="form-group">
  617. <label for="inputPassword" class="col-sm-3 control-label">Mot de passe</label>
  618. <div class="col-sm-9">
  619. <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
  620. </div>
  621. </div>
  622. <div class="form-group">
  623. <label class="col-sm-3 control-label">Serveur</label>
  624. <div class="col-sm-9">
  625. <p class="form-control-static" id='myaccount_server'></p>
  626. </div>
  627. </div>
  628. <div class="form-group">
  629. <label class="col-sm-5 control-label">Dernière synchronisation</label>
  630. <div class="col-sm-5">
  631. <p class="form-control-static" id='myaccount_lastsync'></p>
  632. </div>
  633. </div>
  634. </form>
  635. </div>
  636. <div class="modal-footer">
  637. <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
  638. </div>
  639. </div><!-- /.modal-content -->
  640. </div><!-- /.modal-dialog -->
  641. </div>
  642.  
  643.  
  644. </div>
  645. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  646. <script src="inc/lib/jquery-1.10.2.min.js"></script>
  647. <!-- Latest compiled and minified JavaScript -->
  648. <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
  649. <script src="inc/lib/moment.min.js"></script>
  650. <script src="inc/lib/pickadate/picker.js"></script>
  651. <script src="inc/lib/pickadate/picker.date.js"></script>
  652. <script src="inc/lib/pickadate/legacy.js"></script>
  653. <script src="inc/lib/typeahead.bundle.js"></script>
  654. <!-- Flot -->
  655. <script src="inc/lib/flot-0.8.3/jquery.flot.js"></script>
  656. <script src="inc/lib/flot-0.8.3/jquery.flot.pie.js"></script>
  657.  
  658. <script src="inc/lib/uuid.js"></script>
  659. <script src="inc/myco_objects.js"></script>
  660. <script src="inc/myco_confirm.js"></script>
  661. <script src="inc/myco.js"></script>
  662. </body>
  663. </html>