|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons (backClick)="goback()" [navigate]="false"></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title style=" color:white; text-align: center;">{{ts.trPK('userProfile','createHR-Request')}}</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div *ngIf="!showRequestDetails" class="contentBg">
|
|
|
|
|
<div class="result-graph" >
|
|
|
|
|
<div class="user-info">
|
|
|
|
|
<div class="user-image-container">
|
|
|
|
|
<div class="user-image">
|
|
|
|
|
<img class="img" [src]="EmpImg ? 'data:image/png;base64,'+ EmpImg : '../assets/imgs/profile.png'" alt="Team Member Image"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 18px;">
|
|
|
|
|
|
|
|
|
|
<span class="Nametext">{{EmpName}}</span>
|
|
|
|
|
<p style=" font-size: 12px; color: rgb(128, 124, 124);">{{EmpEmail}}</p>
|
|
|
|
|
<!-- <span>{{EmpJob}}</span> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div >
|
|
|
|
|
<ion-row>
|
|
|
|
|
<ion-col style="border-right: 1px solid rgb(221 221 221);">
|
|
|
|
|
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','role')}}</p>
|
|
|
|
|
<span class="Boldtext">{{EmpJob}}</span>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<p style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','empNo')}}</p>
|
|
|
|
|
|
|
|
|
|
<span class="Boldtext">{{EmpNum}}</span>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="employee-information-indetail">
|
|
|
|
|
<ion-row style="padding-left: 13px;">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<p style="font-size: 16px; font-family: WorkSans-Bold; margin-top: 15px;">{{ts.trPK('userProfile','profile-details')}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','category')}}</h2>
|
|
|
|
|
<p>{{EmpCatMeaning}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','address')}}</h2>
|
|
|
|
|
<p>{{EmpLocation}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','phone-no')}}</h2>
|
|
|
|
|
<p>{{EmpMobile}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','busG')}}</h2>
|
|
|
|
|
<p>{{EmpOrgName}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','job')}}</h2>
|
|
|
|
|
<p>{{EmpJob}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','payrol')}}</h2>
|
|
|
|
|
<p>{{EmpPayrol}}</p>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','position')}}</h2>
|
|
|
|
|
<p>{{EmpPosition}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [size]="12" style="border-bottom: none;">
|
|
|
|
|
<h2>{{ts.trPK('userProfile','grade')}}</h2>
|
|
|
|
|
<p>{{EmpGRADENAME}}</p>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
<ion-footer class="footer">
|
|
|
|
|
<div class="Btn">
|
|
|
|
|
<ion-button class="CreateBtn" (click)="createRequest()" >{{ts.trPK('userProfile','createHR-Request')}}</ion-button>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-footer>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- ///////////////////////////////////////////////////////////////////next page -->
|
|
|
|
|
|
|
|
|
|
<!-- <div>
|
|
|
|
|
<div class="verify-code">
|
|
|
|
|
<ion-row style=" margin-left: 9px; margin-bottom: 13px;">
|
|
|
|
|
<ion-col style="font-size: 12px; color: rgb(128, 124, 124);">{{ts.trPK('userProfile','code-sent')}}</ion-col>
|
|
|
|
|
<ion-col class="Boldtext"> {{EmpMobile}}</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row dir="ltr">
|
|
|
|
|
<ion-col [size]="12">
|
|
|
|
|
<ion-input type="tel" maxLength="1" size="1" min="0" max="9" pattern="[0-9]{1}"
|
|
|
|
|
inputmode="tel" (ionInput)="goToNextInput($event)" (ionChange)="onChange()" #ref autofocus="true">
|
|
|
|
|
</ion-input>
|
|
|
|
|
|
|
|
|
|
<ion-input type="tel" maxLength="1" size="1" min="0" max="9" pattern="[0-9]{1}"
|
|
|
|
|
inputmode="tel" (ionInput)="goToNextInput($event)" (ionChange)="onChange()"></ion-input>
|
|
|
|
|
<ion-input type="tel" maxLength="1" size="1" min="0" max="9" pattern="[0-9]{1}"
|
|
|
|
|
inputmode="tel" (ionInput)="goToNextInput($event)" (ionChange)="onChange()"></ion-input>
|
|
|
|
|
<ion-input type="tel" maxLength="1" size="1" min="0" max="9" pattern="[0-9]{1}"
|
|
|
|
|
inputmode="tel" (ionInput)="goToNextInput($event)" (ionChange)="onChange()"></ion-input>
|
|
|
|
|
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-button class="sendVerifyBtn" (click)="VerifyCode()" >{{ts.trPK('userProfile','verify-code')}}</ion-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ///////////////////////////////////////////////////////////////////next page -->
|
|
|
|
|
|
|
|
|
|
<div *ngIf="showRequestDetails" >
|
|
|
|
|
<ion-card class="result-serviceType">
|
|
|
|
|
<ion-card-content>
|
|
|
|
|
<div class="request-heading">
|
|
|
|
|
<span>{{ts.trPK('userProfile','ServiceType')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-row class="custom-radio">
|
|
|
|
|
<ion-radio-group (ionChange)="showSelectedField($event)" class="radio-list">
|
|
|
|
|
|
|
|
|
|
<ion-radio value="HR Services" [color]="myColor">{{HR}}</ion-radio>
|
|
|
|
|
<ion-label class="text-label" >{{HR}}</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-radio value="Complaints" [color]="myColor" >{{complaints}}</ion-radio>
|
|
|
|
|
<ion-label class="text-label">{{complaints}}</ion-label>
|
|
|
|
|
|
|
|
|
|
<ion-radio value="Inquiry" [color]="myColor" >{{inquiry}}</ion-radio>
|
|
|
|
|
<ion-label class="text-label">{{inquiry}}</ion-label>
|
|
|
|
|
|
|
|
|
|
</ion-radio-group>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- /////////////////////////////////////////// -->
|
|
|
|
|
<div>
|
|
|
|
|
<div>
|
|
|
|
|
<ion-list>
|
|
|
|
|
<label class="labels">{{ts.trPK('userProfile','DeptName')}}</label>
|
|
|
|
|
<ion-item lines="none" class="filed-container">
|
|
|
|
|
<select class="filed1" placeholder="Select Department" type="text" [(ngModel)]="index">
|
|
|
|
|
<option [selected]="x.departmentName" value="{{i}}"
|
|
|
|
|
*ngFor="let x of departTypeList; let i=index;">
|
|
|
|
|
{{x.departmentName}} </option>
|
|
|
|
|
</select>
|
|
|
|
|
<!-- <select class="filed1" placeholder="Select Department" type="text">
|
|
|
|
|
<option >{{EmpRelations}}</option>
|
|
|
|
|
<option >{{Hr}}</option>
|
|
|
|
|
<option >{{Payroll}}</option>
|
|
|
|
|
<option >{{GovRelation}}</option>
|
|
|
|
|
</select> -->
|
|
|
|
|
</ion-item>
|
|
|
|
|
<label class="labels">{{ts.trPK('userProfile','RelatedSection')}}</label>
|
|
|
|
|
<ion-item lines="none" class="filed-container">
|
|
|
|
|
<select [(ngModel)]="index" class="filed2" placeholder="Select Sectiont" type="text">
|
|
|
|
|
<!-- <option [selected]="projName" >{{projName}}</option> -->
|
|
|
|
|
<option [selected]="x.projectName" value="{{i}}"
|
|
|
|
|
*ngFor="let x of sectionTypeList; let i=index;">
|
|
|
|
|
{{x.projectName}} </option>
|
|
|
|
|
|
|
|
|
|
</select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
<label class="labels">{{ts.trPK('userProfile','RelatedTopic')}}</label>
|
|
|
|
|
<ion-item lines="none" class="filed-container">
|
|
|
|
|
<select [(ngModel)]="index" class="filed3" placeholder="Select Topic" type="text">
|
|
|
|
|
<!-- <option value="1">{{topicName}}</option> -->
|
|
|
|
|
<option [selected]="x.topicName" value="{{i}}"
|
|
|
|
|
*ngFor="let x of topicTypeList; let i=index;">
|
|
|
|
|
{{x.topicName}} </option>
|
|
|
|
|
</select>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-list>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="request-heading">
|
|
|
|
|
<span>{{ts.trPK('userProfile','SupportingDocument')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<!-- <input type="file" ng2FileSelect [uploader]="uploader"
|
|
|
|
|
(change)="onFileSelected($event)" (click)="onFileSelectedclick($event)" />
|
|
|
|
|
<label end for="file">
|
|
|
|
|
<img slot="start" style=" height: 55px;"src="../assets/imgs/add-photo.svg">
|
|
|
|
|
</label> -->
|
|
|
|
|
<div class="fileUpload btn btn-primary">
|
|
|
|
|
<img slot="start" style=" height: 55px;"src="../assets/imgs/add-photo.svg">
|
|
|
|
|
<input type="file" class="upload" ng2FileSelect [uploader]="uploader"
|
|
|
|
|
(change)="onFileSelected($event)" (click)="onFileSelectedclick($event)" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="request-heading">
|
|
|
|
|
<span>{{ts.trPK('userProfile','Description')}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ion-col size="12">
|
|
|
|
|
<ion-item style="margin-left: -20px;margin-right: -13px;margin-top: -24px;" lines="none">
|
|
|
|
|
<ion-input [ngClass]="direction == 'en' ? 'filedDesc':'filedDesc-ar' " placeholder="{{ts.trPK('userProfile','Description')}}" type="text"></ion-input>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</ion-card-content>
|
|
|
|
|
</ion-card>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|
|
<ion-footer *ngIf="showRequestDetails" >
|
|
|
|
|
<div class="centerDiv">
|
|
|
|
|
<button class="gridCancelBtn" ion-button (click)="cancelRequest()">{{ts.trPK('general','cancel')}}</button>
|
|
|
|
|
<button class="gridSubmitBtn" ion-button (click)="submitRequest()">{{ts.trPK('general','submit')}}</button>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-footer>
|