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

index.html 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  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/thumbnail-service.js"></script>
  27. <script src="scripts/services/prefs-service.js"></script>
  28. <script src="scripts/services/date-formatter.js" charset="utf-8"></script>
  29. <script>
  30. var remote = require('remote');
  31. var ipc = require('ipc');
  32. var dialog = remote.require('dialog');
  33. var Menu = remote.require('menu');
  34. var template = [
  35. {
  36. label: 'Codex',
  37. submenu: [
  38. {
  39. label: 'About Codex',
  40. selector: 'orderFrontStandardAboutPanel:'
  41. },
  42. {
  43. type: 'separator'
  44. },
  45. {
  46. label: 'Preferences',
  47. click: function () {
  48. ipc.send('show-preferences-window')
  49. }
  50. },
  51. {
  52. type: 'separator'
  53. },
  54. {
  55. label: 'Services',
  56. submenu: []
  57. },
  58. {
  59. type: 'separator'
  60. },
  61. {
  62. label: 'Hide Codex',
  63. accelerator: 'Command+H',
  64. selector: 'hide:'
  65. },
  66. {
  67. label: 'Hide Others',
  68. accelerator: 'Command+Shift+H',
  69. selector: 'hideOtherApplications:'
  70. },
  71. {
  72. label: 'Show All',
  73. selector: 'unhideAllApplications:'
  74. },
  75. {
  76. type: 'separator'
  77. },
  78. {
  79. label: 'Quit',
  80. accelerator: 'Command+Q',
  81. selector: 'terminate:'
  82. },
  83. ]
  84. },
  85. {
  86. label: 'Edit',
  87. submenu: [
  88. {
  89. label: 'Undo',
  90. accelerator: 'Command+Z',
  91. selector: 'undo:'
  92. },
  93. {
  94. label: 'Redo',
  95. accelerator: 'Shift+Command+Z',
  96. selector: 'redo:'
  97. },
  98. {
  99. type: 'separator'
  100. },
  101. {
  102. label: 'Cut',
  103. accelerator: 'Command+X',
  104. selector: 'cut:'
  105. },
  106. {
  107. label: 'Copy',
  108. accelerator: 'Command+C',
  109. selector: 'copy:'
  110. },
  111. {
  112. label: 'Paste',
  113. accelerator: 'Command+V',
  114. selector: 'paste:'
  115. },
  116. {
  117. label: 'Select All',
  118. accelerator: 'Command+A',
  119. selector: 'selectAll:'
  120. }
  121. ]
  122. },
  123. {
  124. label: 'View',
  125. submenu: [
  126. {
  127. label: 'Reload',
  128. accelerator: 'Command+R',
  129. click: function() { remote.getCurrentWindow().reload(); }
  130. },
  131. {
  132. label: 'Toggle DevTools',
  133. accelerator: 'Alt+Command+I',
  134. click: function() { remote.getCurrentWindow().toggleDevTools(); }
  135. },
  136. ]
  137. },
  138. {
  139. label: 'Window',
  140. submenu: [
  141. {
  142. label: 'Minimize',
  143. accelerator: 'Command+M',
  144. selector: 'performMiniaturize:'
  145. },
  146. {
  147. label: 'Close',
  148. accelerator: 'Command+W',
  149. selector: 'performClose:'
  150. },
  151. {
  152. type: 'separator'
  153. },
  154. {
  155. label: 'Bring All to Front',
  156. selector: 'arrangeInFront:'
  157. }
  158. ]
  159. },
  160. {
  161. label: 'Help',
  162. submenu: []
  163. }
  164. ];
  165. menu = Menu.buildFromTemplate(template);
  166. Menu.setApplicationMenu(menu);
  167. </script>
  168. </head>
  169. <body ng-app="codexApp">
  170. <div class="window">
  171. <header class="toolbar toolbar-header" ng-controller="HeaderCtrl">
  172. <h1 class="title">Codex</h1>
  173. <div class="toolbar-actions">
  174. <button class="btn btn-default" ng-click="goToHome()">
  175. <span class="icon icon-home"></span>
  176. </button>
  177. <div class="btn-group">
  178. <button class="btn btn-default" ng-click="goBack()">
  179. <span class="icon icon-left"></span>
  180. </button>
  181. <button class="btn btn-default" ng-click="goForward()">
  182. <span class="icon icon-right"></span>
  183. </button>
  184. </div>
  185. <button class="btn btn-default" ng-click="createNewNote()">
  186. <span class="icon icon-plus"></span>
  187. </button>
  188. <button class="btn btn-default" ng-click="toogleSidebar()">
  189. <span class="icon icon-list"></span>
  190. </button>
  191. <div class="btn-group pull-right">
  192. <button class="btn btn-default" ng-class="noteEditBtnClass" ng-click="activateNoteEdit()">
  193. <span class="icon icon-pencil"></span>
  194. </button>
  195. <button class="btn btn-default" ng-class="noteViewBtnClass" ng-click="activateNoteView()">
  196. <span class="icon icon-eye"></span>
  197. </button>
  198. </div>
  199. </div>
  200. </header>
  201. <!-- Your app's content goes inside .window-content -->
  202. <div class="window-content" id="holder">
  203. <div class="pane-group">
  204. <div class="pane pane-sm sidebar" ng-controller="SidebarCtrl" ng-show="showSidebar">
  205. <nav class="nav-group">
  206. <h5 class="nav-group-title">My Notes</h5>
  207. <span class="nav-group-item" ng-class="sidebar[0].active" ng-click="goToAllNotes()">
  208. <span class="icon icon-folder"></span>
  209. All Notes
  210. </span>
  211. <span class="nav-group-item" ng-class="sidebar[1].active" ng-click="goToAllFiles()">
  212. <span class="icon icon-archive"></span>
  213. All Files
  214. </span>
  215. <span class="nav-group-item" ng-class="sidebar[2].active" ng-click="goToNotebooks()">
  216. <span class="icon icon-book"></span>
  217. Notebooks
  218. </span>
  219. <h5 class="nav-group-title">Favorites</h5>
  220. <span class="nav-group-item">
  221. <span class="icon icon-star"></span>
  222. Starred
  223. </span>
  224. </nav>
  225. </div>
  226. <div class="pane" ui-view ></div>
  227. </div>
  228. </div>
  229. <footer class="toolbar toolbar-footer">
  230. <h1 class="title" ng-bind="noteCount()"></h1>
  231. </footer>
  232. </div>
  233. </body>
  234. </html>