adding electron demo app

c854892b · Andrej Rasevic · d1e1b308 · c854892b · c854892b · c854892b
Commit c854892b authored 3 years ago by Andrej Rasevic
--- a/codeExamples/week3/electron-demo-app/.gitignore
+++ b/codeExamples/week3/electron-demo-app/.gitignore
+node_modules
\ No newline at end of file
--- a/codeExamples/week3/electron-demo-app/index.html
+++ b/codeExamples/week3/electron-demo-app/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+    <title>My Electron App</title>
+</head>
+<body>
+    <h1>Welcome to My Electron App</h1>
+
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                <ul id="list" class="list-group"></ul>
+            </div>
+
+            <div class="col-md-6">
+                <input class="form-control" id="newTask" placeholder="Enter New Task" />
+                <br />
+                <button type="button" class="btn btn-primary" onclick="addItem()">
+                    Add Task
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        let tasks = [];
+
+        let list = document.getElementById("list");
+        let newTask = document.getElementById("newTask");
+
+
+        function displayTasks() {
+            let taskList = "";
+
+            tasks.forEach(item => {
+                taskList+= `<li class="list-group-item">${item}</li>`;
+            });
+
+            list.innerHTML = taskList;
+
+            
+        }
+
+        function addItem() {
+            const task = newTask.value;
+
+            console.log(task);
+
+            tasks.push(task);
+
+            displayTasks()
+
+            const myNotification = new Notification('New Task', {
+                body: `Added : ${task}`
+            })
+
+            newTask.value = "";
+
+            
+        }
+
+
+    </script>
+</body>
+</html>
\ No newline at end of file
--- a/codeExamples/week3/electron-demo-app/main.js
+++ b/codeExamples/week3/electron-demo-app/main.js
+const { app, BrowserWindow } = require("electron");
+const path = require("path");
+
+const loadMainWindow = () => {
+
+    const mainWindow = new BrowserWindow({
+        width : 1200,
+        height: 800,
+        webPreferences: {
+            nodeIntegration: true
+        }
+    });
+
+    mainWindow.loadFile(path.join(__dirname, "index.html"));
+    
+}
+
+
+app.on("ready", loadMainWindow);
+
+app.on("window-all-closed", () => {
+    if (process.platform !== "darwin") {
+      app.quit();
+    }
+});
+
+app.on("activate", () => {
+    
+    if (BrowserWindow.getAllWindows().length === 0) {
+        loadMainWindow();
+    }
+});
\ No newline at end of file
--- a/codeExamples/week3/electron-demo-app/package-lock.json
+++ b/codeExamples/week3/electron-demo-app/package-lock.json
--- a/codeExamples/week3/electron-demo-app/package.json
+++ b/codeExamples/week3/electron-demo-app/package.json
+{
+  "name": "my-electron-app",
+  "version": "1.0.0",
+  "description": "",
+  "main": "main.js",
+  "scripts": {
+    "start": "electron .",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "electron": "^10.1.5"
+  }
+}