Developer window in Electron app, remove edit/delete options in Admin panel (currently not completed)

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "i18n-ally.localesPaths": "software/src/locales",
+  "i18n-ally.localesPaths": "src/locales",
   "i18n-ally.regex.key": ".*?",
   "i18n-ally.sourceLanguage": "en",
   "i18n-ally.keysInUse": [

electron/index.ts

@@ -1,4 +1,4 @@
-const { app, BrowserWindow } = require("electron");
+const { app, BrowserWindow, globalShortcut } = require("electron");
 const path = require("path");
 const backend = require('./../backend/server')
 
@@ -19,6 +19,10 @@ function createWindow() {
   // Load HTML entry point
   win.loadFile("build/src/vite/index.html");
 
+  globalShortcut.register('Ctrl+D', () => {
+    win.webContents.openDevTools();
+  })
+
   // Maximize window
   win.maximize()
 

package-lock.json

@@ -42,7 +42,7 @@
         "@types/cors": "^2.8.17",
         "@types/express": "^4.17.21",
         "@types/jsonwebtoken": "^9.0.7",
-        "@types/node": "^22.7.6",
+        "@types/node": "^22.9.0",
         "@vitejs/plugin-vue": "^5.1.4",
         "concurrently": "^9.0.1",
         "copyfiles": "^2.4.1",
@@ -2156,12 +2156,12 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "22.7.6",
+      "version": "22.9.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.6.tgz",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.0.tgz",
-      "integrity": "sha512-/d7Rnj0/ExXDMcioS78/kf1lMzYk4BZV8MZGTBKzTGZ6/406ukkbYlIsZmMPhcR5KlkunDHQLrtAVmSq7r+mSw==",
+      "integrity": "sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==",
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.19.2"
+        "undici-types": "~6.19.8"
       }
     },
     "node_modules/@types/plist": {

package.json

@@ -66,7 +66,7 @@
     "@types/cors": "^2.8.17",
     "@types/express": "^4.17.21",
     "@types/jsonwebtoken": "^9.0.7",
-    "@types/node": "^22.7.6",
+    "@types/node": "^22.9.0",
     "@vitejs/plugin-vue": "^5.1.4",
     "concurrently": "^9.0.1",
     "copyfiles": "^2.4.1",

src/pages/admin/accountsAdminPage/index.vue

@@ -29,19 +29,19 @@ accountStore.getAllAccounts()
       :headers="headers"
     >
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-pencil"
           variant="plain"
           color="orange"
           @click="accountStore.editAccount(item)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="accountStore.deleteAccount(item)"
-        />
+        /> -->
       </template>
     </v-data-table>
   </admin-data-layout>

src/pages/admin/bandsAdminPage/index.vue

@@ -57,19 +57,19 @@ bandStore.getBands()
       </template>
 
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-pencil"
           variant="plain"
           color="orange"
           @click="bandStore.editBand(item.name)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="bandStore.deleteBand(item.id)"
-        />
+        /> -->
       </template>
     </v-data-table>
   </admin-data-layout>

src/pages/admin/concertsAdminPage/index.vue

@@ -58,19 +58,19 @@ concertStore.getConcerts()
       </template>
 
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-pencil"
           variant="plain"
           color="orange"
           @click="concertStore.editConcert(item)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="concertStore.deleteConcert(item)"
-        />
+        /> -->
       </template>
     </v-data-table>
   </admin-data-layout>

src/pages/admin/genresAdminPage/index.vue

@@ -33,19 +33,19 @@ genreStore.getGenres()
       </template>
 
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-pencil"
           variant="plain"
           color="orange"
           @click="genreStore.editGenre(item)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="genreStore.deleteGenre(item)"
-        />
+        /> -->
       </template>
     </v-data-table>
   </admin-data-layout>

src/pages/admin/locationsAdminPage/index.vue

@@ -51,19 +51,19 @@ locationStore.getLocations()
       </template>
 
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-pencil"
           variant="plain"
           color="orange"
           @click="locationStore.editLocation(item)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="locationStore.deleteLocation(item)"
-        />
+        /> -->
       </template>
     </v-data-table>
   </admin-data-layout>

src/pages/admin/ordersAdminPage/index.vue

@@ -51,18 +51,18 @@ orderStore.getAllOrders()
       </template>
 
       <template #item.edit="{ item }">
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-eye"
           variant="plain"
           @click="orderStore.openDetails(item)"
-        />
+        /> -->
 
-        <v-btn
+        <!-- todo <v-btn
           icon="mdi-delete"
           variant="plain"
           color="red"
           @click="orderStore.deleteOrder(item)"
-        />
+        /> -->
       </template>
 
     </v-data-table>