Desktop markdown wiki app. Built with node, Electron Framework and AngularJS.

index.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html class="no-js">
  3. <head>
  4. <title>Codex</title>
  5. <meta charset="UTF-8">
  6. <!-- Stylesheets -->
  7. <link rel="stylesheet" href="../css/tomorrow-night-eighties.css">
  8. <link rel="stylesheet" href="../css/photon.min.css">
  9. <link rel="stylesheet" href="../css/codex.css">
  10. <!-- Javascript -->
  11. <script src="../bower_components/jquery/dist/jquery.js"></script>
  12. <script src="../bower_components/ace-builds/src-min-noconflict/ace.js"></script>
  13. <script src="../bower_components/angular/angular.js"></script>
  14. <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  15. <script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
  16. <script src="../bower_components/angular-ui-ace/ui-ace.js"></script>
  17. <script src="../bower_components/angular-highlightjs/src/angular-highlightjs.js"></script>
  18. <script src="scripts/highlight.pack.js"></script>
  19. <script src="scripts/codex-app.js"></script>
  20. <script src="scripts/controllers/app-ctrl.js"></script>
  21. <script src="scripts/controllers/header-ctrl.js"></script>
  22. <script src="scripts/controllers/sidebar-ctrl.js"></script>
  23. <script src="scripts/controllers/note-view-ctrl.js"></script>
  24. <script src="scripts/controllers/note-edit-ctrl.js"></script>
  25. <script src="scripts/services/file-service.js"></script>
  26. <script src="scripts/services/date-formatter.js" charset="utf-8"></script>
  27. <script>
  28. var remote = require('remote');
  29. var dialog = remote.require('dialog');
  30. </script>
  31. </head>
  32. <body ng-app="codexApp">
  33. <div class="window">
  34. <header class="toolbar toolbar-header" ng-controller="HeaderCtrl">
  35. <h1 class="title">Codex</h1>
  36. <div class="toolbar-actions">
  37. <button class="btn btn-default" ng-click="goToHome()">
  38. <span class="icon icon-home"></span>
  39. </button>
  40. <div class="btn-group">
  41. <button class="btn btn-default" ng-click="goBack()">
  42. <span class="icon icon-left"></span>
  43. </button>
  44. <button class="btn btn-default" ng-click="goForward()">
  45. <span class="icon icon-right"></span>
  46. </button>
  47. </div>
  48. <button class="btn btn-default" ng-click="createNewNote()">
  49. <span class="icon icon-plus"></span>
  50. </button>
  51. <button class="btn btn-default" ng-click="toogleSidebar()">
  52. <span class="icon icon-list"></span>
  53. </button>
  54. <div class="btn-group pull-right">
  55. <button class="btn btn-default" ng-class="noteEditBtnClass" ng-click="activateNoteEdit()">
  56. <span class="icon icon-pencil"></span>
  57. </button>
  58. <button class="btn btn-default" ng-class="noteViewBtnClass" ng-click="activateNoteView()">
  59. <span class="icon icon-eye"></span>
  60. </button>
  61. </div>
  62. </div>
  63. </header>
  64. <!-- Your app's content goes inside .window-content -->
  65. <div class="window-content" id="holder">
  66. <div class="pane-group">
  67. <div class="pane pane-sm sidebar" ng-controller="SidebarCtrl" ng-show="showSidebar">
  68. <nav class="nav-group">
  69. <h5 class="nav-group-title">My Notes</h5>
  70. <span class="nav-group-item active" ng-click="goToAllNotes()">
  71. <span class="icon icon-archive"></span>
  72. All Notes
  73. </span>
  74. <span class="nav-group-item">
  75. <span class="icon icon-book"></span>
  76. Notebooks
  77. </span>
  78. <h5 class="nav-group-title">Favorites</h5>
  79. <span class="nav-group-item">
  80. <span class="icon icon-star"></span>
  81. Starred
  82. </span>
  83. </nav>
  84. </div>
  85. <div class="pane" ui-view ></div>
  86. </div>
  87. </div>
  88. <footer class="toolbar toolbar-footer">
  89. <h1 class="title" ng-bind="noteCount()"></h1>
  90. </footer>
  91. </div>
  92. </body>
  93. </html>