From f76af324a010710eac591a4eee8dd6dec9056147 Mon Sep 17 00:00:00 2001
From: Pablo Bonilla <pbonilla29@hotmail.com>
Date: Thu, 15 Jul 2021 22:26:34 -0600
Subject: [PATCH] Add icon for survey access

---
 .../entities/encuesta/list/encuesta.component.html   | 12 +++++++++---
 .../app/entities/encuesta/list/encuesta.component.ts |  4 +++-
 .../scss/paper-dashboard/_datasurvey-list.scss       | 12 ++++++++++--
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
index 0ae732e..cc67ad2 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.html
@@ -81,12 +81,18 @@
         </div>
       </div>
 
+      <br />
+      <br />
       <br />
       <span>{{ encuesta.fechaCreacion | formatMediumDatetime }}</span>
-      <span>{{ encuesta.calificacion }}</span>
-      <span>{{ encuesta.acceso }}</span>
+      <!-- <span>{{ encuesta.calificacion }}</span> -->
 
-      <span class="title">{{ encuesta.nombre }}</span>
+      <span *ngIf="encuesta.acceso == 'PUBLIC'" class="title"
+        ><fa-icon class="entity-icon--access" [icon]="faUnlock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre }}</span
+      >
+      <span *ngIf="encuesta.acceso == 'PRIVATE'" class="title"
+        ><fa-icon class="entity-icon--access" [icon]="faLock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre }}</span
+      >
       <span class="subtitle">{{ encuesta.descripcion }}</span>
 
       <!-- <p>
diff --git a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
index 6910812..2c8d0bd 100644
--- a/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
+++ b/src/main/webapp/app/entities/encuesta/list/encuesta.component.ts
@@ -23,7 +23,7 @@ import { AccountService } from 'app/core/auth/account.service';
 import { Account } from 'app/core/auth/account.model';
 import { Router } from '@angular/router';
 
-import { faShareAlt } from '@fortawesome/free-solid-svg-icons';
+import { faShareAlt, faLock, faUnlock } from '@fortawesome/free-solid-svg-icons';
 
 import * as $ from 'jquery';
 
@@ -34,6 +34,8 @@ import * as $ from 'jquery';
 export class EncuestaComponent implements OnInit, AfterViewInit {
   // Icons
   faShareAlt = faShareAlt;
+  faLock = faLock;
+  faUnlock = faUnlock;
 
   account: Account | null = null;
   usuarioExtra: UsuarioExtra | null = null;
diff --git a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-list.scss b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-list.scss
index 7838751..8ea3ce0 100644
--- a/src/main/webapp/content/scss/paper-dashboard/_datasurvey-list.scss
+++ b/src/main/webapp/content/scss/paper-dashboard/_datasurvey-list.scss
@@ -40,6 +40,8 @@
     .title {
       color: rgba(0, 0, 0, 0.72);
       font-size: 0.9rem;
+      display: flex;
+      align-items: center;
     }
 
     .subtitle {
@@ -49,6 +51,7 @@
     .entity-header {
       display: flex;
       justify-content: space-between;
+      align-self: flex-start;
       position: relative;
       width: 100%;
     }
@@ -57,15 +60,20 @@
       border-radius: 50%;
       background-color: #f1f5f9;
       cursor: pointer;
-      width: 25px;
-      height: 25px;
       display: flex;
       justify-content: center;
       align-items: center;
       transition: background-color 0.2s ease-in-out;
+      width: 25px;
+      height: 25px;
       color: #313747;
     }
 
+    .entity-icon--access {
+      font-size: 0.8rem;
+      color: rgb(154, 156, 158);
+    }
+
     .entity-share:hover {
       background-color: #e3e6e9;
     }