|
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons backLink="/home"></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title>EMPLOYEE DETAIL</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div class="contentBg">
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
<div class="user-info">
|
|
|
|
|
<div class="user-image-container present">
|
|
|
|
|
<div class="user-image">
|
|
|
|
|
<img [src]="userImage" alt="Team Member Image"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<h1>Rohit Shety</h1>
|
|
|
|
|
<span>Graphic Designer</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="user-actions">
|
|
|
|
|
<ion-row class="ion-justify-content-center">
|
|
|
|
|
<ion-col [size]="4">
|
|
|
|
|
<div class="action-button col-button">
|
|
|
|
|
<span class="action-button-icon">
|
|
|
|
|
<img src="../assets/imgs/call_icon.png">
|
|
|
|
|
</span>
|
|
|
|
|
<span>Call</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="4">
|
|
|
|
|
<div class="action-button col-button">
|
|
|
|
|
<span class="action-button-icon">
|
|
|
|
|
<img src="../assets/imgs/create_request_icon.png">
|
|
|
|
|
</span>
|
|
|
|
|
<span>Create Request</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="4">
|
|
|
|
|
<div class="action-button col-button">
|
|
|
|
|
<span class="action-button-icon">
|
|
|
|
|
<img src="../assets/imgs/message_icon.png">
|
|
|
|
|
</span>
|
|
|
|
|
<span>Message</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="emplyee-information-indetail">
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col [size]="6">
|
|
|
|
|
<h2>Employee</h2>
|
|
|
|
|
<p>197400</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="6">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>Category</h2>
|
|
|
|
|
<p>Permanent</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <ion-infinite-scroll *ngIf="selectedFilter === 'ALL'" (ionInfinite)="doInfinite($event)">
|
|
|
|
|
<ion-infinite-scroll-content></ion-infinite-scroll-content>
|
|
|
|
|
</ion-infinite-scroll> -->
|
|
|
|
|
|
|
|
|
|
</ion-content>
|