fixing bugs
parent
ff0492718e
commit
4aa50bbfda
@ -0,0 +1,27 @@
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { AppUpdateComponent } from './app-update.component';
|
||||
|
||||
describe('AppUpdateComponent', () => {
|
||||
let component: AppUpdateComponent;
|
||||
let fixture: ComponentFixture<AppUpdateComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ AppUpdateComponent ],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(AppUpdateComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,24 @@
|
||||
import { Component, Input, OnInit } from '@angular/core';
|
||||
import { ModalController } from '@ionic/angular';
|
||||
|
||||
@Component({
|
||||
selector: 'app-app-update',
|
||||
templateUrl: './app-update.component.html',
|
||||
styleUrls: ['./app-update.component.scss'],
|
||||
})
|
||||
export class AppUpdateComponent implements OnInit {
|
||||
@Input() msg: string;
|
||||
|
||||
constructor(public modalController: ModalController) { }
|
||||
|
||||
ngOnInit() {}
|
||||
|
||||
dismiss() {
|
||||
// using the injected ModalController this page
|
||||
// can "dismiss" itself and optionally pass back data
|
||||
this.modalController.dismiss({
|
||||
'dismissed': true
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,74 +1,113 @@
|
||||
<ion-content *ngIf="userInfo.CompanyMainCompany == 'CS'" dir="ltr">
|
||||
<img *ngIf="userInfo.PAYROLL_CODE === 'CS' " style="width: 100%; max-width: 100%; height: 30%;" src="../../../assets/imgs/IDTOP.png">
|
||||
<img *ngIf="userInfo.PAYROLL_CODE !== 'CS' " style="width: 100%; max-width: 100%;" src="../../../assets/imgs/IDTOP_HMG.png.png">
|
||||
<ion-grid>
|
||||
<ion-content dir="ltr" *ngIf="userInfo.company_type == 'CS'">
|
||||
<ion-grid style="transform: rotate(90deg); padding: 20px;">
|
||||
<ion-row>
|
||||
<ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE != null">
|
||||
<img class="digital-id-image-size"
|
||||
[src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE">
|
||||
<ion-col size='6'>
|
||||
<img style="width: 120px;" [src]='userInfo.company_logo' alt="https://hmgwebservices.com/images/Moheem/CS.jpg"/>
|
||||
</ion-col>
|
||||
<ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE == null">
|
||||
<img style="width: 70%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;"
|
||||
src="../../../assets/imgs/profilePic.png">
|
||||
<ion-col size='6'>
|
||||
<img style="width: 130px;margin-top: 0px;position: relative;left: 410px;" [src]="userInfo.qr"/>
|
||||
</ion-col>
|
||||
<ion-col size="6">
|
||||
<p><b style="font-size: 25px !important; font-family: sans-serif;">{{userInfo.ASSIGNMENT_NUMBER}}</b></p>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col size='6'>
|
||||
<ion-label>
|
||||
<h1 class='font-text-style' style="font-size: 25px !important; width: 400px;">{{userInfo.name_en}}</h1>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
<ion-col size='6'>
|
||||
<ion-label>
|
||||
<h1 class='font-text-style'
|
||||
style="font-size: 25px !important; position: relative; left: 314px; text-align: end; padding: 10px; width: 225px;">{{userInfo.name_ar}}</h1>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<p><b style="font-size: 20px !important;">{{userInfo.EMPLOYEE_DISPLAY_NAME}}</b></p>
|
||||
<p style="font-size: 15px !important;">{{userJobName}}</p>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.job_en}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style' style="position: relative; left: 398px; text-align: end;">{{userInfo.ar}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<img style="width: 50%; max-width: 100%; margin-left: 25%;" [src]="userInfo.EmployeeQR">
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.mobile}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.email}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.company_url}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</ion-content>
|
||||
</ion-content>
|
||||
|
||||
<ion-content *ngIf="userInfo.CompanyMainCompany != 'CS'" dir="ltr">
|
||||
<ion-grid>
|
||||
<!-- <ion-footer>
|
||||
<div class="centerDiv" style="margin-top: 20px !important;">
|
||||
<ion-button class="button-login" (click)="dismiss()"><b>{{ts.trPK('general','close')}}</b></ion-button>
|
||||
</div>
|
||||
</ion-footer> -->
|
||||
|
||||
|
||||
<ion-content dir="ltr" *ngIf="userInfo.company_type != 'CS'">
|
||||
<ion-grid style="transform: rotate(90deg); padding: 25px;">
|
||||
<ion-row>
|
||||
<ion-col size="3"></ion-col>
|
||||
<ion-col size="9" *ngIf="userInfo.EMPLOYEE_IMAGE != null" padding>
|
||||
<img *ngIf="userInfo.EMPLOYEE_IMAGE != null" [src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE" style="width: 60%; height: 100%; border: 3px solid black;">
|
||||
<img *ngIf="userInfo.EMPLOYEE_IMAGE == null" src="../../../assets/imgs/profilePic.png" style="width: 60%; height: 100%; border: 3px solid black;">
|
||||
<ion-col style="padding-left: 315px;">
|
||||
<img style="width: 380px; position: fixed; left: 340; height: 81px;" [src]='userInfo.company_logo' alt="../assets/imgs/HMG_LOGO.png"/>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row style="padding: 0%;">
|
||||
<ion-col style="text-align: center;font-weight: bold;font-family: 'WorkSans-Bold'; padding: 0%;">
|
||||
<p style="font-size: 20px; padding: 0%;">{{userInfo.EMPLOYEE_NUMBER}}</p>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<img style="width: 130px;margin-top: 0px;position: relative;left: 560px; top: 160px;" [src]="userInfo.qr"/>
|
||||
</ion-col>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h1 class='font-text-style' style="font-size: 25px !important; width: 400px;">{{userInfo.name_en}}</h1>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col style="text-align: center;font-weight: bold;font-family: 'WorkSans-Bold'; padding: 0%;">
|
||||
<p style="font-size: 20px; padding: 0%;">{{userInfo.EMPLOYEE_DISPLAY_NAME}}</p>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.job_en}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row style="padding: 0%;">
|
||||
<ion-col style="text-align: center;font-weight: bold;font-family: 'WorkSans-Bold'; padding: 0%;">
|
||||
<p style="font-size: 15px; padding: 0%;">{{userJobName}}</p>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.mobile}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<img *ngIf="userInfo.CompanyImageURL" style="width: 90%; max-width: 100%; margin-left: 6%;" [src]="userInfo.CompanyBadge">
|
||||
<img *ngIf="!userInfo.CompanyImageURL" style="width: 50%; max-width: 100%; margin-left: 16%;" src="../../../assets/imgs/HMG_LOGO.png">
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.email}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<img style="width: 50%; max-width: 100%; margin-left: 25%;" [src]="userInfo.EmployeeQR">
|
||||
<ion-col>
|
||||
<ion-label>
|
||||
<h5 class='font-text-style'>{{userInfo.company_url}}</h5>
|
||||
</ion-label>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</ion-content>
|
||||
|
||||
<ion-footer>
|
||||
<div class="centerDiv" style="margin-top: 20px !important;">
|
||||
<ion-button class="button-login" (click)="dismiss()"><b>{{ts.trPK('general','close')}}</b></ion-button>
|
||||
</div>
|
||||
</ion-footer>
|
||||
</ion-content>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 249 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in New Issue