+

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