You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemmionic5/Mohem/src/app/my-team/details/details.component.html

102 lines
3.2 KiB
HTML

<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>