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

155 lines
6.3 KiB
HTML

<ion-header>
<ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons>
<ion-title color="light" >{{headerTitle}}</ion-title>
<ion-buttons slot="end">
<button ion-button icon-only class="btnBack" *ngIf="isSpecialist == false" (click)="goToSubordinate();">
<ion-icon class="search-icons" color="light" name="search"></ion-icon>
</button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content padding>
<div *ngIf="employee">
<ion-card>
<ion-card-header class="boxHdr">
<div class="hrTitle">{{employee.EMPLOYEE_NAME}}</div>
</ion-card-header>
<ion-card-content>
<div>
<div class="centerDiv profileDiv">
<!-- <p class="TxtPlace boldTxt">{{User_name_Emp}}</p> -->
<ion-img class="profileImg"
[src]="employee.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+employee.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'">
</ion-img>
</div>
<ion-grid class="profile-grid">
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','empNo')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.EMPLOYEE_NUMBER}}</label>
</ion-col>
</ion-row>
<!-- <ion-row>
<ion-col class="colBold" col-5>
<label>{{"userProfile.name" | translate}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-7>
<label>{{employee.EMPLOYEE_NAME}}</label>
</ion-col>
</ion-row> -->
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','busG')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.BUSINESS_GROUP_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','job')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.JOB_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','locName')}} </label>
</ion-col>
<ion-col col-7>
<label>{{employee.LOCATION_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','payrol')}} </label>
</ion-col>
<ion-col col-7>
<label>{{employee.PAYROLL_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','orgEmail')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.EMPLOYEE_EMAIL_ADDRESS}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','orgName')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.ORGANIZATION_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','position')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.POSITION_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','grade')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.GRADE_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold" col-5>
<label>{{ts.trPK('userProfile','category')}}</label>
</ion-col>
<ion-col col-7>
<label>{{employee.EMPLOYMENT_CATEGORY_MEANING}}</label>
</ion-col>
</ion-row>
<!-- <ion-row (click)="getMenuEntries(employee);">
<ion-col col-7> -->
<!-- <label for="">Request for {{employee.EMPLOYEE_NAME}}</label> -->
<!-- </ion-col>
</ion-row> -->
</ion-grid>
</div>
</ion-card-content>
</ion-card>
<div class="centerDiv">
<ion-button color="customnavy" (click)="getMenuEntries(employee)">{{ts.trPK('myTeam','requestFor')}}
{{employee.EMPLOYEE_NAME}}</ion-button>
</div>
</div>
<div *ngIf="isSpecialist == false" >
<ion-list no-lines *ngIf="empSubordinate && empSubordinate.length>0">
<ion-item no-border *ngFor="let subordinate of empSubordinate;let i=index" (click)="getDetails(i);">
<ion-avatar slot="start">
<!-- <img *ngIf="subordinate.EMPLOYEE_IMAGE" src="data:image/*;base64,{{ subordinate.EMPLOYEE_IMAGE}}"> -->
<img
[src]="subordinate.EMPLOYEE_IMAGE ? 'data:image/png;base64,'+subordinate.EMPLOYEE_IMAGE : '../assets/imgs/profile.png'">
</ion-avatar>
<p class="boldTxt">{{subordinate.EMPLOYEE_NAME}}</p>
<p>{{subordinate.POSITION_NAME}}</p>
<ion-badge slot="end">{{subordinate.NUM_OF_SUBORDINATES}}</ion-badge>
</ion-item>
</ion-list>
<ion-infinite-scroll threshold="100px" (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content
loadingSpinner="bubbles"
loadingText="Loading more data...">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</div>
</ion-content>