143 lines
4.9 KiB
HTML
143 lines
4.9 KiB
HTML
<ion-app>
|
|
<ion-split-pane contentId="main-content">
|
|
<ion-menu contentId="main-content" type="overlay" class="full-width-menu">
|
|
<ion-header>
|
|
<ion-toolbar color="dark" class="user-profile">
|
|
<ion-buttons slot="start">
|
|
<ion-back-button defaultHref="vnms-list" (click)="closeMenu()" > <img src="assets/assets/icon/arrow-square-right.png"></ion-back-button>
|
|
</ion-buttons>
|
|
<!-- <ion-item margin-bottom> -->
|
|
<!-- <ion-avatar slot="start" class="user-avatar">
|
|
<img src="assets/img/avatar.png">
|
|
</ion-avatar> -->
|
|
<ion-grid>
|
|
<ion-row>
|
|
<!-- <ion-col size="2" > <img src="assets/assets/icon/arrow-square-right.png"></ion-col> -->
|
|
<ion-col size="12" style="padding-left: 4rem;"> <ion-text color="medium" >
|
|
<span class="t-title" style="text-transform: capitalize;">My Account</span>
|
|
</ion-text></ion-col>
|
|
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
<ion-label >
|
|
|
|
|
|
<!-- <ion-text color="secondary">
|
|
<h3>
|
|
{{user_role}}
|
|
</h3>
|
|
</ion-text> -->
|
|
<!-- <ion-menu-toggle class="mto" auto-hide="false">
|
|
<a class="text08" tappable (click)="goToEditProgile()">
|
|
<ion-text color="medium">
|
|
|
|
<ion-icon name="cog-outline"></ion-icon>
|
|
<strong>Edit profile</strong>
|
|
</ion-text>
|
|
</a> <ion-text color="secondary"> | </ion-text>
|
|
<a class="text08" tappable (click)="logout()">
|
|
<ion-text color="medium">
|
|
<ion-icon name="log-out"></ion-icon>
|
|
<strong>Logout</strong>
|
|
</ion-text>
|
|
</a>
|
|
</ion-menu-toggle> -->
|
|
</ion-label>
|
|
<!-- </ion-item> -->
|
|
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
<ion-content class="menu_content">
|
|
<div class="menu-header" style="text-align:center !important;" >
|
|
<!--material-design-background-->
|
|
<!-- <img class="user-avatar round" style="height:111px;max-width:111px;" [src]="userDetails.profilepic" onerror="this.src='assets/img/avatar/girl-avatar.png'"
|
|
/> -->
|
|
<!-- <p class="name">{{userDetails.user_first_name}} {{userDetails.user_last_name}}</p>
|
|
<span>({{userDetails.role_name}})</span> -->
|
|
</div>
|
|
<!-- <div class="menu-header" style="text-align:center !important;" >
|
|
material-design-background-->
|
|
<!-- <img class="user-avatar round" style="height:111px;max-width:111px;" src="../../../../assets/img/avatar/girl-avatar.png" onerror="this.src='assets/img/avatar/girl-avatar.png'"
|
|
/>
|
|
<p class="name">Sineedge PD Officer</p>
|
|
</div> -->
|
|
<div class="hr"></div>
|
|
<ion-grid class="grid-content">
|
|
<ion-row>
|
|
|
|
<ion-col > <span class="content">
|
|
{{user}}<br />
|
|
<span class="content-min content-sm">
|
|
|
|
{{user_email}}</span>
|
|
</span></ion-col>
|
|
|
|
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
|
|
<ion-card *ngFor="let item of appPages; let i = index" (click)="getImg(i,item.title)" style=" margin-top: 1rem;" [routerLink]="[item.url]" >
|
|
<ion-card-header>
|
|
<ion-card-title>
|
|
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col size="2" style=" padding-left: 1rem;"> <img [src]="i === imgVal ? item.src2 : item.src"></ion-col>
|
|
<ion-col size="8" >
|
|
<span style="text-transform: capitalize;"> {{ item.title }}</span>
|
|
</ion-col>
|
|
<ion-col size="2" style=" padding-left: 1rem;" >
|
|
<!-- <img src="assets/assets/icon/menu/arrow-col.png"> -->
|
|
<img [src]="i != imgVal ? 'assets/assets/icon/menu/arrow-col.png' : 'assets/assets/icon/menu/arrow.png'">
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ion-card-title>
|
|
</ion-card-header>
|
|
<!-- <ion-card-content>
|
|
{{ item.content }}
|
|
</ion-card-content> -->
|
|
</ion-card>
|
|
|
|
<ion-card style=" margin-top: 6rem;" (click)="logout()">
|
|
<ion-card-header>
|
|
<ion-card-title>
|
|
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col size="2" > <img src="assets/assets/icon/menu/logout-col.png"></ion-col>
|
|
<ion-col size="8" >
|
|
<span style="text-transform: capitalize;"> Log Out</span>
|
|
</ion-col>
|
|
<ion-col size="2" >
|
|
<!-- <img src="assets/assets/icon/menu/logout-col.png"> -->
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
|
|
|
|
|
|
</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
</ion-card>
|
|
<ion-row>
|
|
<ion-col style="text-align: center;"> v1.0</ion-col>
|
|
|
|
</ion-row>
|
|
|
|
|
|
</ion-content>
|
|
</ion-menu>
|
|
<ion-router-outlet id="main-content"></ion-router-outlet>
|
|
</ion-split-pane>
|
|
<!-- <div class="body-container"> -->
|
|
<!-- <ion-router-outlet id="main-content"></ion-router-outlet> -->
|
|
<!-- </div> -->
|
|
</ion-app>
|