css updates

production
Sultan Khan 7 years ago
parent f21be03b02
commit 10d9533c4b

@ -19,7 +19,7 @@
<ion-label> <ion-label>
{{ts.trPK('home','worklist')}} {{ts.trPK('home','worklist')}}
<ion-badge slot="end" color="danger" class="main-badge">{{notBadge}}</ion-badge> <ion-badge [ngClass]=" direction === 'rtl' ? 'end-badge' : 'start-badge'" slot="end" color="danger" class="main-badge">{{notBadge}}</ion-badge>
</ion-label> </ion-label>
<!-- <button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" > <!-- <button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >

@ -22,6 +22,12 @@
margin: auto; margin: auto;
top: 0; top: 0;
bottom: 0; bottom: 0;
width:32px;
height: 32px; height: 32px;
}
.end-badge{
left:16px;
}
.start-badge{
right:16px;
} }

@ -1,6 +1,8 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/eit/eit-list/" ></ion-back-button>
</ion-buttons>
<ion-title color="light">{{headerTitle}}</ion-title> <ion-title color="light">{{headerTitle}}</ion-title>
<ion-buttons *ngIf="getPassdirfromNotifiPage == true" slot="primary"> <ion-buttons *ngIf="getPassdirfromNotifiPage == true" slot="primary">

@ -1,6 +1,9 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/eit/homepage" ></ion-back-button>
</ion-buttons>
<ion-title color="light">{{headerTitle}}</ion-title> <ion-title color="light">{{headerTitle}}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

@ -2,8 +2,8 @@
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<ion-title color="light">{{headerTitle}}</ion-title> <ion-title color="light">{{headerTitle}}</ion-title>
<ion-buttons slot="start"> <ion-buttons slot="start">
<nav-buttons></nav-buttons> <ion-back-button color="light" class="btnBack" defaultHref="/home" ></ion-back-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

@ -23,6 +23,7 @@
line-height: 2; line-height: 2;
min-width: auto; min-width: auto;
min-height: auto; min-height: auto;
border-radius: 50%;
} }
.header-div{ .header-div{
background:var(--primary); background:var(--primary);

@ -1,6 +1,8 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
</ion-buttons>
<ion-title color="light">{{headerTitle}}</ion-title> <ion-title color="light">{{headerTitle}}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

@ -2,7 +2,7 @@
<ion-header> <ion-header>
<ion-toolbar class="header-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" (click)="goback()"></ion-back-button>
<ion-icon class="search-icons" color="light" name="arrow-back" *ngIf="modalFlag" (click)="dismiss()"></ion-icon> <ion-icon class="search-icons" color="light" name="arrow-back" *ngIf="modalFlag" (click)="dismiss()"></ion-icon>
</ion-buttons> </ion-buttons>
<ion-title color="light" >{{headerTitle}}</ion-title> <ion-title color="light" >{{headerTitle}}</ion-title>

@ -1,4 +1,5 @@
import { Component, OnInit,ViewChild } from "@angular/core"; import { Component, OnInit,ViewChild } from "@angular/core";
import { Location } from "@angular/common";
import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service"; import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service";
import { CommonService } from "src/app/hmg-common/services/common/common.service"; import { CommonService } from "src/app/hmg-common/services/common/common.service";
import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service"; import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service";
@ -32,7 +33,8 @@ export class DetailsComponent implements OnInit {
public common: CommonService, public common: CommonService,
public myTeamService: MyTeamService, public myTeamService: MyTeamService,
public ts: TranslatorService, public ts: TranslatorService,
public modalController: ModalController public modalController: ModalController,
private location: Location
) { ) {
console.log("Constuctor called"); console.log("Constuctor called");
} }
@ -55,6 +57,9 @@ export class DetailsComponent implements OnInit {
if (this.employee) this.getEmpSubordinate(); if (this.employee) this.getEmpSubordinate();
} }
goback() {
this.location.back();
}
getEmpSubordinate() { getEmpSubordinate() {
this.modalFlag = this.employee.isModal; this.modalFlag = this.employee.isModal;
let selEmpNo: string = null; let selEmpNo: string = null;
@ -230,6 +235,10 @@ export class DetailsComponent implements OnInit {
} }
} }
sortMenuEntires(list) { sortMenuEntires(list) {
let tree = this.common.list_to_tree(list);
this.common.sharedService.setSharedData(tree, "menuEntries");
// this.common.navigateForward("/eit/homepage");
this.common.openEITPage();
// let tree = this.common.list_to_tree(list); // let tree = this.common.list_to_tree(list);
// this.navCtrl.push("MenuEntriesPage", { menuEntries: tree }); // this.navCtrl.push("MenuEntriesPage", { menuEntries: tree });
} }

@ -2,7 +2,8 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<ion-buttons slot="start"> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button> <ion-back-button color="light" class="btnBack" defaultHref="/home" ></ion-back-button>
<ion-icon class="search-icons" color="light" name="arrow-back" *ngIf="isSearch" (click)="dismiss()"></ion-icon> <ion-icon class="search-icons" color="light" name="arrow-back" *ngIf="isSearch" (click)="dismiss()"></ion-icon>
</ion-buttons> </ion-buttons>
<ion-title color="light" >{{headerTitle}}</ion-title> <ion-title color="light" >{{headerTitle}}</ion-title>

@ -1,4 +1,5 @@
import { Component, OnInit } from "@angular/core"; import { Component, OnInit } from "@angular/core";
import { Location } from "@angular/common";
import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service"; import { TranslatorService } from "src/app/hmg-common/services/translator/translator.service";
import { CommonService } from "src/app/hmg-common/services/common/common.service"; import { CommonService } from "src/app/hmg-common/services/common/common.service";
import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service"; import { AuthenticationService } from "src/app/hmg-common/services/authentication/authentication.service";
@ -28,12 +29,16 @@ export class HomeComponent implements OnInit {
public authService: AuthenticationService, public authService: AuthenticationService,
public common: CommonService, public common: CommonService,
public myTeamService: MyTeamService, public myTeamService: MyTeamService,
public modalController: ModalController public modalController: ModalController,
private location: Location
) {} ) {}
ngOnInit() { ngOnInit() {
this.setIntitial(); this.setIntitial();
} }
goback() {
this.location.back();
}
getData() {} getData() {}
setIntitial() { setIntitial() {
this.selMenu = this.common.sharedService.getSharedData( this.selMenu = this.common.sharedService.getSharedData(

@ -1,6 +1,8 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons> <ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/vacation-rule/create-vacation-rule"></ion-back-button>
</ion-buttons>
<ion-title color="light">{{ 'vacation-rule, create-vacation-rule' | translate}}</ion-title> <ion-title color="light">{{ 'vacation-rule, create-vacation-rule' | translate}}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

@ -1,7 +1,12 @@
<ion-header> <ion-header>
<ion-toolbar class="header-toolbar"> <ion-toolbar class="header-toolbar">
<nav-buttons></nav-buttons> <!-- <nav-buttons></nav-buttons> -->
<ion-buttons slot="start">
<ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
</ion-buttons>
<ion-title color="light">{{ 'vacation-rule, vacationRule' | translate}}</ion-title> <ion-title color="light">{{ 'vacation-rule, vacationRule' | translate}}</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>

Loading…
Cancel
Save