changes in profile

src/app/modals/profile/profile.page.html

@@ -1,82 +1,71 @@
 <ion-content class=" bg-blue">
 
+  <div class="profile-header width-100">
+    <div class="div-logo">
+      <div class="logo height-fit-content">
+        <img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
+      </div>
+    </div>
+    <div class="btn-close d-flex" (click)="close()">
+      <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+    </div>
+  </div>
+
   <div class="profile-content">
 
-    <div class="d-flex justify-space-between align-center">
-      <div class="go-back d-flex align-center"  (click)="close()">
-        <ion-icon class="icon" src="assets/images/icons-calendar-arrow-left.svg"></ion-icon> <div>Perfil</div>
-      </div>
-
-      <!-- <div class="d-flex " (click)="close()">
-        <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
-      </div> -->
+    <div class="profile-title d-flex justify-content-center width-100">
+      <ion-label >{{loggeduser.RoleDescription}}</ion-label>
     </div>
 
-    <div >
-      <div class="d-flex align-center">
-        <ion-icon  class="profile-pic"  name="add-circle-outline"></ion-icon>
-      </div>
-    </div>
-
-    <div class="profile-info">
-      <div class="label-text">Dados Perfil</div>
-      <div class="user-role">{{loggeduser.RoleDescription}}</div>
-      <div class="email">{{loggeduser.Email}}</div>
-    </div>
-
-    <div class="login-preference" (mouseover)="checkState()" (click)="checkState()">
-      <div class="preference">Preferência Login</div>
-
-      <ion-row>
-        <ion-col class="align-center d-flex">
-          <div class="d-flex align-center"  (click)="LoginPreferenceMethod('pin')">
-            <ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
-            PIN
-          </div>
-
-        </ion-col>
-        <ion-col class="align-center d-flex">
-          <div (click)="addFingerprint()" class="d-flex align-center">
-            <ion-checkbox class="checkBox" [checked]="false"></ion-checkbox>
-            Impressão Digital
-          </div>
-        </ion-col>
-
-      </ion-row>
-
-    </div>
-
-    <div class="d-flex justify-center mt-10">
-      <ion-buttons slot="start" class="buttonSize" (click)="logout()" >
-        <ion-button class="btn-cancel buttonSize" fill="clear" style="background:#ffe0e0;" >
+    <div class="d-flex mt-10 width-100">
+      <ion-buttons slot="start" class="buttonSize" >
+        <button (click)="logout()" class="btn-delete" fill="clear" style="background:#ffe0e0;" >
           <ion-label style="color:#d30a0a;">Terminar sessão</ion-label>
-        </ion-button>
+        </button>
+        <button (click)="editProfile()" class="btn-cancel" fill="clear" color="#fff" >
+          <ion-label>Editar Perfil</ion-label>
+        </button>
       </ion-buttons>
     </div>
+    <div class="line"></div>
+  </div>
+  <div class="notifications-content">
+    <ion-label>2 novas notificações</ion-label>
+    <ion-list>
+      <div class="item cursor-pointer ion-no-padding ion-no-margin" lines="none">
+          <div class="item-content width-100">
+            <div class="notification-item">
+              <img class="notification-icon" slot="end" src="assets/images/icons-default-agenda.svg" >
+            </div>
+            <div class="approve-event-time">
+              <p>08:00</p>
+              <p>09:00</p>
+            </div>
+            <div class="approve-event-detail">
+              <p>Luanda | Palácio Presidencial</p>
+              <h3>Almoço de Família</h3>
+            </div>
+            <div class="notification-label"></div>
+          </div>
+        </div>
+        <div class="item cursor-pointer ion-no-padding ion-no-margin" lines="none">
+          <div class="item-content width-100">
+            <div class="notification-item">
+              <img class="notification-icon" slot="end" src="assets/images/icons-correspondencias.svg" >
+            </div>
+            <div class="approve-event-time">
+              <p>28-07-21</p>
+              <p>09:00</p>
+            </div>
+            <div class="approve-event-detail">
+              <h3>Relatório FMI</h3>
+              <p>Luanda | Palácio Presidencial</p>
+            </div>
+          </div>
+        </div>
+
+    </ion-list>
 
-    <div class="d-flex justify-center mt-10">
-      <ion-button (click)="addPin()" class="btn-ok  buttonSize" fill="clear" color="#fff" >
-        <ion-label>Alterar PIN</ion-label>
-      </ion-button>
-    </div>
   </div>
 
 </ion-content>
-
-<!-- <ion-footer class=" footer-container ion-no-border bg-blue">
-
-  <div class="d-flex justify-space-between">
-
-    <ion-buttons slot="start" (click)="close()">
-      <ion-button class="btn-cancel" fill="clear" color="#061b52" >
-        <ion-label>Cancelar</ion-label>
-      </ion-button>
-      </ion-buttons>
-      <ion-buttons slot="end" (click)="close()">
-        <ion-button class="btn-ok" fill="clear" color="#fff" >
-          <ion-label>Gravar</ion-label>
-        </ion-button>
-      </ion-buttons>
-  </div>
-
-</ion-footer> -->