feat(action): implement IPC & methods for action buttons

Author: debloper

package.json

@@ -1,6 +1,6 @@
 {
   "name": "exorcist",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "Got rogue daemons in your system?",
   "main": "src/index.js",
   "scripts": {
@@ -50,7 +50,6 @@
   },
   "build": {
     "appId": "io.debs.code.exorcist",
-    "compression": "store",
     "files": [
       "src/**/*",
       "!src/app",

src/app/components/app.vue

@@ -12,7 +12,12 @@
           {{ props.row.description }}
         </b-table-column>
         <b-table-column field="action" label="Dispel">
-          <button class="button is-light is-small">disable</button>
+          <button
+            @click.stop="dispel"
+            :data-daemon="props.row.daemon"
+            class="button is-light is-small">
+            disable
+          </button>
         </b-table-column>
       </template>
     </b-table>
@@ -28,10 +33,21 @@ export default {
   data () {
     return { daemons: [] }
   },
+  methods: {
+    dispel: (event) => {
+      let message = event.target.dataset.daemon
+      ipcRenderer.send('action', message)
+    }
+  },
   created () {
     let self = this
     ipcRenderer.on('loaded', (event, data) => {
       self.daemons = data
+
+      ipcRenderer.on('dispelled', (e, d) => {
+        let button = '[data-daemon="' + d + '"]'
+        document.querySelector(button).disabled = true
+      })
     })
   }
 }

src/index.js

@@ -1,6 +1,6 @@
 // Application entrypoint
 
-const { app, BrowserWindow } = require('electron')
+const { app, BrowserWindow, ipcMain } = require('electron')
 const exec = require('child_process').exec
 
 const config = require('./config.json')
@@ -22,6 +22,12 @@ const createWindow = () => {
     })
   })
 
+  ipcMain.on('action', (event, arg) => {
+    exec('systemctl disable ' + arg, (e, out, err) => {
+      if(!e) window.webContents.send('dispelled', arg)
+    })
+  })
+
   // Avoids flash of white background
   window.on('ready-to-show', () => {
     window.show()