[editor] [#23] Add confirmation for delete buttons

resolves #23

Signed-off-by: Knut Ahlers <knut@ahlers.me>

src/automessages.vue

@@ -352,11 +352,26 @@ export default {
 
   methods: {
     deleteAutoMessage(uuid) {
-      axios.delete(`config-editor/auto-messages/${uuid}`, this.$root.axiosOptions)
+      this.$bvModal.msgBoxConfirm('Do you really want to delete this message?', {
-        .then(() => {
+        buttonSize: 'sm',
-          this.$bus.$emit(constants.NOTIFY_CHANGE_PENDING, true)
+        cancelTitle: 'NO',
+        centered: true,
+        okTitle: 'YES',
+        okVariant: 'danger',
+        size: 'sm',
+        title: 'Please Confirm',
+      })
+        .then(val => {
+          if (!val) {
+            return
+          }
+
+          return axios.delete(`config-editor/auto-messages/${uuid}`, this.$root.axiosOptions)
+            .then(() => {
+              this.$bus.$emit(constants.NOTIFY_CHANGE_PENDING, true)
+            })
+            .catch(err => this.$bus.$emit(constants.NOTIFY_FETCH_ERROR, err))
         })
-        .catch(err => this.$bus.$emit(constants.NOTIFY_FETCH_ERROR, err))
     },
 
     editAutoMessage(msg) {

src/rules.vue

@@ -657,11 +657,26 @@ export default {
     },
 
     deleteRule(uuid) {
-      axios.delete(`config-editor/rules/${uuid}`, this.$root.axiosOptions)
+      this.$bvModal.msgBoxConfirm('Do you really want to delete this rule?', {
-        .then(() => {
+        buttonSize: 'sm',
-          this.$bus.$emit(constants.NOTIFY_CHANGE_PENDING, true)
+        cancelTitle: 'NO',
+        centered: true,
+        okTitle: 'YES',
+        okVariant: 'danger',
+        size: 'sm',
+        title: 'Please Confirm',
+      })
+        .then(val => {
+          if (!val) {
+            return
+          }
+
+          return axios.delete(`config-editor/rules/${uuid}`, this.$root.axiosOptions)
+            .then(() => {
+              this.$bus.$emit(constants.NOTIFY_CHANGE_PENDING, true)
+            })
+            .catch(err => this.$bus.$emit(constants.NOTIFY_FETCH_ERROR, err))
         })
-        .catch(err => this.$bus.$emit(constants.NOTIFY_FETCH_ERROR, err))
     },
 
     editRule(msg) {