From 76061e3f76dedd8472102df02b78647a7c959ed7 Mon Sep 17 00:00:00 2001
From: Anna Iosif <anna.iosif@me.com>
Date: Wed, 24 Jan 2024 13:59:01 +0100
Subject: [PATCH] 1070 hidden field indicator (#747)

* Adding https-icon to svg-library

* Adding indicator to private fields
---
 apps/web-mzima-client/src/app/core/enums/icons.ts      |  1 +
 .../src/app/post/post-edit/post-edit.component.html    |  7 +++++++
 .../src/app/post/post-edit/post-edit.component.scss    |  4 ++++
 apps/web-mzima-client/src/assets/icons/https.svg       | 10 ++++++++++
 4 files changed, 22 insertions(+)
 create mode 100644 apps/web-mzima-client/src/assets/icons/https.svg

diff --git a/apps/web-mzima-client/src/app/core/enums/icons.ts b/apps/web-mzima-client/src/app/core/enums/icons.ts
index e534c0f412..bcaed6f392 100644
--- a/apps/web-mzima-client/src/app/core/enums/icons.ts
+++ b/apps/web-mzima-client/src/app/core/enums/icons.ts
@@ -74,4 +74,5 @@ export enum Icons {
   infoCircle = 'info-circle',
   thumbUp = 'thumb-up',
   ellipses = 'ellipses',
+  https = 'https',
 }
diff --git a/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.html b/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.html
index 609e8dc25f..16cd3741e8 100644
--- a/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.html
+++ b/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.html
@@ -70,6 +70,13 @@ <h2 class="task-label">{{ task.translations[activeLanguage]?.label || task.label
             *ngFor="let field of task.fields | sortByField : 'priority' : 'asc'; let i = index"
           >
             <mat-label>
+              <mat-icon
+                aria-label="Field responses will be private"
+                *ngIf="field.response_private"
+                icon
+                svgIcon="https"
+                class="field__icon"
+              ></mat-icon>
               {{ field?.translations[activeLanguage]?.label || field?.label }}
               <span class="color-accent" *ngIf="field?.required">*</span>
             </mat-label>
diff --git a/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.scss b/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.scss
index 30b3551588..b64d8943a7 100644
--- a/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.scss
+++ b/apps/web-mzima-client/src/app/post/post-edit/post-edit.component.scss
@@ -61,6 +61,10 @@
     display: block;
     margin-bottom: 8px;
   }
+  .field__icon {
+    vertical-align: middle;
+    display: inline;
+  }
 }
 
 .tags {
diff --git a/apps/web-mzima-client/src/assets/icons/https.svg b/apps/web-mzima-client/src/assets/icons/https.svg
new file mode 100644
index 0000000000..584c741935
--- /dev/null
+++ b/apps/web-mzima-client/src/assets/icons/https.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3952_99703)">
+<path d="M18 8H17V6C17 3.24 14.76 1 12 1C9.24 1 7 3.24 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8ZM12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17ZM9 8V6C9 4.34 10.34 3 12 3C13.66 3 15 4.34 15 6V8H9Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_3952_99703">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>