Merge pull request #321 from amosproj/added-non-supported-to-revocable

cred-def-create: added not supported to revocable
amosproj · Jul 25, 2022 · 72dfc41 · 72dfc41
2 parents 6f4c02c + ad256fd
commit 72dfc41
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 16 deletions.
diff --git a/...alIdentity-frontend/src/app/pages/credential/create-credDef/create-cred-def.component.css b/...alIdentity-frontend/src/app/pages/credential/create-credDef/create-cred-def.component.css
@@ -12,5 +12,9 @@
 }
 
 .revocable-tickbox {
-  padding-bottom: 1.3rem;
+  padding-bottom: 0.5rem;
 }
+
+#revocable-container {
+  margin-bottom: 1rem;
+}
diff --git a/...lIdentity-frontend/src/app/pages/credential/create-credDef/create-cred-def.component.html b/...lIdentity-frontend/src/app/pages/credential/create-credDef/create-cred-def.component.html
@@ -33,20 +33,29 @@
         />
       </mat-form-field>
 
-      <mat-checkbox
-        class="revocable-tickbox"
-        color="primary"
-        ngDefaultControl
-        name="revocable"
-        [checked]="credDefFormGroup.value['revocable']"
-        (change)="
-          credDefFormGroup.controls['revocable'].setValue(
-            !credDefFormGroup.value['revocable']
-          )
-        "
-      >
-        Revocable
-      </mat-checkbox>
+      <div id="revocable-container" class="flex-row">
+        <mat-checkbox
+          class="revocable-tickbox"
+          color="primary"
+          ngDefaultControl
+          name="revocable"
+          [checked]="credDefFormGroup.value['revocable']"
+          [disabled]="true"
+          (change)="
+            credDefFormGroup.controls['revocable'].setValue(
+              !credDefFormGroup.value['revocable']
+            )
+          "
+        >
+          Revocable
+        </mat-checkbox>
+        <div class="flex-row">
+          <mat-icon [ngStyle]="{ color: 'orange', opacity: '1' }"
+            >warning</mat-icon
+          >
+          <span class="aligned-with-icon">Not supported by lissi yet.</span>
+        </div>
+      </div>
 
       <div>
         <div
@@ -72,7 +81,7 @@
           >
             Select image
           </button>
-          <br>
+          <br />
           <span [innerHtml]="fileName" *ngIf="fileName"></span>
           <mat-icon [ngStyle]="{ color: 'orange', opacity: '1' }"
             >warning</mat-icon