Refactor dossier renderer application

app/main/event.js

@@ -1,5 +1,21 @@
 const {ipcMain} = require('electron');
+const path = require('path');
 const dialog = require('./function/dialog');
+const file = require('../../helper/file');
+
+ipcMain.on('load-file-data', (event, arg) => {
+    const data = {};
+    const filepath = path.join(__dirname, '../data/');
+    // Scan data folder
+    const dataFiles = file.list(filepath);
+    // Read all scanned files
+    for (const elt of dataFiles) {
+        const fileContent = file.read(filepath + elt);
+        data[elt.replace('.json', '')] = JSON.parse(fileContent);
+    }
+    // Send data
+    event.sender.send('file-data-loaded', data);
+});
 
 ipcMain.on('refresh-card', (event, arg) => {
     mainWindow.webContents.send('refresh-card');

app/main/function/menu.js

@@ -5,7 +5,7 @@ const dialog = require('./dialog');
 const menu = {};
 
 menu.new = function() {
-    window.new('./app/src/edit.html', 800, 575);
+    window.new(path.join(__dirname, '../../renderer/page/edit/edit.html'), 800, 575);
 };
 
 menu.import = function() {

app/render/event.js

@@ -1,25 +0,0 @@
-ipcRenderer.removeAllListeners();
-
-ipcRenderer.on('reset-app', (event, arg) => {
-    document.location = 'reset.html';
-});
-
-ipcRenderer.on('app-loader', (event, arg) => {
-    func.loader();
-});
-
-ipcRenderer.on('import-card', (event, arg) => {
-    // If card with same id already exist
-    if (localStorage[arg.id]) {
-        ipcRenderer.send('card-already-exist', arg.id);
-    } else {
-        // Add card on list
-        const list = JSON.parse(localStorage.list);
-        list.push(arg.id);
-        localStorage.setItem('list', JSON.stringify(list));
-        // Add list
-        localStorage.setItem(arg.id, JSON.stringify(arg));
-        // Refresh card
-        ipcRenderer.send('refresh-card');
-    }
-});

app/render/function.js

@@ -1,28 +0,0 @@
-const func = {}
-
-func.loader = function () {
-    if ($('#page-loader').hasClass('hide')) {
-        $('#page-loader').removeClass('hide');
-        $('#navbar').addClass('hide');
-        if ($('#float-add-btn')) {
-            $('#float-add-btn').addClass('hide');
-        }
-    } else {
-        if ($('#float-add-btn')) {
-            $('#float-add-btn').removeClass('hide');
-        }
-        $('#navbar').removeClass('hide');
-        $('#page-loader').addClass('hide');
-    }
-};
-
-func.confirmDelete = function (title) {
-    ipcRenderer.send('confirm-delete', title);
-    return new Promise(resolve => {
-        ipcRenderer.once('delete-card', (event, arg) => {
-            resolve(arg);
-        });
-    })
-};
-
-module.exports = func;

app/render/import.js

@@ -1,3 +0,0 @@
-const {ipcRenderer, remote} = require('electron');
-const $ = require('jquery');
-const func = require('../render/function');

app/renderer/common/css/style.min.css

@@ -0,0 +1 @@
+body{display:flex;min-height:100vh;flex-direction:column}main{flex:1 0 auto}video{width:100%;height:100%}.hide{display:none}.zoom-in{cursor:zoom-in}.pointer{cursor:pointer}.selectable:hover{opacity:0.7}.bg-loader{width:100vw;height:100vh;position:absolute;z-index:4}.loader{width:50vh;z-index:5;top:50%;left:50%;transform:translate(-50%, -50%)}.mtop-half{margin-top:.5em}.mtop-1{margin-top:1em}.mbot-1{margin-bottom:1em}.mleft-1{margin-left:1em}.mright-1{margin-right:1em}.mtop-2{margin-top:2em}.mbot-2{margin-bottom:2em}.mleft-2{margin-left:2em}.mright-2{margin-right:2em}.mtop-3{margin-top:3em}.mbot-3{margin-bottom:3em}.mleft-3{margin-left:3em}.mright-3{margin-right:3em}.mtop-4{margin-top:4em}.mbot-4{margin-bottom:4em}.mleft-4{margin-left:4em}.mright-4{margin-right:4em}.mtop-5{margin-top:5em}.mbot-5{margin-bottom:5em}.mleft-5{margin-left:5em}.mright-5{margin-right:5em}

app/renderer/common/js/electronotes.js

@@ -0,0 +1,96 @@
+/* --- Imports --- */
+
+// Dependencies
+const {ipcRenderer, remote} = require('electron');
+const $ = require('jquery');
+const marked = require('marked');
+const DOMPurify = require('dompurify');
+
+// Services
+const RouteService = require('../../service/route');
+const DataService = require('../../service/data');
+const UserService = require('../../service/user');
+
+
+/* --- Override object --- */
+
+/**
+ * Transform markdown string to html 
+ */
+String.prototype.toHTML = function() {
+    return DOMPurify.sanitize(
+        marked(this.toString())
+        .replace(/<pre>/g, '<pre class="prettyprint">')
+    );
+}
+
+/**
+ * Remove item in array
+ */
+Array.prototype.removeItem = function(item) {
+    const index = this.indexOf(item);
+    if (index !== -1) {
+        this.splice(index, 1);
+    }
+    return this;
+}
+
+/* --- Loader --- */
+
+function loader () {
+    if ($('#page-loader').hasClass('hide')) {
+        $('#page-loader').removeClass('hide');
+        $('#navbar').addClass('hide');
+        if ($('#float-add-btn')) {
+            $('#float-add-btn').addClass('hide');
+        }
+    } else {
+        if ($('#float-add-btn')) {
+            $('#float-add-btn').removeClass('hide');
+        }
+        $('#navbar').removeClass('hide');
+        $('#page-loader').addClass('hide');
+    }
+};
+
+/* --- Cookie --- */
+
+function getCookie(key) {
+    const split = document.cookie.split(';');
+    let cookies = {};
+    split.forEach(elt => {
+        const val = elt.trim().split('=');
+        cookies[val[0]] = val[1];
+    });
+    if(key !== undefined) {
+        return cookies[key];
+    }
+    return cookies;
+}
+
+function removeCookie(key) {
+    if (Array.isArray(key)) {
+        key.forEach(elt => {
+            removeCookie(elt);
+        });
+    } else {
+        document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
+    }
+}
+
+/* --- URL Parameter --- */
+
+function parseURLParameter() {
+    const data = {};
+    const get = location.search.substr(1).split("&");
+    for (elt of get) {
+        const split = elt.split("=");
+        data[split[0]] = decodeURIComponent(split[1]);
+    }
+    return data;
+}
+
+function getURLParameter(key) {
+    const get = parseURLParameter();
+    return get[key];
+}

app/renderer/common/js/event.js

@@ -0,0 +1,20 @@
+ipcRenderer.on('reset-app', (event, arg) => {
+    loader();
+    DataService.reset();
+    RouteService.reload();
+});
+
+ipcRenderer.on('app-loader', (event, arg) => {
+    loader();
+});
+
+ipcRenderer.on('import-card', (event, card) => {
+    console.log(card);
+    // If card with same id already exist
+    if (localStorage.getItem(card.id)) {
+        ipcRenderer.send('card-already-exist', card.id);
+    } else {
+        // Add card
+        DataService.add(card.id, card.title, card.content);
+    }
+});