recognize suspended credentials in UI

Signed-off-by: F-Node-Karlsruhe <christian.fries@eecc.de>
european-epc-competence-center · Sep 1, 2023 · e76db3f · e76db3f
1 parent 847b899
commit e76db3f
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/frontend/src/components/Credential.vue b/frontend/src/components/Credential.vue
@@ -33,10 +33,12 @@
                         :data-bs-title="credential.status ? credential.status : 'Verifying...'">
                         <i v-if="credential.verified == true" style="font-size: 1.25rem;"
                             class="bi bi-check-circle-fill text-success" role="img" aria-label="Verified"></i>
-                        <i v-else-if="credential.verified == false && !credential.revoked" style="font-size: 1.25rem;"
-                            class="bi bi-x-circle-fill text-danger" role="img" aria-label="Unverified"></i>
                         <i v-else-if="credential.revoked" style="font-size: 1.25rem;"
-                            class="bi bi-sign-turn-left text-warning" role="img" aria-label="Revoked"></i>
+                            class="bi bi-sign-turn-left text-danger" role="img" aria-label="Revoked"></i>
+                        <i v-else-if="credential.suspended" style="font-size: 1.25rem;"
+                            class="bi bi-clock-history text-warning" role="img" aria-label="Suspended"></i>
+                        <i v-else-if="credential.verified == false" style="font-size: 1.25rem;"
+                            class="bi bi-x-circle-fill text-danger" role="img" aria-label="Unverified"></i>
                         <div v-else class="spinner-border text-secondary" role="status"
                             style="width: 1.25rem; height: 1.25rem;">
                             <span class="visually-hidden">Verifying...</span>
@@ -237,8 +239,8 @@ export default {
                 });
         },
         getStateColor(credential) {
-            if (credential.revoked) return 'warning';
-            if (!credential.verified) return 'error';
+            if (credential.suspended) return 'warning';
+            if (!credential.verified || credential.revoked) return 'danger';
             return 'success';
         },
         downloadCredential(credential) {

diff --git a/frontend/src/utils.js b/frontend/src/utils.js
@@ -21,6 +21,7 @@ export function getPlainCredential(credential) {
     var clean_credential = { ...credential };
     delete clean_credential.verified;
     delete clean_credential.revoked;
+    delete clean_credential.suspended;
     delete clean_credential.status;
     delete clean_credential.presentation;
     delete clean_credential.context;

diff --git a/frontend/src/views/Verify.vue b/frontend/src/views/Verify.vue
@@ -176,9 +176,20 @@ export default {
 
                 if (result.statusResult && !result.statusResult.verified) {
 
-                    credentialResult.revoked = true;
+                    // TODO also make status arrays recognize suspension
+                    if (credential.credentialStatus.statusPurpose && credential.credentialStatus.statusPurpose == 'suspension') {
 
-                    message = 'Credential revoked!';
+                        credentialResult.suspended = true;
+
+                        message = 'Credential suspended!';
+
+                    } else {
+
+                        credentialResult.revoked = true;
+
+                        message = 'Credential revoked!';
+
+                    }
 
                 }