mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-20 21:35:50 +00:00
save
This commit is contained in:
tiago.kayaya
@@ -1,81 +1,91 @@
|
|||||||
<ion-content class=" bg-blue">
|
<ion-content class=" bg-blue">
|
||||||
<div class="profile-content width-100 height-100">
|
<div class="main-content width-100 overflow-y-auto height-100">
|
||||||
<div class="btn-close d-flex" (click)="close()">
|
<div class="profile-header width-100">
|
||||||
<ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
|
<div class="div-logo d-md-none">
|
||||||
</div>
|
<div class="logo height-fit-content">
|
||||||
|
<img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
|
||||||
<div class="profile-title d-flex justify-space-between align-center width-100">
|
</div>
|
||||||
<div class="d-flex align-center">
|
|
||||||
<div>Dados do perfil</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="btn-close d-flex" (click)="close()">
|
||||||
<!-- <div class="d-flex " (click)="close()">
|
|
||||||
<ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
|
<ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div >
|
|
||||||
<div class="d-flex align-center">
|
|
||||||
<ion-icon class="profile-pic" src="assets/images/icons-default-profile.svg"></ion-icon>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="profile-content overflow-y-auto width-100 height-100">
|
||||||
|
<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="profile-info">
|
<!-- <div class="d-flex " (click)="close()">
|
||||||
<div class="user-role">{{loggeduser.RoleDescription}}</div>
|
<ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="container-div width-100">
|
<div >
|
||||||
<div class="ion-item-class-2">
|
<div class="d-flex align-center">
|
||||||
<div class="ion-icon-class">
|
<ion-icon class="profile-pic" src="assets/images/icons-default-profile.svg"></ion-icon>
|
||||||
<ion-icon slot="start" name="person"></ion-icon>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="profile-info">
|
||||||
|
<div class="user-role">{{loggeduser.RoleDescription}}</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="ion-input-class">
|
</div>
|
||||||
<ion-input placeholder="Nome" [(ngModel)]="loggeduser.FullName"></ion-input>
|
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container-div width-100">
|
<div class="login-preference width-100" (mouseover)="checkState()" (click)="checkState()">
|
||||||
<div class="ion-item-class-2">
|
<div class="preference">Preferência Login</div>
|
||||||
<div class="ion-icon-class">
|
|
||||||
<ion-icon slot="start" name="mail"></ion-icon>
|
<ion-row>
|
||||||
</div>
|
<ion-col class="align-center d-flex">
|
||||||
<div class="ion-input-class">
|
<div class="d-flex align-center" (click)="LoginPreferenceMethod('pin')">
|
||||||
<ion-input placeholder="Email" [(ngModel)]="loggeduser.Email"></ion-input>
|
<ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
|
||||||
</div>
|
PIN
|
||||||
</div>
|
</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>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="login-preference width-100" (mouseover)="checkState()" (click)="checkState()">
|
<div class="d-flex width-100 justify-center mt-10">
|
||||||
<div class="preference">Preferência Login</div>
|
<button (click)="addPin()" class="btn-ok buttonSize" fill="clear" color="#fff" >
|
||||||
|
<ion-label>Alterar PIN</ion-label>
|
||||||
<ion-row>
|
</button>
|
||||||
<ion-col class="align-center d-flex">
|
</div>
|
||||||
<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 width-100 justify-center mt-10">
|
|
||||||
<button (click)="addPin()" class="btn-ok buttonSize" fill="clear" color="#fff" >
|
|
||||||
<ion-label>Alterar PIN</ion-label>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
<!--
|
||||||
<ion-footer class=" footer-container ion-no-border bg-blue">
|
Para adicionar a funcionalidade assim que o método
|
||||||
|
para alterar o nome e email estiver pronto
|
||||||
|
-->
|
||||||
|
<ion-footer hidden class=" footer-container ion-no-border bg-blue">
|
||||||
|
|
||||||
<div class="d-flex justify-space-between">
|
<div class="d-flex justify-space-between">
|
||||||
|
|
||||||
|
|||||||
@@ -1,17 +1,40 @@
|
|||||||
.btn-close{
|
.main-content{
|
||||||
//padding: 20px 20px;
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
|
.profile-header{
|
||||||
|
margin: 0 em(20px);
|
||||||
|
// background-color: #0782c9;
|
||||||
|
padding: 20px 20px;
|
||||||
|
border: 0!important;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
.div-logo{
|
||||||
|
background: transparent;
|
||||||
|
width: calc(100% - 40px) !important;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
display: flex;
|
||||||
float: right;
|
float: left;
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
width: 140px;
|
||||||
|
.img{
|
||||||
|
width: 100%;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-close{
|
||||||
|
float: right !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-content{
|
.profile-content{
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
padding: 20px 20px;
|
padding: 0 20px 50px 20px;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
.profile-title{
|
.profile-title{
|
||||||
font-size: 25px;
|
font-size: 20px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<ion-content class=" bg-blue">
|
<ion-content class=" bg-blue">
|
||||||
|
|
||||||
<div class="profile-header width-100">
|
<div class="profile-header width-100">
|
||||||
<div class="div-logo">
|
<div class="div-logo d-md-none">
|
||||||
<div class="logo height-fit-content">
|
<div class="logo height-fit-content">
|
||||||
<img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
|
<img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -22,9 +22,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.btn-close{
|
.btn-close{
|
||||||
justify-content: center;
|
float: right !important;
|
||||||
align-items: center;
|
|
||||||
float: left;
|
|
||||||
}
|
}
|
||||||
.profile-content{
|
.profile-content{
|
||||||
padding: 20px 20px;
|
padding: 20px 20px;
|
||||||
|
|||||||
+7
-1
@@ -366,9 +366,15 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
|
|||||||
top: -40px;
|
top: -40px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
max-width: 400px;
|
max-width: 100%;
|
||||||
border-radius: 0 0 25px 25px;
|
border-radius: 0 0 25px 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1140px) {
|
||||||
|
.modal-wrapper{
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user