Fixed issue #3 and updated dist

dist/index.html

@@ -7,4 +7,4 @@
       // Shared ID
       gtag('config', 'UA-118965717-3');
       // Vue.js ID
-      gtag('config', 'UA-118965717-7');</script><link href="/css/chunk-062aa5fd.7ce1b5cb.css" rel="prefetch"><link href="/css/chunk-27c3ee78.d4eb39b3.css" rel="prefetch"><link href="/css/chunk-2d9c6148.a2ab92c6.css" rel="prefetch"><link href="/css/chunk-4f2050ba.54ccc5f7.css" rel="prefetch"><link href="/js/chunk-062aa5fd.652c1b50.js" rel="prefetch"><link href="/js/chunk-27c3ee78.38e3591c.js" rel="prefetch"><link href="/js/chunk-2d0a3956.68e0a4f3.js" rel="prefetch"><link href="/js/chunk-2d0d43e6.051f8d58.js" rel="prefetch"><link href="/js/chunk-2d2086b7.17be7ddb.js" rel="prefetch"><link href="/js/chunk-2d21082d.a903c013.js" rel="prefetch"><link href="/js/chunk-2d217109.10a58e20.js" rel="prefetch"><link href="/js/chunk-2d2178ab.7a2ea165.js" rel="prefetch"><link href="/js/chunk-2d2218b5.05083f06.js" rel="prefetch"><link href="/js/chunk-2d9c6148.ad970f60.js" rel="prefetch"><link href="/js/chunk-4f2050ba.619d2869.js" rel="prefetch"><link href="/js/chunk-789ba9d5.4971df63.js" rel="prefetch"><link href="/js/chunk-f8fb68ce.a11b2700.js" rel="prefetch"><link href="/css/app.45d4bbd1.css" rel="preload" as="style"><link href="/js/app.614c3ce1.js" rel="preload" as="script"><link href="/js/chunk-vendors.54d9cd22.js" rel="preload" as="script"><link href="/css/app.45d4bbd1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.54d9cd22.js"></script><script src="/js/app.614c3ce1.js"></script></body></html>
+      gtag('config', 'UA-118965717-7');</script><link href="/css/chunk-062aa5fd.7ce1b5cb.css" rel="prefetch"><link href="/css/chunk-27c3ee78.d4eb39b3.css" rel="prefetch"><link href="/css/chunk-2d9c6148.a2ab92c6.css" rel="prefetch"><link href="/css/chunk-4f2050ba.54ccc5f7.css" rel="prefetch"><link href="/js/chunk-062aa5fd.652c1b50.js" rel="prefetch"><link href="/js/chunk-27c3ee78.3e14b731.js" rel="prefetch"><link href="/js/chunk-2d0a3956.68e0a4f3.js" rel="prefetch"><link href="/js/chunk-2d0d43e6.051f8d58.js" rel="prefetch"><link href="/js/chunk-2d2086b7.17be7ddb.js" rel="prefetch"><link href="/js/chunk-2d21082d.a903c013.js" rel="prefetch"><link href="/js/chunk-2d217109.10a58e20.js" rel="prefetch"><link href="/js/chunk-2d2178ab.7a2ea165.js" rel="prefetch"><link href="/js/chunk-2d2218b5.05083f06.js" rel="prefetch"><link href="/js/chunk-2d9c6148.ad970f60.js" rel="prefetch"><link href="/js/chunk-4f2050ba.619d2869.js" rel="prefetch"><link href="/js/chunk-789ba9d5.4971df63.js" rel="prefetch"><link href="/js/chunk-f8fb68ce.a11b2700.js" rel="prefetch"><link href="/css/app.45d4bbd1.css" rel="preload" as="style"><link href="/js/app.4f156b21.js" rel="preload" as="script"><link href="/js/chunk-vendors.54d9cd22.js" rel="preload" as="script"><link href="/css/app.45d4bbd1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.54d9cd22.js"></script><script src="/js/app.4f156b21.js"></script></body></html>

src/views/settings/Logging.vue

@@ -100,13 +100,9 @@
               </template>
               <template #status="{ item }">
                 <td>
-                  <CSwitch
-                    label-on="On"
-                    label-off="Off"
-                    shape="pill"
-                    color="primary"
-                    :checked="item.status"
-                  />
+                  <CBadge :color="item.status ? 'success' : 'secondary'">
+                    {{ item.status ? 'ACTIVE' : 'DISABLED' }}
+                  </CBadge>
                 </td>
               </template>
               <template #actions="{ item, index }">
@@ -129,8 +125,8 @@
       </CCardBody>
     </CCard>
     <UpdateLogTargetModal
-      :show="showUpdateTargetModal"
-      :target="currentLogTarget"
+      :show.sync="showUpdateTargetModal"
+      :target.sync="currentLogTarget"
       @update:show="
         (e) => {
           showUpdateTargetModal = e;
@@ -193,6 +189,7 @@ export default {
       return FIELDS;
     },
     logTargets() {
+      if (!this.sharedLog || !this.sharedLog.logTargets) return [];
       return this.sharedLog.logTargets;
     },
   },

src/views/settings/modals/UpdateLogTargetModal.vue

@@ -1,10 +1,5 @@
 <template>
-  <CModal
-    :show="show"
-    size="lg"
-    v-if="updatedTarget"
-    :close-on-backdrop="false"
-  >
+  <CModal :show.sync="show" size="lg" :close-on-backdrop="false">
     <template #header><h4>Update Log Target</h4></template>
     <CForm>
       <label>Status</label>
@@ -88,7 +83,10 @@
       </CRow>
     </CForm>
     <template #footer>
-      <CButton color="primary" @click="handleSubmit" :disabled="!filtersValid"
+      <CButton
+        color="primary"
+        @click="handleSubmit"
+        :disabled="!(targetChanged && filtersValid)"
         >OK</CButton
       >
       <CButton color="secondary" @click="handleCancel">Cancel</CButton>
@@ -182,21 +180,22 @@ export default {
         this.updatedTarget.filters = v;
       },
     },
+    targetChanged() {
+      return !_.isEqual(this.updatedTarget, this.target);
+    },
     filtersValid() {
       let result = true;
-      if (this.updatedFilters && this.updatedFilters.length > 0) {
+      if (this.updatedFilters) {
         this.updatedFilters.forEach((f) => {
           if (!(f.match && f.type)) result = false;
         });
-      } else {
-        result = false;
       }
       return result;
     },
   },
   methods: {
     handleCancel() {
-      this.updatedTarget = null;
+      this.show = false;
       this.$emit('update:show', false);
     },
     handleSubmit() {