edit.html 3.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  6. <link type="text/css" rel="stylesheet" href="../../../../node_modules/simplemde/dist/simplemde.min.css"/>
  7. <link type="text/css" rel="stylesheet" href="../../common/css/material-icons.css"/>
  8. <link type="text/css" rel="stylesheet" href="../../common/css/materialize.min.css" media="screen,projection"/>
  9. <link type="text/css" rel="stylesheet" href="../../common/css/style.min.css" media="screen,projection"/>
  10. <link type="text/css" rel="stylesheet" href="../../common/css/google-code-prettify/desert.css"/>
  11. <title>Electronotes</title>
  12. </head>
  13. <body>
  14. <!-- Navbar -->
  15. <div id="navbar" class="navbar-fixed">
  16. <nav>
  17. <div class="nav-wrapper">
  18. <span class="brand-logo mleft-1">Note de <span data-bind="username"></span></span>
  19. </div>
  20. </nav>
  21. </div>
  22. <!-- Main content -->
  23. <main>
  24. <div class="container">
  25. <div class="row mtop-5">
  26. <div class="col s12 right-align" style="position: relative; min-height: 60px;">
  27. <div class="fixed-action-btn" style="position: absolute; z-index: 10;">
  28. <a class="btn-floating btn-large blue darken-1">
  29. <i class="large material-icons">menu</i>
  30. </a>
  31. <ul>
  32. <li><button class="btn-floating blue lighten-3 tooltipped" data-position="bottom" data-tooltip="Fermer" onclick="closeWindow()"><i class="material-icons">close</i></button></li>
  33. <li><button id="remove-btn" class="btn-floating blue lighten-2 tooltipped" data-position="bottom" data-tooltip="Supprimer" onclick="deleteCard()"><i class="material-icons">delete</i></button></li>
  34. <li><button class="btn-floating blue lighten-1 tooltipped" data-position="bottom" data-tooltip="Sauvegarder" onclick="validCard()"><i class="material-icons">save</i></button></li>
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="row">
  40. <div class="col s12 m6 offset-m3 input-field">
  41. <i class="material-icons prefix">title</i>
  42. <input id="title" type="text" class="validate">
  43. <label for="title">Titre</label>
  44. </div>
  45. </div>
  46. <div class="row">
  47. <textarea></textarea>
  48. </div>
  49. </div>
  50. </main>
  51. <!-- Loader -->
  52. <div id="page-loader" class="bg-loader grey darken-4 hide">
  53. <div class="loader progress">
  54. <div class="indeterminate"></div>
  55. </div>
  56. </div>
  57. <!-- Load electronotes.js first to have all functions and commons imports -->
  58. <script type="text/javascript" src="../../common/js/electronotes.js"></script>
  59. <!-- Load other common files -->
  60. <script type="text/javascript" src="../../common/js/event.js"></script>
  61. <script type="text/javascript" src="../../common/js/binder.js"></script>
  62. <script type="text/javascript" src="../../common/js/materialize.min.js"></script>
  63. <script type="text/javascript" src="../../common/js/google-code-prettify/prettify.js"></script>
  64. <!-- Load personnal js -->
  65. <script type="text/javascript" src="edit.js"></script>
  66. </body>
  67. </html>