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/mowadhafi/hr-request-form/hr-request-form.component.html

125 lines
5.3 KiB
HTML

<app-generic-header
showBack="true"
[headerText]="'userProfile, createHR-Request' | translate">
</app-generic-header>
<ion-content>
<!-- <form [formGroup] = "form" (ngSubmit) = "submitRequest(form.value)"> -->
<div >
<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 [(ngModel)]="SelectedServiceType" class="radio-list" required>
<!--
<ion-radio value="HRServices" [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> -->
<div style="display: inline-block !important;" *ngFor="let ticket of ticketType">
<ion-radio [value]="ticket.ticketTypeId" [color]="myColor" ></ion-radio>
<ion-label class="text-label">{{ticket.typeName}}</ion-label>
</div>
</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 [(ngModel)]="depType" (change)="onSelectChange($event,1)" class="filed1" id="firstLabel"
placeholder="Select Department" type="text" required >
<option value="" hidden selected>{{ts.trPK('userProfile','selectDep')}}</option>
<option [value]="x.projectDepartmentId" *ngFor="let x of departTypeList"> {{x.departmentName}} </option>
<!-- <option [value]="x.departmentId" *ngFor="let x of departTypeList"> {{x.departmentName}} </option> -->
</select>
</ion-item>
<label class="labels">{{ts.trPK('userProfile','RelatedSection')}}</label>
<ion-item lines="none" class="filed-container">
<select [(ngModel)]="secType" (change)="onSelectChange($event,2)" class="filed1"
selected="selected" placeholder="Select Sectiont" type="text" required>
<option value="" hidden selected>{{ts.trPK('userProfile','selectSec')}}</option>
<option [value]="x.departmentSectionId"
*ngFor="let x of sectionTypeList">
{{x.sectionName}} </option>
</select>
</ion-item>
<label class="labels">{{ts.trPK('userProfile','RelatedTopic')}}</label>
<ion-item lines="none" class="filed-container">
<select [(ngModel)]="topicType" (change)="onSelectChange($event, 3)" class="filed1"
placeholder="Select Topic" type="text" required>
<option value="" hidden selected>{{ts.trPK('userProfile','selectTopic')}}</option>
<option [value]="x.sectionTopicId" *ngFor="let x of topicTypeList"> {{x.topicName}} </option>
</select>
</ion-item>
</ion-list>
</div>
<div class="request-heading">
<span>{{ts.trPK('userProfile','SupportingDocument')}}</span>
</div>
<div>
<div class="fileUpload btn btn-primary">
<img slot="start" style=" height: 55px;"src="../assets/imgs/add-photo.svg">
<input end class="upload" type="file" ng2FileSelect [uploader]="uploader"
(change)="onFileSelected($event)" (click)="onFileSelectedclick($event)" />
</div>
<ion-slides>
<ion-slide>
<ion-grid class=" gridAH" *ngIf="uploader?.queue?.length > 0">
<ion-col class="rowAH" *ngFor="let item of uploader.queue">
<ion-col style=" background: #dad8d8;" size="4">
<label for="">{{ item?.file?.name }}</label>
</ion-col>
<ion-col style=" background: #dad8d8;" size="2">
<button class="iconButton" ion-button (click)="removeFile(item)">
<ion-icon style="color: red;" name="close"></ion-icon>
</button>
</ion-col>
</ion-col>
</ion-grid>
</ion-slide>
</ion-slides>
</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 [(ngModel)]="Description" [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>
<!-- </form> -->
</ion-content>
<ion-footer >
<div class="centerDiv" >
<ion-button class="gridCancelBtn main-button" ion-button (click)="cancelRequest()">{{ts.trPK('general','cancel')}}</ion-button>
<ion-button [disabled]="isValidForm()" class="gridSubmitBtn main-button" ion-button (click)="CreateTicket()">{{ts.trPK('general','submit')}}</ion-button>
</div>
</ion-footer>