refactor(gui): linting

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

packages/nc-gui/pages/user/settings/password.vue

@@ -1,154 +1,144 @@
 <template>
-
-  <v-container class="text-center"  >
-    <v-row   align="center">
+  <v-container class="text-center">
+    <v-row align="center">
       <v-col md="6" offset-md="3">
-
         <h1>Change Password</h1>
         <br>
 
         <v-card class="pa-5 elevation-10" color="">
-          <v-form v-model="valid" ref="formType" lazy-validation>
-
+          <v-form ref="formType" v-model="valid" lazy-validation>
             <v-text-field
+              v-model="passwordDetails.currentPassword"
               name="input-10-2"
               label="Currrent password"
               :append-icon="e3 ? 'visibility' : 'visibility_off'"
               :append-icon-cb="() => (e3 = !e3)"
-              v-model="passwordDetails.currentPassword"
               :rules="formRules.password"
               :type="e3 ? 'password' : 'text'"
-            ></v-text-field>
+            />
 
             <v-text-field
+              v-model="passwordDetails.newPassword"
               name="input-10-2"
               label="New password"
               :append-icon="e4 ? 'visibility' : 'visibility_off'"
               :append-icon-cb="() => (e4 = !e4)"
-              v-model="passwordDetails.newPassword"
               :rules="formRules.password"
               :type="e4 ? 'password' : 'text'"
-            ></v-text-field>
+            />
 
             <v-text-field
+              v-model="passwordDetails.verifyPassword"
               name="input-10-2"
               label="Confirm new password"
               :append-icon="e5 ? 'visibility' : 'visibility_off'"
               :append-icon-cb="() => (e5 = !e5)"
-              v-model="passwordDetails.verifyPassword"
               :rules="formRules.password"
               :type="e5 ? 'password' : 'text'"
-            ></v-text-field>
-
-
+            />
 
             <v-btn
-              @click="resetUserPassword"
               color="primary"
               large
-              :disabled="!valid">
+              :disabled="!valid"
+              @click="resetUserPassword"
+            >
               SAVE PASSWORD
             </v-btn>
-
           </v-form>
         </v-card>
       </v-col>
     </v-row>
-
   </v-container>
 
-
   <!--<section class="section container">-->
 
-    <!--<div class="box">-->
+  <!--<div class="box">-->
 
-      <!--<div class="field">-->
-        <!--<div class="control">-->
-          <!--<label class="label">currentPassword</label>-->
-          <!--<input class="input" type="password" placeholder="currentPassword" id="currentPassword" v-model="passwordDetails.currentPassword">-->
-        <!--</div>-->
-      <!--</div>-->
+  <!--<div class="field">-->
+  <!--<div class="control">-->
+  <!--<label class="label">currentPassword</label>-->
+  <!--<input class="input" type="password" placeholder="currentPassword" id="currentPassword" v-model="passwordDetails.currentPassword">-->
+  <!--</div>-->
+  <!--</div>-->
 
-      <!--<div class="field">-->
-        <!--<div class="control">-->
-          <!--<label class="label">newPassword</label>-->
-          <!--<input class="input" type="password" placeholder="newPassword" id="newPassword" v-model="passwordDetails.newPassword">-->
-        <!--</div>-->
-      <!--</div>-->
+  <!--<div class="field">-->
+  <!--<div class="control">-->
+  <!--<label class="label">newPassword</label>-->
+  <!--<input class="input" type="password" placeholder="newPassword" id="newPassword" v-model="passwordDetails.newPassword">-->
+  <!--</div>-->
+  <!--</div>-->
 
-      <!--<div class="field">-->
-        <!--<div class="control">-->
-          <!--<label class="label">verifyPassword</label>-->
-          <!--<input class="input" type="password" placeholder="verifyPassword" id="verifyPassword" v-model="passwordDetails.verifyPassword">-->
-        <!--</div>-->
-      <!--</div>-->
+  <!--<div class="field">-->
+  <!--<div class="control">-->
+  <!--<label class="label">verifyPassword</label>-->
+  <!--<input class="input" type="password" placeholder="verifyPassword" id="verifyPassword" v-model="passwordDetails.verifyPassword">-->
+  <!--</div>-->
+  <!--</div>-->
 
-      <!--<div class="field is-grouped">-->
-        <!--<div class="control">-->
-          <!--<button class="button is-link" @click="resetUserPassword">Reset Password</button>-->
-        <!--</div>-->
-      <!--</div>-->
-    <!--</div>-->
+  <!--<div class="field is-grouped">-->
+  <!--<div class="control">-->
+  <!--<button class="button is-link" @click="resetUserPassword">Reset Password</button>-->
+  <!--</div>-->
+  <!--</div>-->
+  <!--</div>-->
 
-
-    <!---->
+  <!---->
 
   <!--</section>-->
-
-
 </template>
 
 <script>
-  import {isEmail} from "@/helpers";
+import { isEmail } from '@/helpers'
 
-  export default {
-    data() {
-      return {
-        passwordDetails : {
-          newPassword : null,
-          verifyPassword : null,
-          currentPassword:null,
-          oldPassword : null
-        },
-        e3:true,
-        e4:true,
-        e5:true,
-        valid:true,
-        formRules: {
-          email: [
-            v => !!v || 'E-mail is required',
-            v => isEmail(v) || 'E-mail must be valid'
-          ],
-          password: [
-            v => !!v || 'Password is required'
-          ],
-        },
-
-      }
-    },
-    computed : {
-    },
-    methods : {
-
-      async resetUserPassword(e){
-        e.preventDefault();
-        //console.log('passworDetails',this.passwordDetails);
-        await this.$store.dispatch('ActPostPasswordChange',this.passwordDetails)
+export default {
+  directives: { },
+  components: { },
+  validate ({ params }) { return true },
+  props: { },
+  data () {
+    return {
+      passwordDetails: {
+        newPassword: null,
+        verifyPassword: null,
+        currentPassword: null,
+        oldPassword: null
+      },
+      e3: true,
+      e4: true,
+      e5: true,
+      valid: true,
+      formRules: {
+        email: [
+          v => !!v || 'E-mail is required',
+          v => isEmail(v) || 'E-mail must be valid'
+        ],
+        password: [
+          v => !!v || 'Password is required'
+        ]
       }
 
-    },
-    beforeCreated () {},
-    created () { },
-    mounted () {},
-    beforeDestroy () {},
-    destroy () {},
-    validate({params}) { return true },
-    head() { return {} },
-    props: { },
-    watch: { },
-    directives : { },
-    components : { }
-  }
+    }
+  },
+  head () { return {} },
+  computed: {
+  },
+  watch: { },
+  created () { },
+  mounted () {},
+  beforeDestroy () {},
+  methods: {
+
+    async resetUserPassword (e) {
+      e.preventDefault()
+      // console.log('passworDetails',this.passwordDetails);
+      await this.$store.dispatch('ActPostPasswordChange', this.passwordDetails)
+    }
+
+  },
+  beforeCreated () {},
+  destroy () {}
+}
 </script>
 
 <style scoped>