Vacation Rule Continued

MOHEMM-SFH-COLORS
haroon amjad 7 years ago
parent f24b082f7c
commit debded96a0

@ -174,7 +174,7 @@ export class TranslatorService {
} }
private setCurrentLanguageToDefault() { private setCurrentLanguageToDefault() {
TranslatorService.CURRENT_LANGUAGE = TranslatorService.AR; TranslatorService.CURRENT_LANGUAGE = TranslatorService.EN;
} }
public setCurrentLanguage(language: string) { public setCurrentLanguage(language: string) {
TranslatorService.CURRENT_LANGUAGE = language; TranslatorService.CURRENT_LANGUAGE = language;

@ -11,7 +11,7 @@
--> -->
<ion-button *ngIf="enableBack" (click)="backButtonClicked($event)"> <ion-button style="background: transparent;" *ngIf="enableBack" (click)="backButtonClicked($event)">
<ng-container *ngIf="direction"> <ng-container *ngIf="direction">
<ion-icon slot="icon-only" [name]=" direction == 'ltr' ? 'arrow-back': 'arrow-forward' "></ion-icon> <ion-icon slot="icon-only" [name]=" direction == 'ltr' ? 'arrow-back': 'arrow-forward' "></ion-icon>
</ng-container> </ng-container>

@ -1,82 +1,84 @@
<ion-header> <ion-header>
<!-- <ion-toolbar>
<nav-buttons></nav-buttons>
<ion-title>{{ 'general,vacation-rule' | translate}}</ion-title>
</ion-toolbar> -->
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons>
<ion-title color="light">{{ 'general,vacation-rule' | translate}}</ion-title>
</ion-toolbar>
<!-- <ion-toolbar class="header-toolbar">
<ion-buttons slot="start"> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack"></ion-back-button> <ion-back-button color="light" class="btnBack"></ion-back-button>
</ion-buttons> </ion-buttons>
<ion-title color="light">{{ 'general,vacation-rule' | translate}}</ion-title> <ion-title color="light">{{ 'general,vacation-rule' | translate}}</ion-title>
</ion-toolbar> </ion-toolbar> -->
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<div style="padding: 0 10px;" [innerHTML]='"vacation-rule, main-heading" | translate'></div> <div style="padding: 0 10px;" [innerHTML]='"vacation-rule, main-heading" | translate'></div>
<ion-card *ngFor="let item of GetVacationRulesList; let i = index;">
<ion-card-header class="boxHdr">
<ion-grid no-padding>
<ion-row class="hrTitle" nowrap>
<ion-col size="8">
<ion-text style="font-size: larger;"><b>{{'vacation-rule, rule-Info' | translate}}</b></ion-text>
</ion-col>
<ion-col size="2">
<button class="btnBack" ion-button (click)="deleteFunc(i)">
<img class="imgSize" src="../assets/imgs/delete.png"></button>
</ion-col>
<ion-col size="2">
<button class="btnBack" ion-button (click)="updateFunc(i)">
<img class="imgSize" src="../assets/imgs/edit.png"></button>
</ion-col>
</ion-row>
</ion-grid>
<div> </ion-card-header>
<ion-card *ngFor="let item of GetVacationRulesList; let i = index;">
<ion-card-header class="boxHdr">
<ion-grid no-padding>
<ion-row class="hrTitle" nowrap>
<ion-col size="8">
<ion-text style="font-size: larger;"><b>{{'vacation-rule, rule-Info' | translate}}</b></ion-text>
</ion-col>
<ion-col size="2">
<button class="btnBack" ion-button (click)="deleteFunc(i)">
<img class="imgSize" src="../assets/imgs/delete.png"></button>
</ion-col>
<ion-col size="2">
<button class="btnBack" ion-button (click)="updateFunc(i)">
<img class="imgSize" src="../assets/imgs/edit.png"></button>
</ion-col>
</ion-row>
</ion-grid>
</ion-card-header> <ion-card-content>
<ion-grid>
<ion-card-content> <div>
<ion-grid>
<div>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, rule-name' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.RULE_NAME}}</label>
</ion-col>
</ion-row>
</div>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, rule-type' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.ITEM_TYPE_DISPLAY_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, notification-label' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.NOTIFICATION_SUBJECT}}</label>
</ion-col>
</ion-row>
<ion-row> <ion-row>
<ion-col class="colBold"> <ion-col class="colBold">
<label for="">{{'vacation-rule, rule-status' | translate}}</label> <label for="">{{'vacation-rule, rule-name' | translate}}</label>
</ion-col> </ion-col>
<ion-col> <ion-col>
<label for=""> {{item.RULE_STATUS}}</label> <label for=""> {{item.RULE_NAME}}</label>
</ion-col> </ion-col>
</ion-row> </ion-row>
</div>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, rule-type' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.ITEM_TYPE_DISPLAY_NAME}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, notification-label' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.NOTIFICATION_SUBJECT}}</label>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="colBold">
<label for="">{{'vacation-rule, rule-status' | translate}}</label>
</ion-col>
<ion-col>
<label for=""> {{item.RULE_STATUS}}</label>
</ion-col>
</ion-row>
</ion-grid> </ion-grid>
</ion-card-content> </ion-card-content>
</ion-card>
</div>
</ion-card>
</ion-content> </ion-content>
<ion-footer>
<div class="centerDiv">
<ion-button class="footer-button" color="customnavy" ion-button (click)="Vaction_Type()">{{'vacation-rule, create-rule' | translate}}</ion-button>
</div>
</ion-footer>

@ -16,10 +16,6 @@ ion-col.colBold {
box-shadow: none; box-shadow: none;
} }
ion-button {
background: transparent;
}
ion-card-header { ion-card-header {
display: block; display: block;
overflow: hidden; overflow: hidden;
@ -36,10 +32,10 @@ ion-card-header {
float: right; float: right;
} }
.button, .footer-button {
.button-md, border-radius: 2px;
button-ios { padding: 0 1.1em;
background: transparent; min-height: 45px;
} }
ion-card-header { ion-card-header {
@ -58,19 +54,6 @@ ion-card-header {
padding-top: 12px; padding-top: 12px;
width: 100%; width: 100%;
min-height: 45px; min-height: 45px;
// @media screen and (max-width: 565px) {
// width: 80%;
// }
// @media screen and (max-width: 450px) {
// width: 74%;
// }
// @include ltr() {
// float: left;
// }
// @include rtl() {
// float: right;
// }
line-height: 1.2; line-height: 1.2;
} }
.button, .button,
@ -83,11 +66,5 @@ ion-card-header {
min-width: auto; min-width: auto;
padding: 0px !important; padding: 0px !important;
margin: 0px 5px !important; margin: 0px 5px !important;
// @include ltr() {
// float: right;
// }
// @include rtl() {
// float: left;
// }
} }
} }

@ -124,6 +124,10 @@ export class HomeComponent implements OnInit {
console.log(this.GetVacationRulesList); console.log(this.GetVacationRulesList);
} }
Vaction_Type() {
}
getVacationRules() { getVacationRules() {
this.P_PAGE_NUM = 1; this.P_PAGE_NUM = 1;
this.IsReachEnd = false; this.IsReachEnd = false;

@ -114,6 +114,10 @@
"rule-status": { "rule-status": {
"en": "Status", "en": "Status",
"ar": "الحالة" "ar": "الحالة"
},
"create-rule": {
"en": "Create Rule",
"ar": "إنشاء قاعدة"
} }
}, },
"verificationcode": { "verificationcode": {

Loading…
Cancel
Save