peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 21:06:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-07-29 10:56:00 +01:00
parent 32017af732
commit 92d438b506
6 changed files with 105 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modals/profile/edit-profile/edit-profile.page.html
+30 -12
View File
@@ -1,13 +1,12 @@
<ion-content class=" bg-blue">
<div class="btn-close d-flex" (click)="close()">
<div class="profile-content width-100 height-100">
<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 width-100">
<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 class="profile-title d-flex justify-space-between align-center width-100">
<div class="d-flex align-center">
<div>Dados do perfil</div>
</div>
<!-- <div class="d-flex " (click)="close()">
@@ -22,12 +21,32 @@
</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 class="container-div width-100">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" name="person"></ion-icon>
</div>
<div class="ion-input-class">
<ion-input placeholder="Nome" [(ngModel)]="loggeduser.FullName"></ion-input>
</div>
</div>
</div>
<div class="container-div width-100">
<div class="ion-item-class-2">
<div class="ion-icon-class">
<ion-icon slot="start" name="mail"></ion-icon>
</div>
<div class="ion-input-class">
<ion-input placeholder="Email" [(ngModel)]="loggeduser.Email"></ion-input>
</div>
</div>
</div>
</div>
<div class="login-preference" (mouseover)="checkState()" (click)="checkState()">
<div class="login-preference width-100" (mouseover)="checkState()" (click)="checkState()">
<div class="preference">Preferência Login</div>
<ion-row>
@@ -44,11 +63,10 @@
Impressão Digital
</div>
</ion-col>
</ion-row>
</div>
<div class="d-flex justify-center mt-10">
<div class="d-flex width-100 justify-center mt-10">
<button (click)="addPin()" class="btn-ok buttonSize" fill="clear" color="#fff" >
<ion-label>Alterar PIN</ion-label>
</button>
src/app/modals/profile/edit-profile/edit-profile.page.scss
+66 -44
View File
@@ -1,5 +1,5 @@
.btn-close{
padding: 20px 20px;
//padding: 20px 20px;
justify-content: center;
align-items: center;
float: right;
@@ -7,61 +7,82 @@
.profile-content{
width: 100% !important;
padding: 0px 20px;
padding: 20px 20px;
float: left;
.profile-title{
font-size: 25px;
font-weight: 300;
margin-bottom: 20px;
}
.profile-info{
margin-top: 20px;
color: #fff;
font-family: Roboto;
font-size: 13px;
.user-role{
background-color: white;
border-radius: 5px;
padding: 12px;
color: black;
text-align: center;
margin-bottom: 5px;
}
.container-div{
margin-bottom: 5px;
float: left;
overflow: hidden;
.ion-item-class-2{
margin: 0px auto;
}
.ion-icon-class{
color: #ebebeb;
width: 40px;
height: 40px;
float: left;
padding: 5px;
font-size: 25px;
}
.ion-input-class{
width: calc(100% - 40px);
height: 40px;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 5px;
padding-right: 10px;
float: left;
background-color: transparent;
}
}
}
}
.icon{
font-size: 35px;
}
.go-back{
font-family: Roboto;
font-size: 25px;
.icon{
margin-right: 7px;
}
font-size: 40px;
}
.profile-pic{
width: 200px;
height: 200px;
border-radius: 20px;
margin: 0px auto;
}
.profile-info{
.label-text{
font-size: 15px;
font-weight: bold;
color: white;
margin-bottom: 10px;
}
.user-role{
background-color: white;
border-radius: 5px;
padding: 12px;
font-family: Roboto;
font-size: 13px;
color: black;
text-align: center;
}
.email {
margin-top: 15px;
}
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto;
border-color: transparent !important;
}
.login-preference{
margin-top: 44px;
margin-top: 15px;
float: left;
font-family: Roboto;
font-size: 13px;
font-weight: 300;
.preference{
font-family: Roboto;
font-size: 15px;
margin-bottom: 20px;
font-weight: bold;
font-size: 20px;
margin-bottom: 0 !important;
}
.checkBox{
margin-right: 10px;
@@ -70,4 +91,5 @@
.buttonSize {
width: 100% !important;
margin: 15px 0 15px 0 !important;
}
src/app/modals/profile/profile.page.scss
-2
View File
@@ -77,8 +77,6 @@ ion-list{
color: #000;
overflow: hidden;
border: 1px solid blue;
.notification-item{
width: fit-content;
float: left;