GUI code refactoring (#2051)

* refactor: update vue component filenames Signed-off-by: Pranav C <pranavxc@gmail.com> * refactor: update store and state variable names Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: store module name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com>
2026-05-05 19:06:51 +00:00 · 2022-05-15 16:43:39 +05:30
parent 194b205a92
commit 9540ca672e
267 changed files with 2118 additions and 2839 deletions
--- a/packages/nc-gui/components/project/appStore/inputs/PasswordField.vue
+++ b/packages/nc-gui/components/project/appStore/inputs/PasswordField.vue
@@ -0,0 +1,89 @@
+<template>
+  <v-text-field
+    v-model="localState"
+    :type="show ? 'text' : 'password'"
+    dense
+    outlined
+    :rules="[v => !!v || !inputDetails.required || 'Required']"
+    :name="inputDetails.key"
+    :required="inputDetails.valid"
+    hide-details="auto"
+    :placeholder="inputDetails.placeholder || ''"
+    class="caption"
+    v-on="parentListeners"
+  >
+    <template #append>
+      <v-icon @click="show = !show">
+        {{ show ? 'visibility_off' : 'visibility' }}
+      </v-icon>
+    </template>
+  </v-text-field>
+</template>
+
+<script>
+export default {
+  name: 'PasswordField',
+  props: {
+    value: String,
+    inputDetails: Object
+  },
+  data: () => ({
+    show: false
+  }),
+  computed: {
+    localState: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    parentListeners() {
+      const $listeners = {}
+      return $listeners
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wrapper {
+  position: relative;
+  display: inline-block;
+}
+
+.wrapper input{
+  padding-right: 20px;
+}
+
+.toggle-icon{
+  position: absolute;
+right:4px;
+  top:5px;
+}
+</style>
+<!--
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Naveen MR <oof1lab@gmail.com>
+ * @author Pranav C Balan <pranavxc@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+-->