From 026314e665fbeb9e0ba36df56344277db0472869 Mon Sep 17 00:00:00 2001
From: Lucas ONeil <lucasoneil@gmail.com>
Date: Fri, 10 Nov 2023 16:01:00 -0800
Subject: [PATCH] More cfg UI

Signed-off-by: Lucas ONeil <lucasoneil@gmail.com>
---
 .../innkeeper/config/ServerConfig.vue         | 146 +++++++++++++++++-
 .../frontend/src/plugins/i18n/locales/en.json |  45 ++++--
 .../frontend/src/plugins/i18n/locales/fr.json |  62 ++++++--
 .../frontend/src/plugins/i18n/locales/ja.json |  63 ++++++--
 4 files changed, 279 insertions(+), 37 deletions(-)

diff --git a/services/tenant-ui/frontend/src/components/innkeeper/config/ServerConfig.vue b/services/tenant-ui/frontend/src/components/innkeeper/config/ServerConfig.vue
index c6874b716..66ff8471a 100644
--- a/services/tenant-ui/frontend/src/components/innkeeper/config/ServerConfig.vue
+++ b/services/tenant-ui/frontend/src/components/innkeeper/config/ServerConfig.vue
@@ -5,6 +5,7 @@
   >
     <ProgressSpinner v-if="loading" />
     <div v-else>
+      <!-- Topline version info -->
       <p>
         <strong>{{ $t('serverConfig.acapyVersion') }}</strong>
         {{ serverConfig?.config?.version }}
@@ -12,11 +13,14 @@
       <p>
         <strong>{{ $t('serverConfig.tractionProxy') }}</strong>
         {{ config.frontend.tenantProxyPath }}
-        <a :href="swaggerUrl" target="_blank"> <i class="pi pi-external-link ml-2" /> </a>
+        <a :href="swaggerUrl" target="_blank">
+          <i class="pi pi-external-link ml-2" />
+        </a>
       </p>
 
       <div class="grid mt-3">
         <div class="col">
+          <!-- Traction cfg - ledger -->
           <Fieldset
             :legend="$t('serverConfig.ledger.ledgerDetails')"
             :toggleable="true"
@@ -39,8 +43,46 @@
             </p>
           </Fieldset>
 
+          <!-- Traction cfg - storage -->
+          <Fieldset
+            class="mt-4"
+            :legend="$t('serverConfig.storage.title')"
+            :toggleable="true"
+          >
+            <p class="mt-0">
+              <strong>{{
+                $t('serverConfig.storage.walletStorageConfig')
+              }}</strong>
+              {{ serverConfig?.config?.['wallet.storage_config'] }}
+            </p>
+            <p>
+              <strong>{{
+                $t('serverConfig.storage.walletStorageType')
+              }}</strong>
+              {{ serverConfig?.config?.['wallet.storage_type'] }}
+            </p>
+            <p>
+              <strong>{{ $t('serverConfig.storage.walletType') }}</strong>
+              {{ serverConfig?.config?.['wallet.type'] }}
+            </p>
+            <p>
+              <strong>{{
+                $t('serverConfig.storage.multitenantWalletName')
+              }}</strong>
+              {{ serverConfig?.config?.['multitenant.wallet_name'] }}
+            </p>
+            <p>
+              <strong>{{
+                $t('serverConfig.storage.multitenantWalletType')
+              }}</strong>
+              {{ serverConfig?.config?.['multitenant.wallet_type'] }}
+            </p>
+          </Fieldset>
+
+          <!-- Plugins from API call to get them -->
           <PluginList class="mt-4" />
 
+          <!-- Traction cfg - raw json -->
           <Accordion class="mt-4">
             <AccordionTab :header="$t('serverConfig.expand')">
               <div v-if="loading" class="flex justify-content-center">
@@ -52,21 +94,113 @@
         </div>
 
         <div class="col">
+          <!-- Details about tenants/reservations -->
           <Fieldset
+            :legend="$t('serverConfig.tenants.title')"
+            :toggleable="true"
+          >
+            <p class="mt-0">
+              <strong>{{ $t('serverConfig.tenants.token') }}</strong>
+              {{
+                serverConfig?.config?.plugin_config?.multitenant_provider
+                  ?.token_expiry?.amount
+              }}
+              {{
+                serverConfig?.config?.plugin_config?.multitenant_provider
+                  ?.token_expiry?.units
+              }}
+            </p>
+            <h3>{{ $t('serverConfig.tenants.reservation') }}</h3>
+            <p>
+              <strong>{{
+                $t('serverConfig.tenants.reservationExpiry')
+              }}</strong>
+              {{
+                serverConfig?.config?.plugin_config?.traction_innkeeper
+                  ?.reservation?.expiry_minutes
+              }}
+            </p>
+            <p>
+              <strong>{{
+                $t('serverConfig.tenants.reservationAutoApprove')
+              }}</strong>
+              {{
+                serverConfig?.config?.plugin_config?.traction_innkeeper
+                  ?.reservation?.auto_approve
+              }}
+            </p>
+            <p>
+              <strong>{{
+                $t('serverConfig.tenants.reservationAutoIssuer')
+              }}</strong>
+              {{
+                serverConfig?.config?.plugin_config?.traction_innkeeper
+                  ?.reservation?.auto_issuer
+              }}
+            </p>
+            <p class="">
+              <strong>{{ $t('serverConfig.tenants.reservationOidc') }}</strong>
+              {{ config.frontend.showOIDCReservationLogin }}
+            </p>
+            <div class="grid mt-0">
+              <div class="col xl:col-8">
+                <Accordion>
+                  <AccordionTab
+                    :header="$t('serverConfig.tenants.reservationForm')"
+                  >
+                    <div v-if="loading" class="flex justify-content-center">
+                      <ProgressSpinner />
+                    </div>
+                    <vue-json-pretty v-else :data="resFormData" />
+                  </AccordionTab>
+                </Accordion>
+              </div>
+            </div>
+          </Fieldset>
+
+          <!-- Specific Tenant UI cfg fields -->
+          <Fieldset
+            class="mt-4"
             :legend="$t('serverConfig.tenantUi.tenantUi')"
             :toggleable="true"
           >
-            <p class="m-0"></p>
+            <p class="mt-0">
+              <strong>{{ $t('serverConfig.tenantUi.showWrite') }}</strong>
+              {{ config.frontend.showWritableComponents }}
+            </p>
+            <p>
+              <strong>{{ $t('serverConfig.tenantUi.sessionExpiry') }}</strong>
+              {{
+                $t('serverConfig.tenantUi.sessionExpiryVal', [
+                  config.frontend.session?.timeoutSeconds,
+                  config.frontend.session?.countdownSeconds,
+                ])
+              }}
+            </p>
+            <p>
+              <strong>{{ $t('serverConfig.tenantUi.oidc') }}</strong>
+              {{ config.frontend.oidc?.authority }}
+            </p>
           </Fieldset>
+
+          <!-- Tenant UI config endpoint raw json -->
+          <Accordion class="mt-4">
+            <AccordionTab :header="$t('serverConfig.tenantUi.expand')">
+              <div v-if="loading" class="flex justify-content-center">
+                <ProgressSpinner />
+              </div>
+              <vue-json-pretty v-else :data="config" />
+            </AccordionTab>
+          </Accordion>
         </div>
       </div>
     </div>
-    <vue-json-pretty :data="config" />
   </MainCardContent>
 </template>
 
 <script setup lang="ts">
 // Imports
+import axios from 'axios';
 import Accordion from 'primevue/accordion';
 import AccordionTab from 'primevue/accordiontab';
 import Column from 'primevue/column';
@@ -92,11 +226,17 @@ onMounted(async () => {
   loadConfig();
 });
 
+let resFormData: any;
+
 const loadConfig = async () => {
   innkeeperTenantsStore.getServerConfig().catch((err: string) => {
     console.error(err);
     toast.error(`Failure: ${err}`);
   });
+
+  // use axios to get forms/reservation.json from the root url
+  const response = await axios.get('/forms/reservation.json');
+  resFormData = response.data;
 };
 
 const ledgerConfigList = computed(() => {
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
index 3aecde359..e8724a06b 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/en.json
@@ -363,11 +363,6 @@
       "title": "Reservation Approved",
       "toast": "Reservation Approved for {email}"
     },
-    "refreshed": {
-      "text": "The Check-In password has been re-sent to {email}",
-      "title": "Password Refreshed",
-      "toast": "Password Refreshed for {email}"
-    },
     "approveRequest": "Approve Request",
     "checkJunkFolder": "(Please check your junk/spam folder before contacting us, as it is very common to have the email delivery problems because of automated filters.)",
     "contactEmail": "Contact Email",
@@ -380,7 +375,6 @@
       "toast": "Reservation Denied for {email}"
     },
     "denyRequest": "Deny Request",
-    "refreshPassword": "Refresh Password",
     "emailSentTo": "An email has also been sent to {0} with the reservation number below.",
     "enterPassword": "Please enter the reservation password below to validate your account.",
     "history": "History",
@@ -390,6 +384,12 @@
     "passwordAvailable": "The reservation password is visible below, please use it to complete your check-in.",
     "passwordValid48Hours": "The reservation password is only valid for 48 hours from the time it was sent to your email address.",
     "pending!": "PENDING!",
+    "refreshed": {
+      "text": "The Check-In password has been re-sent to {email}",
+      "title": "Password Refreshed",
+      "toast": "Password Refreshed for {email}"
+    },
+    "refreshPassword": "Refresh Password",
     "requestDeclined": "We regret to inform you that your request has been declined.",
     "requestProcessingTime": "It ususally takes 3-4 business days to process a request. Thanks for your patience.",
     "requestReservedOn": "Your request has been received on {0}",
@@ -424,11 +424,34 @@
       "ledgerList": "Ledger List",
       "quickConnect": "Tenant UI quick-connect endorser:"
     },
-    "tractionProxy": "Traction Proxy URL:",
     "serverConfig": "Server Configuration",
+    "storage": {
+      "multitenantWalletName": "Multitenant Wallet Name:",
+      "multitenantWalletType": "Multitenant Wallet Type:",
+      "title": "Storage",
+      "walletStorageConfig": "Wallet Storage Config:",
+      "walletStorageType": "Wallet Storage Type:",
+      "walletType": "Wallet Type:"
+    },
+    "tenants": {
+      "reservation": "Reservation",
+      "reservationAutoApprove": "Auto approve reservations:",
+      "reservationAutoIssuer": "Auto issuance approval:",
+      "reservationExpiry": "Reservation expiry (minutes):",
+      "reservationForm": "Reservation Form",
+      "reservationOidc": "OIDC login requried for reservation:",
+      "title": "Tenants/Reservations",
+      "token": "Token Expiry:"
+    },
     "tenantUi": {
+      "expand": "Show Full Tenant UI Frontend Config",
+      "oidc": "OIDC Endpoint:",
+      "sessionExpiry": "Frontend session expiry:",
+      "sessionExpiryVal": "{0} seconds (Countdown: {1} seconds)",
+      "showWrite": "Show 'Write' Components:",
       "tenantUi": "Tenant UI"
-    }
+    },
+    "tractionProxy": "Traction Proxy URL:"
   },
   "session": {
     "countdown": "You are going to be logged out in { seconds } seconds...",
@@ -490,13 +513,13 @@
       "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID",
       "canConnectEndorser": "Tenant allowed to connect to Endorser",
       "canRegisterDid": "Tenant allowed to register public DID",
+      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below",
+      "deleteTenant": "Delete Tenant",
       "editSettings": "Edit Tenant Config",
       "enableLedgerSwitch": "Tenant can switch endorser/ledger",
       "endorserAlias": "Endorser Alias:",
       "ledgerName": "Ledger Name:",
-      "success": "Tenant Config Updated",
-      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below",
-      "deleteTenant": "Delete Tenant"
+      "success": "Tenant Config Updated"
     },
     "tenants": "Tenants"
   },
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
index 5b9a990ae..b8de21e0e 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/fr.json
@@ -200,7 +200,8 @@
       "typeMultiUse": "Multi Use Invitation <FR>",
       "typeOob": "Out-of-Band <FR>",
       "typeSingleMulti": "Single/Multi <FR>",
-      "typeSingleUse": "Single Use Invitation <FR>"
+      "typeSingleUse": "Single Use Invitation <FR>",
+      "create": "Create Invitation <FR>"
     },
     "invitations": {
       "create": "Create Invitation <FR>",
@@ -362,11 +363,6 @@
       "title": "Reservation Approved <FR>",
       "toast": "Reservation Approved for {email} <FR>"
     },
-    "refreshed": {
-      "text": "The Check-In password has been re-sent to {email} <FR>",
-      "title": "Password Refreshed <FR>",
-      "toast": "Password Refreshed for {email} <FR>"
-    },
     "approveRequest": "Approve Request <FR>",
     "checkJunkFolder": "(Please check your junk/spam folder before contacting us, as it is very common to have the email delivery problems because of automated filters.) <FR>",
     "contactEmail": "Contact Email <FR>",
@@ -379,7 +375,6 @@
       "toast": "Reservation Denied for {email} <FR>"
     },
     "denyRequest": "Deny Request <FR>",
-    "refreshPassword": "Refresh Password <FR>",
     "emailAddress": "Email Address <FR>",
     "emailSentTo": "An email has also been sent to {0} with the reservation number below. <FR>",
     "enterPassword": "Please enter the reservation password below to validate your account. <FR>",
@@ -390,6 +385,12 @@
     "passwordAvailable": "The reservation password is visible below, please use it to complete your check-in. <FR>",
     "passwordValid48Hours": "The reservation password is only valid for 48 hours from the time it was sent to your email address. <FR>",
     "pending!": "PENDING! <FR>",
+    "refreshed": {
+      "text": "The Check-In password has been re-sent to {email} <FR>",
+      "title": "Password Refreshed <FR>",
+      "toast": "Password Refreshed for {email} <FR>"
+    },
+    "refreshPassword": "Refresh Password <FR>",
     "requestDeclined": "We regret to inform you that your request has been declined. <FR>",
     "requestProcessingTime": "It ususally takes 3-4 business days to process a request. Thanks for your patience. <FR>",
     "requestReservedOn": "Your request has been received on {0} <FR>",
@@ -478,15 +479,16 @@
       "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID <FR>",
       "canConnectEndorser": "Tenant allowed to connect to Endorser <FR>",
       "canRegisterDid": "Tenant allowed to register public DID <FR>",
+      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below <FR>",
+      "deleteTenant": "Delete Tenant <FR>",
       "editSettings": "Edit Tenant Config <FR>",
       "enableLedgerSwitch": "Tenant can switch endorser/ledger <FR>",
       "endorserAlias": "Endorser Alias <FR>",
       "ledgerName": "Ledger Name <FR>",
-      "success": "Tenant Config Updated <FR>",
-      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below <FR>",
-      "deleteTenant": "Delete Tenant <FR>"
+      "success": "Tenant Config Updated <FR>"
     },
-    "tenants": "Tenants <FR>"
+    "tenants": "Tenants <FR>",
+    "search": "Search Tenants <FR>"
   },
   "verifier": {
     "attributeRestrictionsSatisfied": "All attribute restrictions were satisfied <FR>",
@@ -513,5 +515,43 @@
     "presentationRequestBody": "Proof Request <FR>",
     "verification": "Verification <FR>",
     "verifications": "Verifications <FR>"
+  },
+  "serverConfig": {
+    "acapyVersion": "ACA-Py Version: <FR>",
+    "expand": "Show full ACA-Py server config <FR>",
+    "ledger": {
+      "default": "Default base ledger: <FR>",
+      "ledgerDetails": "Ledger Details <FR>",
+      "ledgerList": "Ledger List <FR>",
+      "quickConnect": "Tenant UI quick-connect endorser: <FR>"
+    },
+    "serverConfig": "Server Configuration <FR>",
+    "storage": {
+      "multitenantWalletName": "Multitenant Wallet Name: <FR>",
+      "multitenantWalletType": "Multitenant Wallet Type: <FR>",
+      "title": "Storage <FR>",
+      "walletStorageConfig": "Wallet Storage Config: <FR>",
+      "walletStorageType": "Wallet Storage Type: <FR>",
+      "walletType": "Wallet Type: <FR>"
+    },
+    "tenants": {
+      "reservation": "Reservation <FR>",
+      "reservationAutoApprove": "Auto approve reservations: <FR>",
+      "reservationAutoIssuer": "Auto issuance approval: <FR>",
+      "reservationExpiry": "Reservation expiry (minutes): <FR>",
+      "reservationForm": "Reservation Form <FR>",
+      "reservationOidc": "OIDC login requried for reservation: <FR>",
+      "title": "Tenants/Reservations <FR>",
+      "token": "Token Expiry: <FR>"
+    },
+    "tenantUi": {
+      "expand": "Show Full Tenant UI Frontend Config <FR>",
+      "oidc": "OIDC Endpoint: <FR>",
+      "sessionExpiry": "Frontend session expiry: <FR>",
+      "sessionExpiryVal": "{0} seconds (Countdown: {1} seconds) <FR>",
+      "showWrite": "Show 'Write' Components: <FR>",
+      "tenantUi": "Tenant UI <FR>"
+    },
+    "tractionProxy": "Traction Proxy URL: <FR>"
   }
 }
\ No newline at end of file
diff --git a/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json b/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
index c1ef33f81..15be8b2e3 100644
--- a/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
+++ b/services/tenant-ui/frontend/src/plugins/i18n/locales/ja.json
@@ -200,7 +200,8 @@
       "typeMultiUse": "Multi Use Invitation <JA>",
       "typeOob": "Out-of-Band <JA>",
       "typeSingleMulti": "Single/Multi <JA>",
-      "typeSingleUse": "Single Use Invitation <JA>"
+      "typeSingleUse": "Single Use Invitation <JA>",
+      "create": "Create Invitation <JA>"
     },
     "invitations": {
       "create": "Create Invitation <JA>",
@@ -362,12 +363,6 @@
       "title": "Reservation Approved <JA>",
       "toast": "Reservation Approved for {email} <JA>"
     },
-
-    "refreshed": {
-      "text": "The Check-In password has been re-sent to {email} <JA>",
-      "title": "Password Refreshed <JA>",
-      "toast": "Password Refreshed for {email} <JA>"
-    },
     "approveRequest": "Approve Request <JA>",
     "checkJunkFolder": "(Please check your junk/spam folder before contacting us, as it is very common to have the email delivery problems because of automated filters.) <JA>",
     "contactEmail": "Contact Email <JA>",
@@ -380,7 +375,6 @@
       "toast": "Reservation Denied for {email} <JA>"
     },
     "denyRequest": "Deny Request <JA>",
-    "refreshPassword": "Refresh Password <JA>",
     "emailAddress": "Email Address <JA>",
     "emailSentTo": "An email has also been sent to {0} with the reservation number below. <JA>",
     "enterPassword": "Please enter the reservation password below to validate your account. <JA>",
@@ -391,6 +385,12 @@
     "passwordAvailable": "The reservation password is visible below, please use it to complete your check-in. <JA>",
     "passwordValid48Hours": "The reservation password is only valid for 48 hours from the time it was sent to your email address. <JA>",
     "pending!": "PENDING! <JA>",
+    "refreshed": {
+      "text": "The Check-In password has been re-sent to {email} <JA>",
+      "title": "Password Refreshed <JA>",
+      "toast": "Password Refreshed for {email} <JA>"
+    },
+    "refreshPassword": "Refresh Password <JA>",
     "requestDeclined": "We regret to inform you that your request has been declined. <JA>",
     "requestProcessingTime": "It ususally takes 3-4 business days to process a request. Thanks for your patience. <JA>",
     "requestReservedOn": "Your request has been received on {0} <JA>",
@@ -479,15 +479,16 @@
       "canBecomeIssuer": "Tenant can become issuer, i.e connect to endorser and register DID <JA>",
       "canConnectEndorser": "Tenant allowed to connect to Endorser <JA>",
       "canRegisterDid": "Tenant allowed to register public DID <JA>",
+      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below <JA>",
+      "deleteTenant": "Delete Tenant <JA>",
       "editSettings": "Edit Tenant Config <JA>",
       "enableLedgerSwitch": "Tenant can switch endorser/ledger <JA>",
       "endorserAlias": "Endorser Alias <JA>",
       "ledgerName": "Ledger Name <JA>",
-      "success": "Tenant Config Updated <JA>",
-      "confirmDeletion": "To confirm, type \"{tenantName}\" in the box below <JA>",
-      "deleteTenant": "Delete Tenant <JA>"
+      "success": "Tenant Config Updated <JA>"
     },
-    "tenants": "Tenants <JA>"
+    "tenants": "Tenants <JA>",
+    "search": "Search Tenants <JA>"
   },
   "verifier": {
     "attributeRestrictionsSatisfied": "All attribute restrictions were satisfied <JA>",
@@ -514,5 +515,43 @@
     "presentationRequestBody": "Proof Request <JA>",
     "verification": "Verification <JA>",
     "verifications": "Verifications <JA>"
+  },
+  "serverConfig": {
+    "acapyVersion": "ACA-Py Version: <JA>",
+    "expand": "Show full ACA-Py server config <JA>",
+    "ledger": {
+      "default": "Default base ledger: <JA>",
+      "ledgerDetails": "Ledger Details <JA>",
+      "ledgerList": "Ledger List <JA>",
+      "quickConnect": "Tenant UI quick-connect endorser: <JA>"
+    },
+    "serverConfig": "Server Configuration <JA>",
+    "storage": {
+      "multitenantWalletName": "Multitenant Wallet Name: <JA>",
+      "multitenantWalletType": "Multitenant Wallet Type: <JA>",
+      "title": "Storage <JA>",
+      "walletStorageConfig": "Wallet Storage Config: <JA>",
+      "walletStorageType": "Wallet Storage Type: <JA>",
+      "walletType": "Wallet Type: <JA>"
+    },
+    "tenants": {
+      "reservation": "Reservation <JA>",
+      "reservationAutoApprove": "Auto approve reservations: <JA>",
+      "reservationAutoIssuer": "Auto issuance approval: <JA>",
+      "reservationExpiry": "Reservation expiry (minutes): <JA>",
+      "reservationForm": "Reservation Form <JA>",
+      "reservationOidc": "OIDC login requried for reservation: <JA>",
+      "title": "Tenants/Reservations <JA>",
+      "token": "Token Expiry: <JA>"
+    },
+    "tenantUi": {
+      "expand": "Show Full Tenant UI Frontend Config <JA>",
+      "oidc": "OIDC Endpoint: <JA>",
+      "sessionExpiry": "Frontend session expiry: <JA>",
+      "sessionExpiryVal": "{0} seconds (Countdown: {1} seconds) <JA>",
+      "showWrite": "Show 'Write' Components: <JA>",
+      "tenantUi": "Tenant UI <JA>"
+    },
+    "tractionProxy": "Traction Proxy URL: <JA>"
   }
 }
\ No newline at end of file