Feature flags 717

services/tenant-ui/config/default.json

@@ -7,6 +7,7 @@
     "showInnkeeperReservationPassword": true,
     "showInnkeeperAdminLogin": true,
     "showOIDCReservationLogin": false,
+    "showWritableComponents": true,
     "oidc": {
       "active": false,
       "authority": "https://dev.loginproxy.gov.bc.ca/auth/realms/digitaltrust-nrm",

services/tenant-ui/frontend/src/components/connections/Connections.vue

@@ -45,13 +45,17 @@
             :connection-name="data.alias"
           />
           <Button
+            v-if="config.frontend.showWritableComponents"
             title="Delete Contact"
             icon="pi pi-trash"
             class="p-button-rounded p-button-icon-only p-button-text"
             :disabled="deleteDisabled(data.alias)"
             @click="deleteContact($event, data.connection_id)"
           />
-          <EditContact :connection-id="data.connection_id" />
+          <EditContact
+            v-if="config.frontend.showWritableComponents"
+            :connection-id="data.connection_id"
+          />
         </template>
       </Column>
       <Column
@@ -160,6 +164,10 @@ import StatusChip from '../common/StatusChip.vue';
 import { TABLE_OPT, API_PATH } from '@/helpers/constants';
 import { formatDateLong } from '@/helpers';
 
+// State
+import { useConfigStore } from '@/store/configStore';
+const { config } = storeToRefs(useConfigStore());
+
 const confirm = useConfirm();
 const toast = useToast();
 

services/tenant-ui/frontend/src/components/connections/messageContact/MessageContact.vue

@@ -10,7 +10,10 @@
       :connection-id="props.connectionId"
       :connection-name="props.connectionName"
     />
-    <div class="p-inputgroup flex-1 send-message">
+    <div
+      v-if="config.frontend.showWritableComponents"
+      class="p-inputgroup flex-1 send-message"
+    >
       <InputText
         v-model="message"
         type="text"
@@ -36,6 +39,10 @@ import MessageContactList from './MessageContactList.vue';
 
 // State
 import { useMessageStore } from '@/store';
+import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
+
+const { config } = storeToRefs(useConfigStore());
 
 const messageStore = useMessageStore();
 

services/tenant-ui/frontend/src/components/issuance/CredentialDefinitions.vue

@@ -37,6 +37,7 @@
       <Column :sortable="false" header="Actions">
         <template #body="{ data }">
           <Button
+            v-if="config.frontend.showWritableComponents"
             title="Delete Credential Definition"
             icon="pi pi-trash"
             class="p-button-rounded p-button-icon-only p-button-text"
@@ -129,6 +130,7 @@ import { useToast } from 'vue-toastification';
 // State
 import { useGovernanceStore } from '../../store';
 import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
 // Custom components
 import RowExpandData from '../common/RowExpandData.vue';
 import { TABLE_OPT, API_PATH } from '@/helpers/constants';
@@ -138,6 +140,8 @@ import MainCardContent from '../layout/mainCard/MainCardContent.vue';
 const confirm = useConfirm();
 const toast = useToast();
 
+const { config } = storeToRefs(useConfigStore());
+
 const governanceStore = useGovernanceStore();
 const { loading, storedCredDefs } = storeToRefs(useGovernanceStore());
 

services/tenant-ui/frontend/src/components/issuance/IssuedCredentials.vue

@@ -21,7 +21,7 @@
       <template #header>
         <div class="flex justify-content-between">
           <div class="flex justify-content-start">
-            <OfferCredential />
+            <OfferCredential v-if="config.frontend.showWritableComponents" />
           </div>
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -142,6 +142,7 @@ import { Ref, computed, onMounted, ref } from 'vue';
 // State
 import { useContactsStore, useIssuerStore } from '@/store';
 import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
 // PrimeVue/etc
 import { FilterMatchMode } from 'primevue/api';
 import Column from 'primevue/column';
@@ -159,6 +160,8 @@ import DeleteCredentialExchangeButton from './deleteCredential/DeleteCredentialE
 import RevokeCredentialButton from './deleteCredential/RevokeCredentialButton.vue';
 import OfferCredential from './offerCredential/OfferCredential.vue';
 
+const { config } = storeToRefs(useConfigStore());
+
 const toast = useToast();
 
 const { listContacts, findConnectionName } = useContactsStore();

services/tenant-ui/frontend/src/components/issuance/Schemas.vue

@@ -22,8 +22,11 @@
       <template #header>
         <div class="flex justify-content-between">
           <div class="flex justify-content-start">
-            <CreateSchema />
-            <CopySchema class="ml-4" />
+            <CreateSchema v-if="config.frontend.showWritableComponents" />
+            <CopySchema
+              v-if="config.frontend.showWritableComponents"
+              class="ml-4"
+            />
           </div>
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -173,6 +176,10 @@ import RowExpandData from '../common/RowExpandData.vue';
 import { TABLE_OPT, API_PATH } from '@/helpers/constants';
 import { formatDateLong } from '@/helpers';
 
+// State
+import { useConfigStore } from '@/store/configStore';
+const { config } = storeToRefs(useConfigStore());
+
 const confirm = useConfirm();
 const toast = useToast();
 

services/tenant-ui/frontend/src/components/messages/Messages.vue

@@ -20,7 +20,10 @@
       <template #header>
         <div class="flex justify-content-between">
           <div class="flex justify-content-start">
-            <CreateMessage @success="loadTable" />
+            <CreateMessage
+              v-if="config.frontend.showWritableComponents"
+              @success="loadTable"
+            />
           </div>
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -133,6 +136,10 @@ import MainCardContent from '../layout/mainCard/MainCardContent.vue';
 import CreateMessage from './createMessage/CreateMessage.vue';
 import LoadingLabel from '../common/LoadingLabel.vue';
 
+// State
+import { useConfigStore } from '@/store/configStore';
+const { config } = storeToRefs(useConfigStore());
+
 const toast = useToast();
 
 const messageStore = useMessageStore();

services/tenant-ui/frontend/src/components/oca/Oca.vue

@@ -20,7 +20,7 @@
       <template #header>
         <div class="flex justify-content-between">
           <div class="flex justify-content-start">
-            <CreateOca />
+            <CreateOca v-if="config.frontend.showWritableComponents" />
           </div>
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -39,6 +39,7 @@
       <Column :sortable="false" header="Actions">
         <template #body="{ data }">
           <Button
+            v-if="config.frontend.showWritableComponents"
             title="Delete Credential Definition"
             icon="pi pi-trash"
             class="p-button-rounded p-button-icon-only p-button-text"
@@ -122,6 +123,8 @@ import { useToast } from 'vue-toastification';
 // State
 import { useGovernanceStore } from '../../store';
 import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
+const { config } = storeToRefs(useConfigStore());
 // Custom components
 import CreateOca from './createOca/CreateOca.vue';
 import MainCardContent from '../layout/mainCard/MainCardContent.vue';

services/tenant-ui/frontend/src/components/verifier/Presentations.vue

@@ -23,7 +23,7 @@
     >
       <template #header>
         <div class="flex justify-content-between">
-          <CreateRequest />
+          <CreateRequest v-if="config.frontend.showWritableComponents" />
 
           <div class="flex justify-content-end">
             <span class="p-input-icon-left">
@@ -42,9 +42,15 @@
       <Column :sortable="false" :header="$t('common.actions')">
         <template #body="{ data }">
           <div class="flex">
-            <DeleteExchangeRecord :record-id="data.presentation_exchange_id" />
+            <DeleteExchangeRecord
+              v-if="config.frontend.showWritableComponents"
+              :record-id="data.presentation_exchange_id"
+            />
             <CreateRequest
-              v-if="data.role === 'verifier'"
+              v-if="
+                data.role === 'verifier' &&
+                config.frontend.showWritableComponents
+              "
               :existing-pres-req="data.presentation_request"
               icon-display
             />
@@ -104,6 +110,7 @@ import { useToast } from 'vue-toastification';
 // State
 import { useContactsStore, useVerifierStore } from '@/store';
 import { storeToRefs } from 'pinia';
+import { useConfigStore } from '@/store/configStore';
 // Components
 import MainCardContent from '@/components/layout/mainCard/MainCardContent.vue';
 import CreateRequest from './createPresentationRequest/CreateRequest.vue';
@@ -124,6 +131,7 @@ const { contacts } = storeToRefs(useContactsStore());
 const { loading, presentations, selectedPresentation } = storeToRefs(
   useVerifierStore()
 );
+const { config } = storeToRefs(useConfigStore());
 
 const loadTable = async () => {
   verifierStore.listPresentations().catch((err) => {