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

index.html 8.0KB

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