Change event names from camel case to kebab case.

farmOS · Sep 5, 2020 · e65d1ae · e65d1ae
1 parent 08a0201
commit e65d1ae
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 28 deletions.
diff --git a/src/core/App.vue b/src/core/App.vue
@@ -112,7 +112,7 @@
 
             <router-view
               name="menubar"
-              @toggleDrawer="showDrawer = !showDrawer"
+              @toggle-drawer="showDrawer = !showDrawer"
             />
 
             <router-view
@@ -128,7 +128,7 @@
               :categories='categories'
               :equipment='equipment'
               :areaGeoJSON='areaGeoJSON'
-              @toggleDrawer="showDrawer = !showDrawer"
+              @toggle-drawer="showDrawer = !showDrawer"
             />
 
           </div>

diff --git a/src/core/home/HomeMenuBar.vue b/src/core/home/HomeMenuBar.vue
@@ -1,7 +1,7 @@
 <template>
   <farm-menu-bar :more="false">
     <template #left-menu>
-      <li @click="$emit('toggleDrawer')">
+      <li @click="$emit('toggle-drawer')">
         <icon-menu/>
       </li>
       <li>{{ $t('Home')}}</li>

diff --git a/src/core/login/LoginMenuBar.vue b/src/core/login/LoginMenuBar.vue
@@ -1,7 +1,7 @@
 <template>
   <farm-menu-bar :more="false">
     <template #left-menu>
-      <li @click="$emit('toggleDrawer')">
+      <li @click="$emit('toggle-drawer')">
         <icon-menu/>
       </li>
       <li>Login</li>

diff --git a/src/core/login/LogoutMenuBar.vue b/src/core/login/LogoutMenuBar.vue
@@ -1,7 +1,7 @@
 <template>
   <farm-menu-bar :more="false">
     <template #left-menu>
-      <li @click="$emit('toggleDrawer')">
+      <li @click="$emit('toggle-drawer')">
         <icon-menu/>
       </li>
       <li>Logout</li>

diff --git a/src/field-modules/my-logs/components/AllLogsMenuBar.vue b/src/field-modules/my-logs/components/AllLogsMenuBar.vue
@@ -1,7 +1,7 @@
 <template>
   <farm-menu-bar>
     <template #left-menu>
-      <li @click="$emit('toggleDrawer')">
+      <li @click="$emit('toggle-drawer')">
         <icon-menu/>
       </li>
       <li>{{ $t('My Logs')}}</li>

diff --git a/src/field-modules/my-logs/components/EditLogMenuBar.vue b/src/field-modules/my-logs/components/EditLogMenuBar.vue
@@ -14,7 +14,7 @@
           <icon-open-in-new/>
         </li>
       </a>
-      <li @click="$emit('deleteCurrentLog', +id)">
+      <li @click="$emit('delete-current-log', +id)">
         <icon-delete/>
       </li>
     </template>
@@ -24,7 +24,7 @@
         :href="currentLog.url">
         <li>{{ $t('Open in browser')}}</li>
       </a>
-      <li @click="$emit('deleteCurrentLog')">
+      <li @click="$emit('delete-current-log')">
        {{ $t('Delete from device')}}
       </li>
     </template>

diff --git a/src/field-modules/my-logs/components/FilterLogs.vue b/src/field-modules/my-logs/components/FilterLogs.vue
@@ -194,20 +194,20 @@ export default {
     // NOTE: We're tracking which types/categiries to EXCLUDE from My Logs
     updateExcludedLogType(type, checked) {
       if (!checked) {
-        this.$emit('addToExcludedTypes', type);
+        this.$emit('add-to-excluded-types', type);
       } else {
-        this.$emit('removeFromExcludedTypes', type);
+        this.$emit('remove-from-excluded-types', type);
       }
     },
     updateExcludedLogCategory(cat, checked) {
       if (!checked) {
-        this.$emit('addToExcludedCategories', cat);
+        this.$emit('add-to-excluded-categories', cat);
       } else {
-        this.$emit('removeFromExcludedCategories', cat);
+        this.$emit('remove-from-excluded-categories', cat);
       }
     },
     setDateFilter(value) {
-      this.$emit('setDateFilter', value);
+      this.$emit('set-date-filter', value);
     },
     checkChecked(id) {
       return !document.getElementById(id).checked;

diff --git a/src/field-modules/my-logs/components/FilterLogsMenuBar.vue b/src/field-modules/my-logs/components/FilterLogsMenuBar.vue
@@ -7,7 +7,7 @@
       <li>{{ $t('Log Filters')}}</li>
     </template>
     <template #more-menu>
-      <li @click="resetDisplayFilters">{{ $t('Reset filters')}}</li>
+      <li @click="$emit('reset-display-filters')">{{ $t('Reset filters')}}</li>
     </template>
   </farm-menu-bar>
 </template>
@@ -20,11 +20,6 @@ export default {
       showMore: false,
     };
   },
-  methods: {
-    resetDisplayFilters() {
-      this.$emit('resetDisplayFilters');
-    },
-  },
 
 };
 </script>
diff --git a/src/field-modules/my-logs/components/Logs.vue b/src/field-modules/my-logs/components/Logs.vue
@@ -2,20 +2,19 @@
   <div>
     <router-view
       name="menubar"
-      @toggleDrawer="$emit('toggleDrawer')"
-      @deleteCurrentLog="openDeleteDialog($event)"
+      @toggle-drawer="$emit('toggle-drawer')"
+      @delete-current-log="openDeleteDialog($event)"
       @sync="sync"
-      @resetDisplayFilters="resetDisplayFilters"
+      @reset-display-filters="resetDisplayFilters"
       :logs='logs'
       :isSyncing="isSyncing"
     />
     <router-view
-      @deleteLog="openDeleteDialog($event)"
-      @addToExcludedTypes="addToExcludedTypes($event)"
-      @removeFromExcludedTypes="removeFromExcludedTypes($event)"
-      @addToExcludedCategories="addToExcludedCategories($event)"
-      @removeFromExcludedCategories="removeFromExcludedCategories($event)"
-      @setDateFilter="setDateFilter($event)"
+      @add-to-excluded-types="addToExcludedTypes($event)"
+      @remove-from-excluded-types="removeFromExcludedTypes($event)"
+      @add-to-excluded-categories="addToExcludedCategories($event)"
+      @remove-from-excluded-categories="removeFromExcludedCategories($event)"
+      @set-date-filter="setDateFilter($event)"
       :logTypes='logTypes'
       :logs='sortLogsDescending(logs)'
       :areas='areas'