Backup quick and dirty - fixes #83

Author: Malte311

index.html

@@ -95,7 +95,7 @@ <h3 lang="de"><i class="fa fa-arrow-right w3-text-green w3-large"></i> Gesamtein
             // there is a newer version of the application available.
             updateApplication();
             const $ = require( 'jquery' );
-            loadPage();
+			loadPage();
         </script>
     </body>
 </html>

main.js

@@ -77,7 +77,11 @@ function createWindow () {
         if (!mainWindow.isMaximized()) {
             var size = mainWindow.getSize();
             JSONhandler.storePreference( "windowSize", size[0] + "x" + size[1] );
-        }
+		}
+		
+		if (JSONhandler.readPreference("backup")) {
+			JSONhandler.createBackup();
+		}
     });
 
     mainWindow.on( 'maximize', function() {

package.json

@@ -27,11 +27,11 @@
     "electron-installer-dmg": "^0.2.1",
     "electron-packager": "^12.2.0",
     "jsdoc": "^3.6.3",
-    "npm": "^6.10.1"
+    "npm": "^6.10.3"
   },
   "dependencies": {
     "chart.js": "^2.8.0",
-    "compare-versions": "^3.5.0",
+    "compare-versions": "^3.5.1",
     "electron-is-running-in-asar": "^1.0.0",
     "electron-json-storage": "^4.1.6",
     "jquery": "^3.4.1",

scripts/JSONhandler.js

@@ -16,7 +16,7 @@ const os = require( 'os' );
 // A default settings.json object.
 const defaultObj = {"windowSize":"1920x1080","fullscreen":false,"language":"en",
                     "path": storage.getDefaultDataPath() + path.sep + "data",
-                    "currency":"Euro","chartType":"pie"};
+                    "currency":"Euro","chartType":"pie","backup":false,"backupFail":false};
 // A default mainStorage.json object.
 const defaultStorageObj = {"budgets":[["checking account", 0.0]],"currentDate":getCurrentDate(),
                            "allTimeEarnings":[["checking account", 0.0]],
@@ -32,6 +32,7 @@ var currentFile = readPreference( "path" ) + path.sep + getCurrentFileName();
 module.exports.readPreference = ( name ) => readPreference( name );
 module.exports.storePreference = ( name, value ) => storePreference( name, value );
 module.exports.initStorage = () => initStorage();
+module.exports.createBackup = () => createBackup();
 
 /**
  * This function initializes the storage. This means, we create a mainStorage.json
@@ -594,4 +595,30 @@ function readJSONFile( filename ) {
 function writePDF( pdfPath, data ) {
     pdfPath = pdfPath[0] + path.sep + selectedMonth + ".pdf";
     fs.writeFileSync( pdfPath, data );
+}
+
+/**
+ * Creates a backup of the data.
+ */
+function createBackup() {
+	var allFiles = fs.readdirSync(readPreference("path"));
+    // Iterate over all the files and create a copy of them.
+    for (var i = 0; i < allFiles.length; i++) {
+        if (allFiles[i].endsWith(".json")) {
+			try { // (Cross disk will cause an error)
+				var data = fs.readFileSync(readPreference("path") + path.sep + allFiles[i]);
+				// Only write if file is new or it was changed.
+				if (fs.existsSync(readPreference("backupPath") + path.sep + allFiles[i])) {
+					if (!Buffer.from(data).equals(fs.readFileSync(readPreference("backupPath") + path.sep + allFiles[i]))) {
+						fs.writeFileSync(readPreference("backupPath") + path.sep + allFiles[i], data);
+					}
+				} else {
+					fs.writeFileSync(readPreference("backupPath") + path.sep + allFiles[i], data);
+				}
+            } catch (err) {
+				storePreference("backupFail", true);
+                break;
+            }
+        }
+	}
 }

scripts/controller/index.controller.js

@@ -18,7 +18,12 @@ function loadPage() {
     // We will always set the language first.
     setLanguage( readPreference( "language" ) );
     // Display all the other content.
-    updateView();
+	updateView();
+	
+	if (readPreference("backupFail")) {
+		dialog.showErrorBox("Backup failed", "The backup was not successful last time. Please note that cross-disk is not supported.");
+		storePreference("backupFail", false);
+	}
 }
 
 /**

scripts/controller/settings.controller.js

@@ -112,3 +112,27 @@ function setChartType( name ) {
     // Update the view to display the new chart type.
     updateView();
 }
+
+/**
+ * Acitivates or deactivates backups.
+ */
+function setBackupMode() {
+	if ($("#backup").is(":checked")) {
+		storePreference("backup", true);
+		
+		var newPath = dialog.showOpenDialog({
+			properties: ['openDirectory']
+		});
+		if (newPath !== null && newPath !== undefined) {
+			storePreference("backupPath", newPath[0]);
+		} else {
+			storePreference("backup", false);
+			dialog.showErrorBox("Invalid input", "Please select a path!");
+			$( "#backup" )[0].checked = false;
+		}
+    } else {
+		storePreference("backup", false);
+	}
+
+	updateView();
+}

scripts/view/settings.view.js

@@ -46,7 +46,10 @@ function updateView() {
     // Maybe we need to display checkboxes as checked, if they were previously selected.
     if ( readPreference( "fullscreen" ) === true ) {
         $( "#fullscreen" )[0].checked = true;
-    }
+	}
+	if ( readPreference( "backup" ) === true ) {
+		$( "#backup" )[0].checked = true;
+	}
     // Display currently selected path.
     $( "#currentPath" ).text( readPreference( "path" ) );
     // Display currenctly selected currency.

sites/settings.html

@@ -103,7 +103,7 @@ <h5 lang="de"><i class="far fa-money-bill-alt w3-text-green w3-large"></i> Währ
                 <h5 lang="en"><i class="fas fa-chart-pie w3-text-red w3-large"></i> Chart type </h5>
                 <h5 lang="de"><i class="fas fa-chart-pie w3-text-red w3-large"></i> Diagrammart </h5>
                 <!-- dropdown menu to select the chart type -->
-                <div class="w3-dropdown-hover" style="margin-bottom:50px;">
+                <div class="w3-dropdown-hover">
                     <button class="w3-button w3-white w3-round-xlarge" id="currentChartType"></button>
                     <div class="w3-dropdown-content w3-bar-block w3-border">
                         <a href="#" onclick="setChartType('pie');" class="w3-bar-item w3-button w3-bar-block w3-border" lang="en"> Pie chart </a>
@@ -116,7 +116,22 @@ <h5 lang="de"><i class="fas fa-chart-pie w3-text-red w3-large"></i> Diagrammart
                         <a href="#" onclick="setChartType('doughnut');" class="w3-bar-item w3-button w3-bar-block w3-border" lang="de"> Ringdiagramm </a>
                     </div>
                 </div>
-            </div>
+			</div>
+			<br>
+			<hr style="border-color:black;">
+			<div class="w3-row-padding" style="margin:0 -16px; margin-bottom:50px;">
+				<h5 lang="en"><i class="fas fa-database w3-text-blue w3-large"></i> Backup </h5>
+				<h5 lang="de"><i class="fas fa-database w3-text-blue w3-large"></i> Backup </h5>
+				<input type="checkbox" onclick="setBackupMode()" id="backup">
+				<span lang="en"> Activate Backup </span>
+				<span lang="de"> Backup aktivieren </span>
+				<div class="tooltip">
+                    <i class="fas fa-info-circle"></i>
+                    <span class="tooltiptext" lang="de"> Erstellt bei jeder Änderung eine Kopie der Daten. </span>
+                    <span class="tooltiptext" lang="en"> Creates a copy of the data at every change. </span>
+                </div>
+				<div id="backupDropdownDiv"></div>
+			</div>
         </div>
         <!-- JavaScript initialization -->
         <script>