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

Improve profile

Browse Source
This commit is contained in:
Peter Maquiran
2021-05-27 16:20:40 +01:00
parent 9b372c6e79
commit b686696bf7
9 changed files with 138 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/headers/header-no-search/profile/profile-routing.module.ts
+17
View File
@@ -0,0 +1,17 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ProfileComponent } from './profile.page';
const routes: Routes = [
{
path: '',
component: ProfileComponent
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class ProfilePageRoutingModule {}
src/app/shared/headers/header-no-search/profile/profile.component.html
-70
View File
@@ -1,70 +0,0 @@
<ion-content class=" bg-blue">
<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>
<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">
<div class="preference">Preferência Login</div>
<ion-row>
<ion-col class="align-center d-flex">
<ion-checkbox class="checkBox"></ion-checkbox>
Impressão Digital
</ion-col>
<ion-col class="align-center d-flex">
<ion-checkbox class="checkBox"></ion-checkbox>
PIN
</ion-col>
</ion-row>
</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>
src/app/shared/headers/header-no-search/profile/profile.module.ts
+20
View File
@@ -0,0 +1,20 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { ProfilePageRoutingModule } from './profile-routing.module';
import { ProfileComponent } from './profile.page';
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
ProfilePageRoutingModule
],
declarations: [ProfileComponent]
})
export class ProfilePageModule {}
src/app/shared/headers/header-no-search/profile/profile.page.html
+70
View File
@@ -0,0 +1,70 @@
<ion-content class=" bg-blue">
<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>
<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">
<div class="preference">Preferência Login</div>
<ion-row>
<ion-col class="align-center d-flex" (click)="addPrin()">
<ion-checkbox class="checkBox"></ion-checkbox>
Impressão Digital
</ion-col>
<ion-col class="align-center d-flex">
<ion-checkbox class="checkBox"></ion-checkbox>
PIN
</ion-col>
</ion-row>
</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>
src/app/shared/headers/header-no-search/profile/profile.component.scss → src/app/shared/headers/header-no-search/profile/profile.page.scss
View File
src/app/shared/headers/header-no-search/profile/profile.component.spec.ts → src/app/shared/headers/header-no-search/profile/profile.page.spec.ts
+4 -4
View File
@@ -1,13 +1,13 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { IonicModule } from '@ionic/angular';
import { ProfileComponent } from './profile.component';
import { ProfileComponent } from './profile.page';
describe('ProfileComponent', () => {
describe('ProfilePage', () => {
let component: ProfileComponent;
let fixture: ComponentFixture<ProfileComponent>;
beforeEach(async(() => {
beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ ProfileComponent ],
imports: [IonicModule.forRoot()]
src/app/shared/headers/header-no-search/profile/profile.component.ts → src/app/shared/headers/header-no-search/profile/profile.page.ts
+7 -2
View File
@@ -5,8 +5,8 @@ import { AuthService } from 'src/app/services/auth.service';
@Component({
selector: 'app-profile',
templateUrl: './profile.component.html',
styleUrls: ['./profile.component.scss'],
templateUrl: './profile.page.html',
styleUrls: ['./profile.page.scss'],
})
export class ProfileComponent implements OnInit {
@@ -25,4 +25,9 @@ export class ProfileComponent implements OnInit {
this.modalController.dismiss();
}
addPrin(){
alert('Pin')
}
}