From 94ff810a5a258f35d63b3d4206d9ed09b727dc63 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Fri, 20 Nov 2020 12:28:36 +0000
Subject: [PATCH] added lowercase transform to onboard

also had to start to edit custom evens to Kebab case (new rule - Vue3 prep too)
---
 app/src/components/OnBoard.vue | 21 ++++++++++++++-------
 app/src/views/Cards.vue        |  2 +-
 app/src/views/Discarded.vue    |  2 +-
 app/src/views/List.vue         |  2 +-
 app/src/views/Organise.vue     |  4 ++--
 5 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/app/src/components/OnBoard.vue b/app/src/components/OnBoard.vue
index 499d978..1c76298 100644
--- a/app/src/components/OnBoard.vue
+++ b/app/src/components/OnBoard.vue
@@ -196,13 +196,18 @@ export default {
 
   methods: {
     createMicrocosm() {
-      this.$store.dispatch('createMicrocosm', this.localmicrocosm)
-      localStorage.setItem('mylastMicrocosm', this.localmicrocosm)
+      var str = this.localmicrocosm
+      var result = str.toLowerCase()
+      this.$store.dispatch('createMicrocosm', result)
+      localStorage.setItem('mylastMicrocosm', result)
       this.microcosm = true
     },
     setClient() {
-      this.$store.dispatch('setClient', this.clientid),
-        localStorage.setItem('myNNClient', this.clientid)
+      var str = this.clientid
+      var result = str.toLowerCase()
+
+      this.$store.dispatch('setClient', result),
+        localStorage.setItem('myNNClient', result)
       this.name = true
       this.focusInput()
     },
@@ -213,11 +218,13 @@ export default {
     },
 
     editTrue(e) {
-      this.$emit('editTrue', e)
+      // needs to be KebabCase now
+      //  this.$emit('my-event')
+      this.$emit('edit-true', e)
     },
 
     letsGo() {
-      this.$emit('clientAdded')
+      this.$emit('client-added')
     },
 
     focusInput() {
@@ -225,7 +232,7 @@ export default {
     },
   },
   computed: mapState({
-        scale: (state) => state.ui.scale
+    scale: (state) => state.ui.scale,
   }),
   components: {
     draggable,
diff --git a/app/src/views/Cards.vue b/app/src/views/Cards.vue
index 1f248ce..04988a0 100644
--- a/app/src/views/Cards.vue
+++ b/app/src/views/Cards.vue
@@ -64,7 +64,7 @@
     </div>
 
     <div v-else>
-      <OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
+      <OnBoard @client-added="clientAdded()" @edit-true="(e) => editTrue(e)" />
     </div>
   </div>
 </template>
diff --git a/app/src/views/Discarded.vue b/app/src/views/Discarded.vue
index 9c357b0..41271bf 100644
--- a/app/src/views/Discarded.vue
+++ b/app/src/views/Discarded.vue
@@ -13,7 +13,7 @@
     </div>
 
     <div v-else>
-      <OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
+      <OnBoard @client-added="clientAdded()" @edit-true="(e) => editTrue(e)" />
     </div>
   </div>
 </template>
diff --git a/app/src/views/List.vue b/app/src/views/List.vue
index 47f7aa9..f1db384 100644
--- a/app/src/views/List.vue
+++ b/app/src/views/List.vue
@@ -60,7 +60,7 @@
         v-bind:nodetext="value.node_text"
         v-bind:deleted="value.deleted"
       />
-      <OnBoard @clientAdded="clientAdded()" @editTrue="(e) => editTrue(e)" />
+      <OnBoard @client-added="clientAdded()" @edit-true="(e) => editTrue(e)" />
     </div>
   </div>
 </template>
diff --git a/app/src/views/Organise.vue b/app/src/views/Organise.vue
index 8755e6d..6f5fad0 100644
--- a/app/src/views/Organise.vue
+++ b/app/src/views/Organise.vue
@@ -72,8 +72,8 @@
               v-bind:deleted="value.deleted"
             />
             <OnBoard
-              @clientAdded="clientAdded()"
-              @editTrue="(e) => editTrue(e)"
+              @client-added="clientAdded()"
+              @edit-true="(e) => editTrue(e)"
             />
             <ConnectionsLayer />
           </div>
-- 
GitLab