diff --git a/instance/index.html b/instance/index.html
index ef561a5732e97006e41f9b088fd48d66a5be56e5..89eda1f68167fd25e37cdc9eac345dce79c1d6e8 100644
--- a/instance/index.html
+++ b/instance/index.html
@@ -7,12 +7,20 @@
<link rel="stylesheet" href="../style/bootstrap-4.5.2-dist/css/bootstrap.min.css">
<script src="../style/jquery/jquery-3.5.1.js"></script>
<script src="../style/bootstrap-4.5.2-dist/js/bootstrap.min.js"></script>
+ <script src="./index.js"></script>
</head>
<body>
- <div class="container">
- <h2 class="text-center">
- LektorApp Admin Interface
- </h2>
+ <div class="card">
+ <div class="card-header text-center">
+ <h2 class="text-center">
+ LektorApp Admin Interface
+ </h2>
+ </div>
+ <div class="card-body text-center">
+ <button id="closeButton" type="button" class="btn btn-outline-primary">
+ Quit LektorApp
+ </button>
+ </div>
</div>
</body>
</html>
diff --git a/instance/index.js b/instance/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..eb0e3e1dfc4a9ffb9d34f89da4d0777685f73e88
--- /dev/null
+++ b/instance/index.js
@@ -0,0 +1,9 @@
+const {ipcRenderer} = require('electron');
+
+
+window.onload = function(){
+ const closeApp = document.getElementById("closeButton");
+ closeApp.addEventListener('click', () => {
+ ipcRenderer.send('close-app')
+ });
+}
\ No newline at end of file
diff --git a/instance/main.js b/instance/main.js
index 31d455edfe3fb4f37a7c7e860f634a235871ec42..36f9258ceba31537dd1abef2636b8703279ff063 100644
--- a/instance/main.js
+++ b/instance/main.js
@@ -1,6 +1,6 @@
const electron = require('electron')
const { app, BrowserWindow } = require('electron')
-
+const {ipcMain} = require('electron')
/** Creates the main window and process for the admin interface
@@ -18,7 +18,7 @@ function createInstanceWindow () {
})
// and load the index.html of the app.
- win.loadFile('instance/index.html')
+ win.loadFile('instance/index.html');
}
@@ -43,6 +43,9 @@ function createExpressClient (){
+ipcMain.on('close-app', (evt, arg) => {
+ app.quit()
+})
app.on('ready', () => {