fixes to kebab case

CHANGELOG.md

@@ -5,7 +5,7 @@ _20th November 2020_
 ### Fixed
 
 - a human can use spaces, dashes and caps if they like in name and microcosm but couchDB doesn't like them so they are removed on input
-- you can no longer join and microcosm without setting a name, this stops human from thinking they are safe to create nodes
+- you can no longer join a microcosm without setting a name, this stops human from thinking they are safe to create nodes
 
 # 0.1.35
 

app/src/components/DiscardLayer.vue

@@ -15,7 +15,6 @@
             </p>
           </div>
         </div>
-
         <div class="btn-row">
           <BaseButton buttonClass="danger" @click="restoreNode(nodeid)"
             >Restore</BaseButton

app/src/components/ListLayer.vue

@@ -36,23 +36,12 @@
           </div>
 
           <div class="btn-row">
-            <!-- <BaseButton buttonClass="danger" @click="deleteFlag()"
-              >Discard</BaseButton
-            > -->
             <SvgButton buttonClass="nodes" @click.prevent="deleteFlag()" />
             <div v-if="value.read_mode == true && deleted == false">
               <SvgButton2 buttonClass="nodes" @click.prevent="readFlag()" />
-
-              <!-- <BaseButton class="read" buttonClass="action" @click="readFlag()"
-                >Edit Mode
-              </BaseButton> -->
             </div>
             <div v-else>
               <SvgButton2 buttonClass="nodes" @click.prevent="readFlag()" />
-
-              <!-- <BaseButton class="read" buttonClass="action" @click="readFlag()"
-                >Read Mode</BaseButton
-              > -->
             </div>
           </div>
         </form>
@@ -107,7 +96,7 @@ export default {
     },
 
     editTrue(e) {
-      this.$emit('editTrue', e)
+      this.$emit('edit-true', e)
     },
 
     deleteFlag(e) {

app/src/components/NodesLayer.vue

@@ -321,7 +321,7 @@ export default {
     },
 
     editTrue(e) {
-      this.$emit('editTrue', e)
+      this.$emit('edit-true', e)
       // this.firstload = false
       //  // console.log(e)
     },

app/src/components/UploadLayer.vue

@@ -135,8 +135,8 @@ export default {
 
       copyHash.setSelectionRange(0, 99999) /*For mobile devices*/
       document.execCommand('copy')
-      this.$emit('uploadAdded')
-      this.$emit('copyDone')
+      this.$emit('upload-added')
+      this.$emit('copy-done')
     },
   },
 }

app/src/experimental/ModeToolbar.vue

@@ -52,21 +52,21 @@ export default {
         this.$store.dispatch('addNode')
       }
       if (mode == 'upload') {
-        this.$emit('uploadAdded')
+        this.$emit('upload-added')
       }
       if (mode == 'copy') {
-        this.$emit('copyDone')
+        this.$emit('copy-done')
 
         alert(
           'Now all you need to do is paste into a new node to display your media'
         )
       }
       if (mode == 'draw') {
-        this.$emit('drawOn')
+        this.$emit('draw-on')
         // console.log(mode)
       }
       if (mode != 'draw') {
-        this.$emit('drawOff')
+        this.$emit('draw-off')
         //console.log(mode)
       }
     },
@@ -98,7 +98,7 @@ export default {
       } else {
         // handle offline status
         console.log('offline')
-        ref.$emit('offlineTriggered')
+        ref.$emit('offline-triggered')
       }
     },
     isReachable: function (url) {

app/src/views/Cards.vue

@@ -51,8 +51,8 @@
         <UploadLayer
           v-bind:uploadready="uploadready"
           v-bind:copyready="copyready"
-          @uploadAdded="uploadAdded()"
-          @copyDone="copyDone()"
+          @upload-added="uploadAdded()"
+          @copy-done="copyDone()"
         />
       </div>
       <BaseButton class="new" buttonClass="action" @click="uploadAdded()"

app/src/views/List.vue

@@ -4,7 +4,7 @@
       <div id="listwrapper">
         <ModesCard />
         <ListLayer
-          @editTrue="(e) => editTrue(e)"
+          @edit-true="(e) => editTrue(e)"
           v-for="value in myNodes"
           v-bind:key="value.node_id"
           v-bind:nodeid="value.node_id"
@@ -47,8 +47,8 @@
         <UploadLayer
           v-bind:uploadready="uploadready"
           v-bind:copyready="copyready"
-          @uploadAdded="uploadAdded()"
-          @copyDone="copyDone()"
+          @upload-added="uploadAdded()"
+          @copy-done="copyDone()"
         />
       </div>
     </div>

app/src/views/Organise.vue

@@ -14,11 +14,11 @@
           v-bind:key="value.node_id"
           v-bind:nodeid="value.node_id"
           v-bind:nodetext="value.node_text"
-          @editTrue="(e) => editTrue(e)"
+          @edit-true="(e) => editTrue(e)"
         />
         <ModeToolbar
-          @offlineTriggered="offlineTriggered()"
-          @onlineTriggered="onlineTriggered()"
+          @offline-triggered="offlineTriggered()"
+          @online-triggered="onlineTriggered()"
         />
         <ViewToolbar />
 
@@ -43,7 +43,7 @@
               v-bind:deleted="value.deleted"
             />
             <NodesLayer
-              @editTrue="(e) => editTrue(e)"
+              @edit-true="(e) => editTrue(e)"
               v-for="value in myNodes"
               v-bind:key="value.node_id"
               v-bind:nodeid="value.node_id"
@@ -64,7 +64,7 @@
               v-bind:deleted="value.deleted"
             />
             <NodesLayer
-              @editTrue="(e) => editTrue(e)"
+              @edit-true="(e) => editTrue(e)"
               v-for="value in myNodes"
               v-bind:key="value.node_id"
               v-bind:nodeid="value.node_id"
@@ -81,19 +81,19 @@
         </PanZoomContainer>
         <!-- <ToolBar /> -->
         <ModeToolbar
-          @offlineTriggered="offlineTriggered()"
-          @onlineTriggered="onlineTriggered()"
-          @uploadAdded="uploadAdded()"
-          @copyDone="copyDone()"
-          @drawOn="drawOn()"
-          @drawOff="drawOff()"
+          @offline-triggered="offlineTriggered()"
+          @online-triggered="onlineTriggered()"
+          @upload-added="uploadAdded()"
+          @copy-done="copyDone()"
+          @draw-on="drawOn()"
+          @draw-off="drawOff()"
         />
         <ViewToolbar />
         <UploadLayer
           v-bind:uploadready="uploadready"
           v-bind:copyready="copyready"
-          @uploadAdded="uploadAdded()"
-          @copyDone="copyDone()"
+          @upload-added="uploadAdded()"
+          @copy-done="copyDone()"
         />
       </div>
     </div>