refactor(gui): linting

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>

packages/nc-gui/pages/user/admin/index.vue

@@ -1,14 +1,18 @@
 <template>
-  <v-container class="text-center"  >
-    <v-row  >
+  <v-container class="text-center">
+    <v-row>
       <v-col cols="12">
         <v-card v-for="u in users1" :key="u.users_id">
           <v-card-title primary-title>
             <router-link :to="{ path: '/user/admin/user/' + u.users_id }">
-              {{u.username}}
+              {{ u.username }}
             </router-link>
-            <v-btn color="info">Edit</v-btn>
-            <v-btn color="error">Delete</v-btn>
+            <v-btn color="info">
+              Edit
+            </v-btn>
+            <v-btn color="error">
+              Delete
+            </v-btn>
           </v-card-title>
           <hr>
         </v-card>
@@ -18,43 +22,43 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        users: this.$store.state.users
-      }
-    },
-    computed: {
+export default {
+  directives: {},
+  components: {},
+  validate ({ params }) {
+    return true
+  },
+  props: {},
+  data () {
+    return {
+      users: this.$store.state.users
+    }
+  },
+  head () {
+    return {}
+  },
+  computed: {
 
-      users1() {
-        //console.log(this.$store.state);
-        return this.$store.state.creator.users;
-      }
+    users1 () {
+      // console.log(this.$store.state);
+      return this.$store.state.creator.users
+    }
 
-    },
-    methods: {},
-    beforeCreated() {
-    },
-    created() {
-    },
-    mounted() {
-      this.$store.dispatch('admin/ActGetUsers')
-    },
-    beforeDestroy() {
-    },
-    destroy() {
-    },
-    validate({params}) {
-      return true
-    },
-    head() {
-      return {}
-    },
-    props: {},
-    watch: {},
-    directives: {},
-    components: {}
+  },
+  watch: {},
+  created () {
+  },
+  mounted () {
+    this.$store.dispatch('admin/ActGetUsers')
+  },
+  beforeDestroy () {
+  },
+  methods: {},
+  beforeCreated () {
+  },
+  destroy () {
   }
+}
 </script>
 
 <style scoped>

packages/nc-gui/pages/user/admin/user-edit.vue

@@ -1,86 +1,84 @@
 <template>
-
   <section class="section container">
-
     <div class="box">
       <div class="field">
         <div class="control">
           <label class="label">firstName</label>
-          <input class="input" type="text" placeholder="firstName" id="firstName" v-model="user.firstName">
+          <input id="firstName" v-model="user.firstName" class="input" type="text" placeholder="firstName">
         </div>
       </div>
       <div class="field">
         <div class="control">
           <label class="label">lastName</label>
-          <input class="input" type="text" placeholder="lastName" id="lastName" v-model="user.lastName">
+          <input id="lastName" v-model="user.lastName" class="input" type="text" placeholder="lastName">
         </div>
       </div>
       <div class="field">
         <div class="control">
           <label class="label">roles</label>
-          <input class="input" type="text" placeholder="roles" id="roles" v-model="user.roles">
+          <input id="roles" v-model="user.roles" class="input" type="text" placeholder="roles">
         </div>
       </div>
 
-
       <div class="field is-grouped">
         <div class="control">
-          <button class="button is-link" @click="update()">Submit</button>
+          <button class="button is-link" @click="update()">
+            Submit
+          </button>
         </div>
       </div>
     </div>
-
   </section>
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
+export default {
+  directives: {},
+  components: {},
+  validate ({ params }) {
+    return true
+  },
+  props: {},
+  data () {
+    return {
+      user: {
+        username: 'swetha',
+        _id: 1,
+        firstName: 'swetha',
+        lastName: 'naveen',
+        email: 'swethks@gmail.com',
+        provider: 'facebook',
+        created: '22-01-2018',
+        roles: ['editor', 'guest']
+      },
+      authentication: {
         user: {
-          username: 'swetha',
-          _id: 1,
-          firstName: 'swetha',
-          lastName: 'naveen',
-          email: 'swethks@gmail.com',
-          provider: 'facebook',
-          created: '22-01-2018',
-          roles: ['editor', 'guest']
-        },
-        authentication: {
-          user: {
-            _id: 1
-          }
+          _id: 1
         }
       }
-    },
-    computed: {},
-    methods: {
-      update() {
-        //console.log('update user');
-      }
-    },
-    beforeCreated() {
-    },
-    created() {
-    },
-    mounted() {
-    },
-    beforeDestroy() {
-    },
-    destroy() {
-    },
-    validate({params}) {
-      return true
-    },
-    head() {
-      return {}
-    },
-    props: {},
-    watch: {},
-    directives: {},
-    components: {}
+    }
+  },
+  head () {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created () {
+  },
+  mounted () {
+  },
+  beforeDestroy () {
+  },
+  methods: {
+    update () {
+      // console.log('update user');
+    }
+  },
+  beforeCreated () {
+  },
+  destroy () {
   }
+}
 </script>
 
 <style scoped>

packages/nc-gui/pages/user/admin/user/_userId.vue

@@ -1,48 +1,46 @@
 <template>
-  <v-container >
-    <v-row  >
+  <v-container>
+    <v-row>
       <v-col cols="12">
         <v-card class="pa-5">
-          <v-form v-model="valid" ref="formType" lazy-validation>
+          <v-form ref="formType" v-model="valid" lazy-validation>
             <v-text-field
-              label="username"
               v-model="user.username"
+              label="username"
               disabled
-            ></v-text-field>
+            />
 
             <v-text-field
-              label="firstName"
               v-model="user.firstName"
+              label="firstName"
               disabled
-            ></v-text-field>
+            />
 
             <v-text-field
-              label="lastName"
               v-model="user.lastName"
+              label="lastName"
               disabled
-            ></v-text-field>
+            />
 
             <v-text-field
-              label="provider"
               v-model="user.provider"
+              label="provider"
               disabled
-            ></v-text-field>
+            />
 
             <v-text-field
-              label="roles"
               v-model="user.roles"
+              label="roles"
               disabled
-            ></v-text-field>
+            />
 
-            <v-btn @click="editUser" color="primary">
+            <v-btn color="primary" @click="editUser">
               Edit
             </v-btn>
 
-            <v-btn @click="removeUser" color="red">
+            <v-btn color="red" @click="removeUser">
               Delete
             </v-btn>
-
-
           </v-form>
         </v-card>
       </v-col>
@@ -51,57 +49,56 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        user : {
-          username :'',
-          _id: 0,
-          firstName: '',
-          lastName: '',
-          email: '',
-          provider: '',
-          created: '',
-          roles: []
-        },
-        valid: true
-
-      }
-    },
-    computed : {
-
-    },
-    methods : {
-      removeUser(){
-        //console.log('remove user');
+export default {
+  directives: { },
+  components: { },
+  validate ({ params }) { return true },
+  props: { },
+  data () {
+    return {
+      user: {
+        username: '',
+        _id: 0,
+        firstName: '',
+        lastName: '',
+        email: '',
+        provider: '',
+        created: '',
+        roles: []
       },
-      editUser(args) {
-        //console.log('edit user');
-      }
+      valid: true
 
+    }
+  },
+  head () { return {} },
+  computed: {
+
+  },
+  watch: { },
+  created () { },
+  async mounted () {
+    // console.log('routeparams',this.$route.params);
+    const user = await this.$store.dispatch('users/ActGetUser', this.$route.params.userId)
+
+    if ('username' in user) {
+      this.user = user
+    }
+
+    // console.log(this.user);
+  },
+  beforeDestroy () {},
+  methods: {
+    removeUser () {
+      // console.log('remove user');
     },
-    beforeCreated () {},
-    created () { },
-    async mounted () {
+    editUser (args) {
+      // console.log('edit user');
+    }
 
-      //console.log('routeparams',this.$route.params);
-      let user = await this.$store.dispatch('users/ActGetUser',this.$route.params.userId)
-
-      if ('username' in user){
-        this.user = user;
-      }
-
-      //console.log(this.user);
-    },
-    beforeDestroy () {},
-    destroy () {},
-    validate({params}) { return true },
-    head() { return {} },
-    props: { },
-    watch: { },
-    directives : { },
-    components : { }
-  }
+  },
+  beforeCreated () {},
+  destroy () {}
+}
 </script>
 
 <style scoped>