Merge branch 'issues/10' of github.com:mpaarating/electric-io into issues/10

Author: mpaarating

.data/dashboard.json.sim

@@ -0,0 +1 @@
+{ "dashboard": {"blockSize":[250,200],"bgColor":"papayawhip","bgImageRepeat":"true","tiles":[{"title":"MXChip sending ","type":"button","buttonText":"stop","deviceId":"AZ3166","deviceMethod":"stop","position":[54,466],"size":[0.8,0.7],"id":"2471d5ab-0d73-42a3-ba4f-f694574feb6b"},{"title":"","type":"sticker","url":"https://upload.wikimedia.org/wikipedia/commons/3/3a/Cat03.jpg","position":[1120,102],"size":[1,1],"id":"84de1d0d-d1ae-4daa-9540-179e9dd4155c"},{"title":"Study Temperature","type":"lineChart","lineColor":"#FF6384","deviceId":"AZ3166","property":"temperature","position":[53,108],"size":[2,1.5],"id":"1048bae5-e1ac-4617-ad96-9a08a3d1aa48"},{"title":"Jenn's Coolness Factor 😎","type":"lineChart","lineColor":"#6b66ff","deviceId":"Jenn","property":"coolness","position":[585,106],"size":[2,1.5],"id":"055fa281-4fc3-4060-a47f-d3c03430afce"},{"title":"Humidity 😰","type":"number","deviceId":"AZ3166","textColor":"#ff0000","property":"humidity","position":[296,465],"size":[1,1],"id":"101ca6cb-ba75-4e5c-9db6-d29ba7ab9f51"},{"title":"Noise 🙉","type":"lineChart","lineColor":"#60dd4d","deviceId":"Tessel2","property":"sound","position":[901,470],"size":[2,1.5],"id":"d8444332-7b07-4cfc-b251-641a906f7c6b"},{"title":"","type":"sticker","url":"https://media.giphy.com/media/1wXeLxuTVBZe0Ht7Zu/giphy.gif","position":[601,471],"size":[1,1],"id":"88e12934-c628-48cb-8b84-b16c2e311105"}]} }

.gitignore

@@ -5,4 +5,4 @@ coverage
 .DS_Store
 .cache
 .env
-public/js/dist
+public/js/dist/

public/js/components/form.js

@@ -1,16 +1,15 @@
 // focus management mixin
+import {focus} from '../vendor/vue-focus.js';
 import FormFields from './formFields';
-import { focus } from '../vendor/vue-focus.js';
-
 const template = `
   <div class="cardForm">
     <h2>Settings</h2>
 
     <form v-on:submit.prevent="onSubmit">
-      <input name="id" type="hidden" :value="tile.id"/>
+      <input name="id" type="hidden" v-bind:value="tile.id"/>
 
       <label>Title
-        <input v-focus="editing" type="text" name="title" :value="tile.title"/>
+        <input v-focus="editing" type="text" name="title" v-bind:value="tile.title"/>
       </label>
 
       <form-fields :tile="tile" :deviceList="deviceList" />
@@ -21,10 +20,10 @@ const template = `
 `;
 
 export default Vue.component('card-form', {
-  directives: { focus },
-  components: { FormFields },
+  directives: {focus},
+  components: {FormFields},
   template,
-  props: ['tile', 'deviceList', 'editing'],
+  props: ["tile", "deviceList", "editing"],
   methods: {
     onSubmit: function(event) {
       let eventData = {};
@@ -34,5 +33,6 @@ export default Vue.component('card-form', {
       });
       this.$emit('save-settings', eventData);
     }
-  }
+  },
 });
+

public/js/components/formFields.js

@@ -4,3 +4,4 @@ export default Vue.component('form-fields', {
     this.$options.template = this.$options.propsData.tile.template;
   }
 });
+