implement UI elements

geniusdynamics · Feb 2, 2024 · 6e0ab94 · 6e0ab94
1 parent 47eef0e
commit 6e0ab94
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 60 deletions.
diff --git a/ui/public/i18n/de/translation.json b/ui/public/i18n/de/translation.json
@@ -12,9 +12,8 @@
         "validation_error": "Überprüfungsfehler"
     },
     "settings": {
-        "paperless_fqdn": "Paperless FQDN",
-        "paperless_admin": "Paperless Admin",
-        "paperless_admin_password": "Paperless admin password",
+        "vaultwarden": "Paperless FQDN",
+        "admin_token": "Paperless admin password",
         "test_field": "Testfeld",
         "configure_instance": "Konfiguriere {instance}",
         "lets_encrypt": "Lets Encrypt",

diff --git a/ui/public/i18n/en/translation.json b/ui/public/i18n/en/translation.json
@@ -19,14 +19,13 @@
     "no_services": "No services",
     "no_images": "No images",
     "no_volumes": "No volumes",
-    "paperless_url": "Paperless URL",
-    "open_paperless_page": "Go to Paperless"
+    "vaultwarden_url": "vaultwarden URL",
+    "open_vaultwarden_page": "Go to vaultwarden"
   },
   "settings": {
     "title": "Settings",
-    "paperless_fqdn": "Paperless FQDN",
-    "paperless_admin": "Paperless Admin",
-    "paperless_admin_password": "Paperless admin password",
+    "vaultwarden_fqdn": "vaultwarden FQDN",
+    "admin_token": "vaultwarden admin token",
     "configure_instance": "Configure {instance}",
     "lets_encrypt": "Lets Encrypt",
     "disabled": "Disabled",

diff --git a/ui/public/i18n/es/translation.json b/ui/public/i18n/es/translation.json
@@ -12,9 +12,8 @@
         "validation_error": "Error de validación"
     },
     "settings": {
-        "settings.paperless_fqdn": "Paperless FQDN",
-        "settings.paperless_admin": "Paperless Admin",
-        "settings.paperless_admin_password": "Paperless admin password",
+        "settings.vaultwarden_fqdn": "vaultwarden FQDN",
+        "settings.admin_token": "vaultwarden admin toekn",
         "test_field": "Campo de prueba",
         "configure_instance": "Configurar {instance}",
         "lets_encrypt": "Lets Encrypt",
@@ -44,8 +43,8 @@
         "installation_node": "Nodo de instalación",
         "node": "Nodo",
         "no_volumes": "Sin volúmenes",
-        "status.paperless_url": "Paperless URL",
-        "status.open_paperless_page": "Go to Paperless"
+        "status.vaultwarden_url": "vaultwarden URL",
+        "status.open_vaultwarden_page": "Go to vaultwarden"
     },
     "about": {
         "title": "Acerca de"

diff --git a/ui/public/i18n/eu/translation.json b/ui/public/i18n/eu/translation.json
@@ -19,14 +19,13 @@
       "no_services": "No services",
       "no_images": "No images",
       "no_volumes": "No volumes",
-      "paperless_url": "Paperless URL",
-      "open_paperless_page": "Go to Paperless"
+      "vaultwarden_url": "vaultwarden URL",
+      "open_vaultwarden_page": "Go to vaultwarden"
     },
     "settings": {
       "title": "Settings",
-      "paperless_fqdn": "Paperless FQDN",
-      "paperless_admin": "Paperless Admin",
-      "paperless_admin_password": "Paperless admin password",
+      "vaultwarden_fqdn": "vaultwarden FQDN",
+      "admin_token": "vaultwarden admin password",
       "configure_instance": "Configure {instance}",
       "lets_encrypt": "Lets Encrypt",
       "disabled": "Disabled",

diff --git a/ui/public/i18n/it/translation.json b/ui/public/i18n/it/translation.json
@@ -19,13 +19,12 @@
         "app_volumes": "Volume app|Volumi app",
         "installation_node": "Nodo",
         "mount": "Percorso di mount",
-        "paperless_url": "Paperless URL",
-        "open_paperless_page": "Go to Paperless"
+        "vaultwarden_url": "vaultwarden URL",
+        "open_vaultwarden_page": "Go to vaultwarden"
     },
     "settings": {
-        "paperless_fqdn": "Paperless FQDN",
-        "paperless_admin": "Paperless Admin",
-        "paperless_admin_password": "Paperless admin password",
+        "vaultwarden_fqdn": "vaultwarden FQDN",
+        "admin_token": "vaultwarden admin password",
         "save": "Salva",
         "title": "Impostazioni",
         "configure_instance": "Configura {instance}",

diff --git a/ui/src/views/Settings.vue b/ui/src/views/Settings.vue
@@ -20,34 +20,26 @@
         <cv-tile :light="true">
           <cv-form @submit.prevent="configureModule">
             <cv-text-input
-              :label="$t('settings.paperless_fqdn')"
-              placeholder="paperless.example.org"
+              :label="$t('settings.vaultwarden_fqdn')"
+              placeholder="vaultwarden.example.org"
               v-model.trim="host"
               class="mg-bottom"
               :invalid-message="$t(error.host)"
               :disabled="loading.getConfiguration || loading.configureModule"
               ref="host"
             >
             </cv-text-input>
-            <cv-text-input
-              :label="$t('settings.paperless_admin')"
-              placeholder="paperlessadmin"
-              v-model="PAPERLESS_ADMIN_USER"
-              class="mg-bottom"
-              :invalid-message="$t(error.PAPERLESS_ADMIN_USER)"
-              :disabled="loading.getConfiguration || loading.configureModule"
-              ref="PAPERLESS_ADMIN_USER"
-            >
+
             </cv-text-input>
             <cv-text-input
-              :label="$t('settings.paperless_admin_password')"
+              :label="$t('settings.admin_token')"
               placeholder="P@perle5$"
-              v-model="PAPERLESS_ADMIN_PASSWORD"
+              v-model="ADMIN_TOKEN"
               class="mg-bottom"
-              :invalid-message="$t(error.PAPERLESS_ADMIN_PASSWORD)"
+              :invalid-message="$t(error.ADMIN_TOKEN)"
               :disabled="loading.getConfiguration || loading.configureModule"
               type="password"
-              ref="PAPERLESS_ADMIN_PASSWORD"
+              ref="ADMIN_TOKEN"
             >
             </cv-text-input>
             <cv-toggle
@@ -125,8 +117,7 @@ export default {
       },
       urlCheckInterval: null,
       host: "",
-      PAPERLESS_ADMIN_USER: "",
-      PAPERLESS_ADMIN_PASSWORD: "",
+      ADMIN_TOKEN: "",
       isLetsEncryptEnabled: false,
       isHttpToHttpsEnabled: false,
       loading: {
@@ -137,8 +128,7 @@ export default {
         getConfiguration: "",
         configureModule: "",
         host: "",
-        PAPERLESS_ADMIN_USER: "",
-        PAPERLESS_ADMIN_PASSWORD: "",
+        ADMIN_TOKEN: "",
         lets_encrypt: "",
         http2https: "",
       },
@@ -206,8 +196,7 @@ export default {
     getConfigurationCompleted(taskContext, taskResult) {
       const config = taskResult.output;
       this.host = config.host;
-      this.PAPERLESS_ADMIN_USER = config.PAPERLESS_ADMIN_USER;
-      this.PAPERLESS_ADMIN_PASSWORD = config.PAPERLESS_ADMIN_PASSWORD;
+      this.ADMIN_TOKEN = config.ADMIN_TOKEN;
       this.isLetsEncryptEnabled = config.lets_encrypt;
       this.isHttpToHttpsEnabled = config.http2https;
       this.loading.getConfiguration = false;
@@ -226,19 +215,12 @@ export default {
         }
         isValidationOk = false;
       }
-      if (!this.PAPERLESS_ADMIN_USER) {
-        this.error.PAPERLESS_ADMIN_USER = "common.required";
 
-        if (isValidationOk) {
-          this.focusElement("PAPERLESS_ADMIN_USER");
-        }
-        isValidationOk = false;
-      }
-      if (!this.PAPERLESS_ADMIN_PASSWORD) {
-        this.error.PAPERLESS_ADMIN_PASSWORD = "common.required";
+      if (!this.ADMIN_TOKEN) {
+        this.error.ADMIN_TOKEN = "common.required";
 
         if (isValidationOk) {
-          this.focusElement("PAPERLESS_ADMIN_PASSWORD");
+          this.focusElement("ADMIN_TOKEN");
         }
         isValidationOk = false;
       }
@@ -295,8 +277,7 @@ export default {
           action: taskAction,
           data: {
             host: this.host,
-            PAPERLESS_ADMIN_USER: this.PAPERLESS_ADMIN_USER,
-            PAPERLESS_ADMIN_PASSWORD: this.PAPERLESS_ADMIN_PASSWORD,
+            ADMIN_TOKEN: this.ADMIN_TOKEND,
             lets_encrypt: this.isLetsEncryptEnabled,
             http2https: this.isHttpToHttpsEnabled,
           },

diff --git a/ui/src/views/Status.vue b/ui/src/views/Status.vue
@@ -40,16 +40,16 @@
         <cv-column :md="4" :max="4">
           <NsInfoCard
             light
-            :title="$t('status.paperless_url')"
+            :title="$t('status.vaultwarden_url')"
             :icon="Settings32"
             :loading="loading.getStatus"
             class="min-height-card"
           >
           <template slot="content">
             <div class="card-rows">
               <div class="card-row">
-                <NsButton kind="ghost" :icon="Launch20" @click="goToPaperless">
-                  {{ $t("status.open_paperless_page") }}
+                <NsButton kind="ghost" :icon="Launch20" @click="goToVaultwarden">
+                  {{ $t("status.open_vaultwarden_page") }}
                 </NsButton>
               </div>
             </div>
@@ -360,7 +360,7 @@ export default {
     this.getConfiguration();
   },
   methods: {
-    goToPaperless() {
+    goToVaultwarden() {
         window.open('http://' + this.host);
     },
     async getConfiguration() {