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.
113 lines
3.5 KiB
HTML
113 lines
3.5 KiB
HTML
<ion-content dir="ltr" *ngIf="userInfo.company_type == 'CS'">
|
|
<ion-grid style="transform: rotate(90deg); padding: 20px;">
|
|
<ion-row>
|
|
<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'>
|
|
<img style="width: 130px;margin-top: 0px;position: relative;left: 410px;" [src]="userInfo.qr"/>
|
|
</ion-col>
|
|
</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>
|
|
<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>
|
|
<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-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 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>
|
|
<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>
|
|
<ion-label>
|
|
<h5 class='font-text-style'>{{userInfo.job_en}}</h5>
|
|
</ion-label>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<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> |