Merge branch 'MOE_DEV_NEW_TEMPORARY_DESIGN' of https://gitlab.com/haroon6138/mohemmionic5 into MOE_DEV_NEW_TEMPORARY_DESIGN

MOE_DEV_NEW_TEMPORARY_DESIGN
umasoodch 3 years ago
commit 057e28bf16

@ -1,12 +1,12 @@
<ion-app [dir]="direction"> <ion-app [dir]="direction" id="lang">
<ion-split-pane> <ion-split-pane>
<ion-menu [swipeGesture]="false" side='start' *ngIf="direction ==='ltr'"> <ion-menu [swipeGesture]="false" side='start' *ngIf="direction ==='ltr'">
<ion-content class="sidebar-menu"> <ion-content class="sidebar-menu">
<div class="header-div"> <div class="header-div">
<div> <!-- <div>
<img class="closeIcon" (click)="closeMenu()" style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png "> <img class="closeIcon" (click)="closeMenu()" style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png ">
</div> </div> -->
<div > <div >
<img class="mohemmLogo" src="../assets/imgs/menu_mohemm_logo.png" > <img class="mohemmLogo" src="../assets/imgs/menu_mohemm_logo.png" >
</div> </div>
@ -128,9 +128,9 @@
<ion-menu [swipeGesture]="false" side='end' *ngIf="direction ==='rtl'"> <ion-menu [swipeGesture]="false" side='end' *ngIf="direction ==='rtl'">
<ion-content class="sidebar-menu"> <ion-content class="sidebar-menu">
<div class="header-div"> <div class="header-div">
<div> <!-- <div>
<img class="closeIcon" (click)="closeMenu()" style= "height: 18px !important; margin-right: 15px;" src="../assets/imgs/close_menu_icon.png "> <img class="closeIcon" (click)="closeMenu()" style= "height: 18px !important; margin-right: 15px;" src="../assets/imgs/close_menu_icon.png ">
</div> </div> -->
<div> <div>
<img class="mohemmLogo-ar" src="../assets/imgs/menu_mohemm_logo.png" > <img class="mohemmLogo-ar" src="../assets/imgs/menu_mohemm_logo.png" >
</div> </div>

@ -10,21 +10,19 @@ header
} }
.mohemmLogo { .mohemmLogo {
max-width: 46% !important; max-width: 46% !important;
border: 0 !important; border: 0 !important;
margin-left: 70px !important; margin-right: 70px !important;
margin-top: -24px !important; margin-top: -24px !important;
margin-bottom: 11px; margin-bottom: 5px;
} }
.mohemmLogo-ar { .mohemmLogo-ar {
max-width: 46% !important; max-width: 46% !important;
border: 0 !important; border: 0 !important;
margin-right: 70px !important; margin-right: 70px !important;
margin-top: -24px !important; margin-top: -24px !important;
margin-bottom: 11px; margin-bottom: 5px;
} }
.closeIcon { .closeIcon {
@ -38,6 +36,10 @@ header
top: 10px; top: 10px;
} }
hr {
border-width: 1px;
}
.menubutton { .menubutton {
white-space: normal; white-space: normal;
@ -77,21 +79,19 @@ header
.logout { .logout {
background-color: #024d71; background-color: #0ca2de;
border: none; border: none;
color: white; color: white;
// padding: 20px;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
margin-left: 120px !important; margin-right: 95px !important;
margin-top: 15px !important; margin-top: 15px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
border-radius: 30px; border-radius: 30px;
// width: 40px; height: 30px;
height: 26px; padding: 0px 18px;
padding: 6px 24px;
} }
@ -289,22 +289,26 @@ button.menu-item.item.item-block.item-ios {
} }
.TxtPlace { .TxtPlace {
margin: 0; font-size: 20px;
padding: 0; color: #000;
text-align: center; text-overflow: ellipsis;
font-weight: bolder; overflow: hidden;
color: black; white-space: nowrap;
font-size: 16px; width: 90%;
margin: auto;
} }
.TxtPlaces { .TxtPlaces {
margin-top: 2px;
margin: 0;
padding: 0;
text-align: center;
font-weight: bolder;
font-size: 14px; font-size: 14px;
color: darkgray; color: #000;
font-family: 'Inter' !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 90%;
margin: auto;
} }
.menuFooter { .menuFooter {
@ -323,24 +327,12 @@ button.menu-item.item.item-block.item-ios {
margin: auto; margin: auto;
} }
// .menuFooter .CompanyImg {
// width: 100%;
// height: 100%;
// }
.menuFooter .CompanyImg { .menuFooter .CompanyImg {
width: 65%; width: 65%;
height: 60%; height: 60%;
margin-bottom: -21px; margin-bottom: -21px;
} }
// .logoImg{
// width: 120px;
// position: relative;
// }
.logoImgWithMyTeam { .logoImgWithMyTeam {
width: 225px; width: 225px;
@ -394,8 +386,8 @@ ion-thumbnail.menu-thumb {
// } // }
.profileImg { .profileImg {
width: 140px; width: 100px;
height: 140px; height: 100px;
display: -webkit-inline-box; display: -webkit-inline-box;
display: inline-flex; display: inline-flex;
overflow: hidden; overflow: hidden;

@ -2,12 +2,11 @@
height: 25vh; height: 25vh;
} }
.rowOutside{ ion-content {
// margin-top: -37px; --background: #f5f5f5;
} }
.button-digital-id{ .button-digital-id {
--background: white !important; --background: white !important;
background: white !important; background: white !important;
white-space: normal; white-space: normal;
@ -22,16 +21,16 @@
} }
.digital-id-en{ .digital-id-en {
color: black; color: black;
position: absolute; position: absolute;
right: 20px; right: 20px;
width: 10%; width: 10%;
} }
.digital-id-ar{ .digital-id-ar {
color: black; color: black;
position: absolute; position: absolute;
left: 20px; left: 20px;
width: 10%; width: 10%;
} }

@ -7,7 +7,9 @@
<div class="last-circle"></div> <div class="last-circle"></div>
</div> </div>
</ion-row> </ion-row>
</ion-grid>
<div class="login-container">
<ion-grid>
<ion-row> <ion-row>
<ion-col *ngIf="!user"> <ion-col *ngIf="!user">
<P class="pageTitle text-caps">{{ts.trPK('login','login')}}</P> <P class="pageTitle text-caps">{{ts.trPK('login','login')}}</P>
@ -16,13 +18,13 @@
</ion-grid> </ion-grid>
<div *ngIf="!user" [dir]="currentLang==1 ?'rtl': 'ltr'"> <div *ngIf="!user" [dir]="currentLang==1 ?'rtl': 'ltr'">
<ion-item class="item-input-login"> <ion-item class="item-input-login" lines="none">
<img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/username.png" item-start /> <img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/username.png" item-start />
<ion-input class="login-input" required type="text" [(ngModel)]="username" placeholder="{{ts.trPK('login','username')}}"> <ion-input class="login-input" required type="text" [(ngModel)]="username" placeholder="{{ts.trPK('login','username')}}">
</ion-input> </ion-input>
</ion-item> </ion-item>
<ion-item class="item-input-login"> <ion-item class="item-input-login" lines="none">
<img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/password.png" item-start /> <img style="margin: 9px 8px 9px 0 !important;" class="item-icon" src="assets/imgs/password.png" item-start />
<ion-input class="login-input" required [type]="inputType" [(ngModel)]="password" placeholder="{{ts.trPK('login','password')}}"> <ion-input class="login-input" required [type]="inputType" [(ngModel)]="password" placeholder="{{ts.trPK('login','password')}}">
</ion-input> </ion-input>
@ -39,16 +41,16 @@
</div> </div>
</div> </div>
<div *ngIf="!user" class="centerDiv" style="margin: 25px 15px !important;">
<ion-button [ngClass]="{'disable-button-opacity': isValidForm()}" class="button-login" (click)="onLogin()" [disabled]="isValidForm()" style="width: 100% !important;">{{ts.trPK('login','login')}}</ion-button>
</div>
<!-- <div *ngIf="welcomeBack"> --> <!-- <div *ngIf="welcomeBack"> -->
<welcome-login (onLogin)="login()" (loginWithUser)="loginWithUser()" *ngIf="user"> <welcome-login (onLogin)="login()" (loginWithUser)="loginWithUser()" *ngIf="user">
</welcome-login> </welcome-login>
<!-- </div> --> <!-- </div> -->
<div *ngIf="!user" class="centerDiv" style="margin: 25px 15px !important;">
<ion-button [ngClass]="{'disable-button-opacity': isValidForm()}" class="button-login" (click)="onLogin()" [disabled]="isValidForm()" style="width: 100% !important;">{{ts.trPK('login','login')}}</ion-button>
<!-- digital ID button --> <!-- digital ID button -->
<!-- <ion-button *ngIf="userInfo" class="button-digital-id" (click)="openDigitalId()"> <!-- <ion-button *ngIf="userInfo" class="button-digital-id" (click)="openDigitalId()">
<p style="color: black;">{{ts.trPK('general','digital-id')}}</p> <p style="color: black;">{{ts.trPK('general','digital-id')}}</p>

@ -23,6 +23,7 @@
text-align: center; text-align: center;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
font-weight: bold;
} }
.TxtPlace { .TxtPlace {
@ -97,10 +98,12 @@ img.centerDiv {
} }
button.arTxt { button.arTxt {
font-family: var(--fontFamilyIOSAR) !important;
:root[dir="rtl"] { :root[dir="rtl"] {
float: right; float: right;
color: var(--customnavy) !important; color: var(--customnavy) !important;
font-family: var(--fontFamilyIOSAR) !important;
font-weight: bold; font-weight: bold;
border-radius: 2px 0px 0px 2px !important; border-radius: 2px 0px 0px 2px !important;
} }
@ -118,10 +121,11 @@ img.centerDiv {
.login-input { .login-input {
border: none; border: none;
margin-right: 5px; margin-right: 5px;
font-family: 'Kufi';
} }
.item-input { .item-input {
--min-height: 1.0cm !important; --min-height: 1.5cm !important;
--border-radius: 12px; --border-radius: 12px;
--ion-color-base: white !important; --ion-color-base: white !important;
// --background: color: var(--darkgray) !important; // --background: color: var(--darkgray) !important;
@ -141,7 +145,7 @@ img.centerDiv {
white-space: normal; white-space: normal;
color: var(--light); color: var(--light);
text-transform: capitalize; text-transform: capitalize;
min-height: 1.0cm; min-height: 1.3cm;
--border-radius: 33px !important; --border-radius: 33px !important;
border-radius: 33px !important; border-radius: 33px !important;
--min-height: 1.6cm !important; --min-height: 1.6cm !important;
@ -172,8 +176,8 @@ img.centerDiv {
.first-circle { .first-circle {
background: #024d71 !important; background: #024d71 !important;
border-radius: 50%; border-radius: 50%;
height: 292px; height: 310px;
width: 288px; width: 310px;
float: left; float: left;
margin-left: -55px; margin-left: -55px;
margin-top: -140px; margin-top: -140px;
@ -185,7 +189,7 @@ img.centerDiv {
background: #387c84 !important; background: #387c84 !important;
border-radius: 50%; border-radius: 50%;
height: 160px; height: 160px;
width: 170px; width: 190px;
margin: -115px 0px 0px 179px; margin: -115px 0px 0px 179px;
} }

@ -158,6 +158,7 @@ export class LoginComponent implements OnInit, OnDestroy {
} }
this.currentLang = langNumber; this.currentLang = langNumber;
document.getElementById('lang').lang = this.currentLang == 1 ? 'ar' : 'en';
} }
public forgetPasswordPage() { public forgetPasswordPage() {

@ -56,7 +56,7 @@ ion-input {
outline: none; outline: none;
width: 20%; width: 20%;
transition: all .2s ease-in-out; transition: all .2s ease-in-out;
border-radius: 3px; border-radius: 15px;
display: inline-block; display: inline-block;
&:focus { &:focus {

@ -27,10 +27,10 @@ export class ConnectorService {
public static retryTimes = 0; public static retryTimes = 0;
public static timeOut = 180 * 1000; public static timeOut = 180 * 1000;
// public static host = 'https://uat.hmgwebservices.com/'; public static host = 'https://uat.hmgwebservices.com/';
// public static host = 'https://hmgwebservices.com/'; // public static host = 'https://hmgwebservices.com/';
// public static host = 'http://riyt-mohemm1:1010/' //MOE inside // public static host = 'http://riyt-mohemm1:1010/' //MOE inside
public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn // public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn
// public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA // public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA
// public static host = 'http://10.254.212.41:1010/' // public static host = 'http://10.254.212.41:1010/'
// public static host = 'http://riyz-mohemm1.mopm.gov.sa:1010/' // public static host = 'http://riyz-mohemm1.mopm.gov.sa:1010/'
@ -38,8 +38,8 @@ export class ConnectorService {
constructor(public httpClient: HttpClient, constructor(public httpClient: HttpClient,
public cs: CommonService, public cs: CommonService,
private events: Events, private events: Events,

@ -3,12 +3,10 @@
margin-left: 2%; margin-left: 2%;
margin-right: 2%; margin-right: 2%;
height: 4cm; height: 4cm;
box-shadow: 0px 0px 8px 2px #d5d5d5ab;
background: white; background: white;
margin-bottom: 0.3cm; margin-bottom: 0.3cm;
// border-color: #ececec; border-radius: 30px !important;
border-style: solid; border: 1.3px solid #8b8b8b;
border-width: 0.02cm;
} }
// .custom-button:hover { // .custom-button:hover {
@ -19,7 +17,7 @@
.icon{ .icon {
margin-top: 0.7cm; margin-top: 0.7cm;
margin-left: 27%; margin-left: 27%;
margin-right: 27%; margin-right: 27%;

@ -1,186 +1,122 @@
.team-member-container{ .team-member-container {
// background: white;
// border-radius: 100px 20px 20px 100px;
// margin-top: 15px;
// font-family: WorkSans-Regular;
// border: 1px solid #ccc;
// border-radius: 15px;
// padding-bottom: 8px;
background: white; background: white;
/* margin-top: 2px; */ /* margin-top: 2px; */
font-family: WorkSans-Regular; font-family: WorkSans-Regular;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 15px; border-radius: 15px;
padding-bottom: 8px; padding-bottom: 5px;
margin-bottom: 7px; margin-bottom: 15px;
box-shadow: 0px 1px 5px #cdcdcd;
} }
// .user-image-container{ .user-image {
// position: relative;
// width: 70px;
// height: 70px;
// display: block;
// margin: 0 auto;
// &:before{
// position: absolute;
// content: "";
// width: 20px;
// height: 20px;
// border-radius: 20px;
// border: 1px solid white;
// top: 0;
// right: 0;
// background-color: red;
// z-index: 9;
// }
// &.present:before{
// background-color: green !important;
// }
// }
.user-image{
// overflow: hidden;
// position: relative;
// display: block;
// width: 100%;
// height: 100%;
// border-radius: 80px;
// border: 1px solid #ccc;
// margin: 0px auto 6px;
img { img {
// width: 100%; width: 60px;
// max-height: 100%; height: 60px;
width: 74%;
max-height: 74%; border-radius: 30px;
margin-top: 4px; margin: 5px;
margin-left: 6px;
} }
} }
.employee-name{ .employee-name {
display: inline-block; display: inline-block;
width: 80%; width: 80%;
.name{
// font-size: 16px; .name {
// color: black;
// // margin: 0; font-size: 16px;
// width: 100%; text-overflow: ellipsis;
// text-overflow: ellipsis; white-space: nowrap;
// white-space: nowrap; overflow: hidden;
// overflow: hidden; margin-left: -10px;
// margin-left: -10px; margin-top: -5px;
// margin-top: -5px; text-align: left;
// font-family: 'WorkSans-Bold'; font-weight: bold;
font-size: 16px; line-height: 25px;
text-overflow: ellipsis; letter-spacing: -0.64px;
white-space: nowrap; color: #2B353E;
overflow: hidden; opacity: 1;
margin-left: -10px; font-family: 'Inter' !important;
margin-top: -5px;
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 25px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
} }
.title{ .title {
// font-size: 13px;
// color: #888; font-family: 'Inter' !important;
// width: 100%; line-height: 12px;
// text-overflow: ellipsis; letter-spacing: -0.56px;
// white-space: nowrap; color: #575757;
// overflow: hidden; opacity: 1;
// display: block; font-size: 14px;
// margin-left: -10px; width: 100%;
// margin-top: -6px; text-overflow: ellipsis;
// color: black; white-space: nowrap;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); overflow: hidden;
line-height: 12px; display: block;
letter-spacing: -0.56px; margin-left: -10px;
color: #575757; margin-top: -10px;
opacity: 1;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-left: -10px;
margin-top: -10px;
} }
} }
.employee-name-ar{ .employee-name-ar {
display: inline-block; display: inline-block;
width: 80%; width: 80%;
.name{
// font-size: 16px; .name {
// color: black; font-size: 16px;
// // margin: 0; text-overflow: ellipsis;
// width: 100%; white-space: nowrap;
// text-overflow: ellipsis; overflow: hidden;
// white-space: nowrap; margin-left: -10px;
// overflow: hidden; margin-top: -5px;
// margin-left: -10px; text-align: right;
// margin-top: -5px; font-family: 'Inter' !important;
// font-family: 'WorkSans-Bold'; line-height: 25px;
font-size: 16px; letter-spacing: -0.64px;
text-overflow: ellipsis; color: #2B353E;
white-space: nowrap; opacity: 1;
overflow: hidden; font-weight: bold;
margin-left: -10px;
margin-top: -5px;
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 25px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
} }
.title{ .title {
// font-size: 13px;
// color: #888; font-family: 'Inter' !important;
// width: 100%; line-height: 12px;
// text-overflow: ellipsis; letter-spacing: -0.56px;
// white-space: nowrap; color: #575757;
// overflow: hidden; opacity: 1;
// display: block; font-size: 14px;
// margin-left: -10px; width: 100%;
// margin-top: -6px; text-overflow: ellipsis;
// color: black; white-space: nowrap;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); overflow: hidden;
line-height: 12px; display: block;
letter-spacing: -0.56px; margin-left: -10px;
color: #575757; margin-top: -10px;
opacity: 1;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-left: -10px;
margin-top: -10px;
} }
} }
.image-container{
.image-container {
width: 20%; width: 20%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
margin-top: 5px; margin-top: 5px;
position: relative;
top: 12px;
} }
.swipe-information{
.swipe-information {
color: #888; color: #888;
font-size: 12px; font-size: 12px;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
padding-top: 6px; padding-top: 6px;
margin-top: 6px; margin-top: 6px;
.check-in { .check-in {
font-size: 12px; font-size: 12px;
margin-right: 15px; margin-right: 15px;
} }
} }

@ -1,25 +1,27 @@
.custom-button { .custom-button {
background: white; background: white;
margin-bottom: 0px;
border: 1px solid #ccc;
border-radius: 20px; border-radius: 20px;
width: 100%; width: 100%;
max-width: 105px; max-width: 105px;
height: 100px; height: 100px;
padding: 10px; padding: 10px;
min-width: 96px; min-width: 100px;
box-shadow: 0px 0px 5px #ccc;
margin-bottom: 5px;
} }
.iconBox { .iconBox {
display: block; display: block;
width: 100%; width: 100%;
position: static; position: static;
height: 40px;
} }
.iconBox img { .iconBox img {
margin: 0px auto 10px !important; margin: 0px auto 10px !important;
display: block; display: block;
width: 35px; width: 35px;
height: 33px;
// max-width: 35%; // max-width: 35%;
} }
@ -34,5 +36,5 @@
margin-top: 10px; margin-top: 10px;
color: black; color: black;
font-weight: 600; font-weight: 600;
} letter-spacing: .6px;
}

@ -1,7 +1,8 @@
.custom-button { .custom-button {
box-shadow: 0px 0px 5px #ccc;
background: white; background: white;
margin-bottom: 0px; margin-bottom: 5px;
border: 1px solid #ccc;
border-radius: 20px; border-radius: 20px;
width: 200px; width: 200px;
max-width: 105px; max-width: 105px;

@ -51,6 +51,7 @@ ion-label {
.main-dashboard-container { .main-dashboard-container {
position: relative; position: relative;
width: 100%; width: 100%;
--background: #f5f5f5;
} }
.contentBg:before { .contentBg:before {

@ -43,7 +43,7 @@
<ion-input *ngIf="showUserNameOrNameInput" placeholder ="Search by Name" [(ngModel)]="searchNameOrUserName" ></ion-input> <ion-input *ngIf="showUserNameOrNameInput" placeholder ="Search by Name" [(ngModel)]="searchNameOrUserName" ></ion-input>
<ion-input *ngIf="showUserNameInput" placeholder ="Search by Username" [(ngModel)]="searchUserName" ></ion-input> <ion-input *ngIf="showUserNameInput" placeholder ="Search by Username" [(ngModel)]="searchUserName" ></ion-input>
</div> </div>
<div *ngIf="isSearch" (click)="clearSearch()" class="search-container"> <div *ngIf="isSearch" (click)="clearSearch()" [class]="direction =='en' ? 'search-container' : 'search-container-ar'">
<ion-col style="float: right;" > <ion-col style="float: right;" >
<ion-icon name="close" ></ion-icon> <ion-icon name="close" ></ion-icon>
</ion-col> </ion-col>
@ -51,85 +51,13 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
</div> </div>
<!-- <div class="result-text-container">
<h2>{{totalEmployees}}</h2>
<span>{{ts.trPK('myTeam','total')}} <br> {{ts.trPK('myTeam','team-members')}}</span>
</div> -->
</div> </div>
<div class="div"> <div class="div">
<div class="text" >{{ts.trPK('myTeam','my-team-members')}}</div> <div class="text" >{{ts.trPK('myTeam','my-team-members')}}</div>
<div [ngClass]="direction == 'en' ? 'numberEmp':'numberEmp-ar' ">{{EmployeeTotal}}</div> <div [ngClass]="direction == 'en' ? 'numberEmp':'numberEmp-ar' ">{{EmployeeTotal}}</div>
</div> </div>
<!-- <div>
<ion-row>
<ion-col><p class="text">{{ts.trPK('myTeam','my-team-members')}}</p></ion-col>
<ion-col> <div [ngClass]="direction == 'en' ? 'number':'number-ar' ">
<p class="numberEmp">{{EmployeeTotal}}</p></div></ion-col>
</ion-row>
</div> -->
<!-- <div class="result-graph">
<div class="request-heading">
<span>{{ts.trPK('myTeam','team-stats')}}</span>
</div>
<div class="result-text-container">
<h2>{{totalEmployees}}</h2>
<span>{{ts.trPK('myTeam','total')}} <br> {{ts.trPK('myTeam','team-members')}}</span>
</div>
<p-chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
</div> -->
<!-- <ion-row class="filters-row">
<ion-slides [options]="slideOptsOne">
<ion-slide *ngFor="let filter of filters; let i=index">
<app-card-filter
[value]="filter.value"
[text]="filter.name"
[color]="filter.color"
[active]="filter.active"
(click)="activeFilter(i)"
></app-card-filter>
</ion-slide>
</ion-slides>
</ion-row> -->
<!-- <div style="margin-top: 15px;background: white;border-radius: 100px;overflow: hidden;">
<ion-row no-padding>
<ion-col [size]="3" class="search-dropdown" no-padding>
<ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
[(ngModel)]="searchKeySelect" (ionChange)="showSelectedField($event)">
<ion-select-option value="Name" selected="true">{{ts.trPK('searchForReplacment','name')}}</ion-select-option>
<ion-select-option value="User Name">{{ts.trPK('searchForReplacment','userName')}} </ion-select-option>
<ion-select-option value="Email">{{ts.trPK('searchForReplacment','email')}} </ion-select-option>
</ion-select>
</ion-col>
<ion-col [size]="7" class="input-container" no-padding>
<ion-input *ngIf="showEmailInput" placeholder="Employee Email" [(ngModel)]="searchEmail" pattern="email"></ion-input>
<ion-input *ngIf="showUserNameOrNameInput" placeholder ="{{ts.trPK('general','search')}}" [(ngModel)]="searchNameOrUserName"></ion-input>
</ion-col>
<ion-col [size]="2" style="background: #ccc;text-align: center;" no-padding (click)="searchEmployee()">
<ion-icon style="margin-top: 10px;font-size: 20px;" class="search-icons" color="light" name="search"></ion-icon>
</ion-col>
</ion-row>
</div> -->
<!-- <div *ngIf="isSearch">
<ion-row class="search-container">
<ion-col style="float: left;" size=[6] (click)="clearSearch()">
<span style="margin-left: 5px;">{{ts.trPK('work-list','clear-search')}}</span>
<ion-icon name="close" ></ion-icon>
</ion-col>
</ion-row>
</div> -->
<ng-container *ngFor="let subordinate of empSubordinate;let i=index"> <ng-container *ngFor="let subordinate of empSubordinate;let i=index">
<app-employee-information <app-employee-information
[name]="subordinate.EMPLOYEE_NAME" [name]="subordinate.EMPLOYEE_NAME"

@ -41,16 +41,10 @@ ion-content {
padding-right: 20px; padding-right: 20px;
span { span {
// display: block;
// padding-top: 8px;
// padding-left: 15px;
// font-weight: bold;
// font-size: 12px;
// margin-top: 9px;
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 18px; line-height: 18px;
font-weight: bold;
letter-spacing: -0.48px; letter-spacing: -0.48px;
color: #2B353E; color: #2B353E;
opacity: 1; opacity: 1;
@ -58,13 +52,7 @@ ion-content {
} }
.search-label { .search-label {
// border: 1px solid #ccc;
// margin-left: 15px;
// margin-right: 15px;
// border-radius: 22px;
// margin-top: 24px;
// font-size: 11px;
// color: rgb(143, 141, 141);
border: 1px solid #ccc; border: 1px solid #ccc;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
@ -74,6 +62,7 @@ ion-content {
color: #8f8d8d; color: #8f8d8d;
margin-right: 15px !important; margin-right: 15px !important;
padding: 10px; padding: 10px;
font-family: 'Inter' !important;
} }
.result-graph { .result-graph {
@ -199,9 +188,7 @@ ion-content {
} }
.search-container { .search-container {
// margin-top: 15px;
// margin-top: -35px;
// margin-left: 262px;
width: 30px; width: 30px;
height: 30px; height: 30px;
position: absolute; position: absolute;
@ -210,9 +197,6 @@ ion-content {
z-index: 999999; z-index: 999999;
ion-col { ion-col {
// background: white;
// border-radius: 12px;
// padding-right: 10px;
flex: none; flex: none;
ion-icon { ion-icon {
@ -229,12 +213,32 @@ ion-content {
} }
} }
// .myClass .toggle-icon { .search-container-ar {
// background-color: purple; // this changes the background, ie the grey stripe.
// .toggle-inner { width: 30px;
// background-color: yellow; // this changes the backgroundcolor of the toggle dot. height: 30px;
// } position: absolute;
// } top: 45px;
left: 38px;
z-index: 999999;
ion-col {
flex: none;
ion-icon {
margin-right: 3px;
font-size: 14px;
margin-left: 3px;
vertical-align: middle;
}
span {
font-size: 12px;
vertical-align: middle;
}
}
}
@media only screen and (max-width: 375px) { @media only screen and (max-width: 375px) {
.text-label { .text-label {
@ -250,34 +254,21 @@ ion-content {
.text-label { .text-label {
// --color: black !important;
// font-size: 13px;
// margin-left: 15px;
// margin-right: 18px;
text-align: left; text-align: left;
// font: normal normal 600 12px/18px Poppins;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 18px; line-height: 18px;
font-size: 14px; font-size: 12px;
letter-spacing: -0.48px; letter-spacing: -0.48px;
color: #575757 !important; color: #575757 !important;
opacity: 1; opacity: 1;
margin-left: 15px; margin-left: 5px;
margin-right: 18px; margin-right: 5px;
font-weight: bold;
} }
.radio-list { .radio-list {
background: white; background: white;
// margin-left: 18px;
/* margin-right: 10px; */
// margin-top: 12px;
} }
// .selected .radio-icon {
// border-color: #0064D9;
// color: red;
// }
.radio-icon { .radio-icon {
.custom-radio .radio-icon { .custom-radio .radio-icon {
@ -292,12 +283,8 @@ ion-content {
} }
.text { .text {
// font-size: 16px;
// font-weight: bolder;
// font-family: 'WorkSans-Bold';
// margin-top: 27px;
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 11px; line-height: 11px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
@ -305,26 +292,11 @@ ion-content {
opacity: 1; opacity: 1;
margin-top: 30px; margin-top: 30px;
margin-bottom: 28px; margin-bottom: 28px;
font-weight: bold;
} }
// .number{
// width: 21px;
// height: 21px;
// padding-right: -10px;
// border-radius: 100%;
// background-color: #024d71;
// z-index: 9;
// margin-top: 26px;
// }
// .numberEmp{
// color: white;
// font-size: 12px;
// font-weight: bolder;
// margin-left: 3px;
// padding-top: 2px;
// }
.number { .number {
width: 22px; width: 22px;
height: 20px; height: 20px;
@ -352,33 +324,30 @@ ion-content {
/* padding-top: 5px; */ /* padding-top: 5px; */
/* padding-right: 20px; */ /* padding-right: 20px; */
margin-left: 13px; margin-left: 13px;
width: 23px; width: 25px;
height: 23px; height: 25px;
border-radius: 100%; border-radius: 100%;
background-color: #024d71; background-color: #0ca2de;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */
text-align: center; text-align: center;
padding-top: 3px; padding-top: 5px;
} }
.numberEmp-ar { .numberEmp-ar {
color: white; color: white;
font-size: 12px; font-size: 11px;
font-weight: bolder; font-weight: bolder;
/* padding-top: 5px; */
/* padding-right: 20px; */
margin-right: 13px; margin-right: 13px;
width: 23px; width: 25px;
height: 23px; height: 25px;
border-radius: 100%; border-radius: 100%;
background-color: #024d71; background-color: #0ca2de;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */
text-align: center; text-align: center;
padding-top: 3px; padding-top: 5px;
} }
.div { .div {

@ -32,8 +32,7 @@
height: 99%; height: 99%;
background: #e4e4e4; background: #e4e4e4;
z-index: 1; z-index: 1;
/* margin-left: -10px; */
/* z-index: 1; */
} }
.timelineMain .timelineMain-thumb { .timelineMain .timelineMain-thumb {
@ -42,12 +41,6 @@
width: 50px; width: 50px;
z-index: 2; z-index: 2;
position: absolute; position: absolute;
// :root[dir="ltr"]{
// left: 37px;
// }
// :root[dir="rtl"]{
// right: 37px;
// }
width: 50px; width: 50px;
float: right; float: right;
top: 0px; top: 0px;
@ -55,9 +48,6 @@
.timelineMain .timelineMain-thumb.timelineMain-icon { .timelineMain .timelineMain-thumb.timelineMain-icon {
height: 50px; height: 50px;
// text-align: center;
// color: white;
// border: 5px solid #CBD0D3;
transform: scale(0.3); transform: scale(0.3);
} }
@ -409,6 +399,8 @@ ion-content {
// padding-right: 30px; // padding-right: 30px;
flex: none; flex: none;
box-shadow: 0px 0px 3px #cdcdcd;
ion-icon { ion-icon {
margin-right: 3px; margin-right: 3px;
font-size: 20px; font-size: 20px;
@ -437,7 +429,7 @@ ion-content {
border-radius: 50%; border-radius: 50%;
width: 15px; width: 15px;
height: 15px; height: 15px;
background-color: #024d71; background-color: #0ca2de;
top: 1px; top: 1px;
} }
@ -471,6 +463,7 @@ ion-content {
margin-right: 20px; margin-right: 20px;
margin-bottom: 15px; margin-bottom: 15px;
padding-right: 15px; padding-right: 15px;
box-shadow: 0px 0px 3px #cdcdcd;
p { p {
font-size: 14px; font-size: 14px;

@ -634,7 +634,7 @@
<div *ngIf="actionHistoryRes && actionHistoryRes.length > 0 "> <div *ngIf="actionHistoryRes && actionHistoryRes.length > 0 ">
<ion-list class="notification-list "> <ion-list class="notification-list ">
<div class="timeline"> <div class="timeline">
<ion-item *ngFor="let actionHistory of actionHistoryRes"> <ion-item lines="none" *ngFor="let actionHistory of actionHistoryRes">
<div class="timeline-item" slot="start"> <div class="timeline-item" slot="start">
<div <div
@ -682,7 +682,7 @@
<ion-col size="4"> <ion-col size="4">
<img class="req_info" src="assets/imgs/req info.svg" <img class="req_info" src="assets/imgs/req info.svg"
(click)="openRequestInfoDel(actionHistory, 'REQUEST_INFO')" /> (click)="openRequestInfoDel(actionHistory, 'REQUEST_INFO')" />
<img class="req_info deligate" src="assets/imgs/delegate.svg" <img class="req_info" src="assets/imgs/delegate.svg"
(click)="openRequestInfoDel(actionHistory, 'DELEGATE')" /> (click)="openRequestInfoDel(actionHistory, 'DELEGATE')" />
</ion-col> </ion-col>

@ -113,7 +113,7 @@ button.actionBtn.button.button {
width: 22px; width: 22px;
height: 22px; height: 22px;
display: inline-block; display: inline-block;
margin: 0px 5px 0px 5px; margin: 0px 7px 0px 7px;
} }
.deligate { .deligate {
@ -356,7 +356,7 @@ ion-card {
.active-Segment { .active-Segment {
font-size: 0.3cm !important; font-size: 0.3cm !important;
background: #024d71 !important; background: #0ca2de !important;
text-transform: none; text-transform: none;
--color-checked: none; --color-checked: none;
border-radius: 100px; border-radius: 100px;
@ -394,4 +394,13 @@ ion-card {
margin: 0; margin: 0;
white-space: nowrap; white-space: nowrap;
font-size: 10px; font-size: 10px;
}
ion-item {
margin: 10px;
border-bottom: 1.5px solid #ececec;
}
ion-item:last-child {
border: none;
} }

@ -1291,7 +1291,7 @@ export class WorklistMainComponent implements OnInit {
showLoading(notificationList) { showLoading(notificationList) {
if (notificationList.length < 0) { if (notificationList.length < 0) {
return true; return true;
} else if (notificationList === []) { } else if (notificationList.length == 0) {
return false; return false;
} else { return true; } } else { return true; }
} }

@ -130,7 +130,7 @@ ion-thumbnail.menu-thumb {
} }
.service-ar { .service-ar {
font-size: 20px; font-size: 18px;
color: white; color: white;
// letter-spacing: 1px; // letter-spacing: 1px;
font-weight: bold; font-weight: bold;
@ -1316,19 +1316,20 @@ $actionBtnSize: 36px;
letter-spacing: -0.84px; letter-spacing: -0.84px;
color: #2B353E; color: #2B353E;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-weight: bold;
line-height: 21px; line-height: 21px;
font-size: 21px; font-size: 21px;
} }
.email { .email {
text-align: center; text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); margin: 10px;
font-size: 13px; font-size: 13px;
line-height: 6px; line-height: 6px;
letter-spacing: -0.52px; letter-spacing: -0.52px;
color: #A2A2A2; color: #A2A2A2;
opacity: 1; opacity: 1;
font-family: 'Inter' !important;
} }
@ -1337,8 +1338,8 @@ $actionBtnSize: 36px;
letter-spacing: -0.52px; letter-spacing: -0.52px;
color: #A2A2A2; color: #A2A2A2;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
font-size: 13px; font-size: 16px;
line-height: 0px; line-height: 0px;
margin-bottom: 7px; margin-bottom: 7px;
} }
@ -1349,17 +1350,19 @@ $actionBtnSize: 36px;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #2B353E;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: 'Inter' !important;
font-size: 16px; font-size: 14px;
line-height: 19px; line-height: 19px;
top: 5px;
position: relative;
} }
.btnTitle { .btnTitle {
text-align: center; text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); line-height: 12px;
line-height: 10px;
font-size: 11px; font-size: 11px;
color: #4D4D4D; color: #4D4D4D;
margin-top: 5px;
} }
.Profileheader-label-text-form { .Profileheader-label-text-form {
@ -1423,7 +1426,7 @@ $actionBtnSize: 36px;
.header-label-text-form-ar { .header-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-weight: bold;
line-height: 30px; line-height: 30px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
@ -1447,12 +1450,14 @@ $actionBtnSize: 36px;
.result-label-text-form-ar { .result-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 20px; line-height: 20px;
font-size: 16px; font-size: 16px;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #2B353E;
opacity: 1; opacity: 1;
font-family: 'Inter' !important;
margin-top: 3px;
font-weight: bold;
} }
.create-edit { .create-edit {

Binary file not shown.

@ -1,46 +1,101 @@
// $font-family-base: "WorkSans-Regular" !default;
body { body {
:root[dir="rtl"] { ion-app[lang="en"] {
font-family: var(--fontFamilyBoldEN) !important;
}
ion-app[lang="ar"] {
font-family: var(--fontFamilyIOSAR) !important; font-family: var(--fontFamilyIOSAR) !important;
line-height: 1.3;
} }
:root[dir="ltr"] { }
font-family: var(--fontFamilyMediumEN) !important;
ion-app[lang="en"] {
input,
textarea,
p,
label,
div,
h1,
h2,
h3,
button,
ion-button,
ion-title,
span {
font-size: 16px;
font-family: var(--fontFamilyBoldEN) !important;
} }
} }
input, ion-app[lang="ar"] {
textarea,
p,
label,
div {
font-size: 16px;
:root[dir="rtl"] {
p,
label,
div,
h1,
h2,
h3,
button,
ion-button,
ion-title,
span {
font-family: var(--fontFamilyIOSAR) !important; font-family: var(--fontFamilyIOSAR) !important;
line-height: 1.3;
} }
}
:root[dir="ltr"] { .header-toolbar {
font-family: var(--fontFamilyLightEN) !important; --background: linear-gradient(45deg, #3ac1f1 0%, #19a163 36%, #19a163 59%, #1a586d 100%);
}
ion-app[lang="en"] {
.boldTxt,
p.boldTxt,
.boldTxt>label {
font-family: var(--fontFamilyBoldEN) !important;
} }
} }
h1, ion-app[lang="ar"] {
h2,
h3, .boldTxt,
button { p.boldTxt,
:root[dir="rtl"] { .boldTxt>label {
font-family: var(--fontFamilyIOSAR) !important; font-family: var(--fontFamilyIOSAR) !important;
font-weight: bold;
line-height: 1.3;
} }
}
:root[dir="ltr"] { ion-app[lang="en"] {
font-family: var(--fontFamilyMediumEN) !important;
} ion-label.boldTxtNav.label.label-md,
ion-label.boldTxtNav.label.label-ios,
ion-label {
// font-weight: bold;
color: var(--dark);
font-family: var(--fontFamilyBoldEN) !important;
}
} }
.header-toolbar { ion-app[lang="ar"] {
--background: linear-gradient(45deg, #3ac1f1 0%, #19a163 36%, #19a163 59%, #1a586d 100%);
ion-label.boldTxtNav.label.label-md,
ion-label.boldTxtNav.label.label-ios,
ion-label {
font-family: var(--fontFamilyIOSAR) !important;
font-weight: bold;
line-height: 1.3;
}
} }
ion-label { ion-label {
@ -1392,6 +1447,8 @@ div.no-dataDiv {
border-radius: 25px !important; border-radius: 25px !important;
border: 1px solid #cccccc; border: 1px solid #cccccc;
margin-top: 10px; margin-top: 10px;
width: 98%;
margin: 10px 0;
} }
@ -1827,6 +1884,7 @@ ion-segment-button {
.menu-label { .menu-label {
margin-left: 5px; margin-left: 5px;
margin-bottom: 7px;
} }
ion-app[dir="rtl"] { ion-app[dir="rtl"] {
@ -1843,8 +1901,41 @@ ion-app[dir="rtl"] {
.iconBox img { .iconBox img {
margin: 5px !important; margin: 5px !important;
} }
.pClass { .pClass {
font-size: 12px; font-size: 11px;
}
}
ion-app[dir="ltr"] {
.slideFullWidth .swiper-container .swiper-wrapper .swiper-slide:first-child {
margin-left: 15px;
}
app-my-team {
.request-heading span {
margin: 0 !important;
padding: 0 !important;
}
}
}
ion-app[dir="rtl"] {
.slideFullWidth {
margin-right: 0px !important;
} }
.menu-label {
margin-right: 10px !important;
}
.iconBox img {
margin: 5px !important;
}
} }

@ -1,43 +1,53 @@
@font-face { @font-face {
font-family: WorkSans-Light; font-family: WorkSans-Light;
src: url('../assets/font/WorkSans-Light.otf'); src: url('../assets/font/WorkSans-Light.otf');
} }
@font-face { @font-face {
font-family: GE_SS_TWO_MEDIUM; font-family: GE_SS_TWO_MEDIUM;
src: url('../assets/font/GE_SS_TWO_MEDIUM.otf'); src: url('../assets/font/GE_SS_TWO_MEDIUM.otf');
} }
@font-face { @font-face {
font-family: WorkSans-Medium; font-family: WorkSans-Medium;
src: url('../assets/font/WorkSans-Medium.otf'); src: url('../assets/font/WorkSans-Medium.otf');
} }
@font-face { @font-face {
font-family: GE_SS_Two_Light; font-family: GE_SS_Two_Light;
src: url('../assets/font/GE_SS_Two_Light.otf'); src: url('../assets/font/GE_SS_Two_Light.otf');
} }
@font-face { @font-face {
font-family: WorkSans-Regular; font-family: WorkSans-Regular;
src: url('../assets/font/WorkSans-Regular.otf'); src: url('../assets/font/WorkSans-Regular.otf');
} }
@font-face { @font-face {
font-family: GE_SS_Two_Bold; font-family: GE_SS_Two_Bold;
src: url('../assets/font/GE_SS_Two_Bold.otf'); src: url('../assets/font/GE_SS_Two_Bold.otf');
} }
@font-face { @font-face {
font-family: WorkSans-SemiBold; font-family: WorkSans-SemiBold;
src: url('../assets/font/WorkSans-SemiBold.otf'); src: url('../assets/font/WorkSans-SemiBold.otf');
} }
@font-face { @font-face {
font-family: GE_SS_Two_Bold; font-family: GE_SS_Two_Bold;
src: url('../assets/font/GE_SS_Two_Bold.otf'); src: url('../assets/font/GE_SS_Two_Bold.otf');
} }
@font-face { @font-face {
font-family: WorkSans-Bold; font-family: WorkSans-Bold;
src: url('../assets/font/WorkSans-Bold.otf'); src: url('../assets/font/WorkSans-Bold.otf');
} }
@font-face { @font-face {
font-family: Poppins-SemiBold; font-family: Poppins-SemiBold;
src: url('../assets/font/Poppins-SemiBold.ttf'); src: url('../assets/font/Poppins-SemiBold.ttf');
} }
@font-face { @font-face {
font-family: Poppins-Medium; font-family: Poppins-Medium;
src: url('../assets/font/Poppins-Medium.ttf'); src: url('../assets/font/Poppins-Medium.ttf');
@ -47,52 +57,81 @@
font-family: Poppins-Bold; font-family: Poppins-Bold;
src: url('../assets/font/Poppins/Poppins-Bold.ttf'); src: url('../assets/font/Poppins/Poppins-Bold.ttf');
} }
@font-face { @font-face {
font-family: Poppins-Medium; font-family: Poppins-Medium;
src: url('../assets/font/Poppins/Poppins-Medium.ttf'); src: url('../assets/font/Poppins/Poppins-Medium.ttf');
} }
@font-face { @font-face {
font-family: Poppins; font-family: Poppins;
src: url('../assets/font/Poppins/Poppins-Regular.ttf'); src: url('../assets/font/Poppins/Poppins-Regular.ttf');
} }
@font-face {
font-family: Inter;
src: url('../assets/font/Inter-V.ttf');
}
@font-face {
font-family: Kufi;
src: url('../assets/font/NotoKufiArabic-Regular-1.ttf');
}
@font-face {
font-family: Kufi;
src: url('../assets/font/notokufi/NotoKufiArabic-Regular.ttf');
}
@font-face {
font-family: Kufi-Semibold;
src: url('../assets/font/notokufi/NotoKufiArabic-SemiBold.ttf');
}
@font-face {
font-family: Kufi-Bold;
src: url('../assets/font/notokufi/NotoKufiArabic-Bold.ttf');
}
:root { :root {
--ion-font-family: 'Poppins'; --ion-font-family: 'Inter';
--break-small: 450px; --break-small: 450px;
--break-big:565px; --break-big: 565px;
//$break-large: 1200px; //$break-large: 1200px;
--fontFamilyLightEN:'Poppins'; --fontFamilyLightEN: 'Inter';
--ontFamilyLightAR:'GE_SS_Two_Light'; --ontFamilyLightAR: 'Kufi';
--fontFamilyRegularEN:'Poppins'; --fontFamilyRegularEN: 'Inter';
--fontFamilyRegularAR:'GE_SS_TWO_MEDIUM'; --fontFamilyRegularAR: 'Kufi';
--fontFamilyMediumEN:'Poppins-Regular'; --fontFamilyMediumEN: 'Inter';
--fontFamilyMediumAR:'GE_SS_TWO_MEDIUM'; --fontFamilyMediumAR: 'Kufi';
--fontFamilyBoldEN:'Poppins-Bold'; --fontFamilyBoldEN: 'Inter';
--fontFamilyBoldAR:'GE_SS_Two_Bold'; --fontFamilyBoldAR: 'Kufi';
--fontFamilySemiBoldEN:'Poppins-Bold'; --fontFamilySemiBoldEN: 'Inter';
--fontFamilySemiBoldAR:'GE_SS_Two_Bold'; --fontFamilySemiBoldAR: 'Kufi';
--fontFamilyIOSAR:-apple-system, "Helvetica Neue", "Roboto", sans-serif; --fontFamilyIOSAR: 'Kufi';
--fontFamilyAndroidAR:"Roboto", "Helvetica Neue", sans-serif; --fontFamilyIOSARSEMIBOLD: 'Kufi-Semibold';
--primary: #3ac1f1; --fontFamilyAndroidAR: 'Kufi';
--secondary: #19a163; --primary: #3ac1f1;
--danger: #f53d3d; --secondary: #19a163;
--danger: #f53d3d;
--customnavy: #1a586d; --customnavy: #1a586d;
--light: #ffffff; --light: #ffffff;
--dark: #000000; --dark: #000000;
--gray: #e4e5e7; --gray: #e4e5e7;
--custgreen: #209a83; --custgreen: #209a83;
--cusgray:#d9d9d9; --cusgray: #d9d9d9;
--darkgray:#7F8C8D; --darkgray: #7F8C8D;
--grayBG:#acacac; --grayBG: #acacac;
--labelColor:#999; --labelColor: #999;
--orange:#F7941D; --orange: #F7941D;
--green:#209B48; --green: #209B48;
--red:#BE1E2D; --red: #BE1E2D;
--blue:#223262; --blue: #223262;
--cyanblue:#1b75bc; --cyanblue: #1b75bc;
--newgreen:#0ca2de; --newgreen: #0ca2de;
--darkblue:#024d71; --darkblue: #024d71;
--lightblue:#3cb9d5; --lightblue: #3cb9d5;
--newred:#cb3232; --newred: #cb3232;
--fontFamilyPoppins-SemiBold: 'Poppins-SemiBold'; --fontFamilyPoppins-SemiBold: 'Poppins-SemiBold';
--fontFamilyPoppins-Medium: 'Poppins-Medium'; --fontFamilyPoppins-Medium: 'Poppins-Medium';
// $font-family-base: $fontFamilyMediumEN !default; // $font-family-base: $fontFamilyMediumEN !default;
@ -104,7 +143,7 @@
// font-size: 1.4rem; // font-size: 1.4rem;
// background-color: #fff; // background-color: #fff;
// } // }
// ion-app.md { // ion-app.md {
// font-family: "Roboto", "Helvetica Neue", sans-serif; // font-family: "Roboto", "Helvetica Neue", sans-serif;
// font-size: 1.4rem; // font-size: 1.4rem;
@ -113,43 +152,43 @@
// $text-input-md-highlight-color:--primary; // $text-input-md-highlight-color:--primary;
// $text-input-ios-highlight-color:--primary; // $text-input-ios-highlight-color:--primary;
// $label-md-text-color-focused:--primary; // $label-md-text-color-focused:--primary;
// $label-ios-text-color-focused:--primary; // $label-ios-text-color-focused:--primary;
// $alert-md-button-text-color:--primary; // $alert-md-button-text-color:--primary;
// $alert-ios-button-text-color:--primary; // $alert-ios-button-text-color:--primary;
// $alert-md-input-border-color-focused:--primary; // $alert-md-input-border-color-focused:--primary;
// $alert-ios-checkbox-background-color-on:--primary; // $alert-ios-checkbox-background-color-on:--primary;
// $alert-ios-checkbox-border-color-on:--primary; // $alert-ios-checkbox-border-color-on:--primary;
// $checkbox-md-icon-background-color-on:$primary; // $checkbox-md-icon-background-color-on:$primary;
// $checkbox-ios-background-color-on:$primary; // $checkbox-ios-background-color-on:$primary;
// $checkbox-md-icon-border-color-on:$primary; // $checkbox-md-icon-border-color-on:$primary;
// $toggle-ios-background-color-on:$primary; // $toggle-ios-background-color-on:$primary;
// $toggle-md-active-color:$primary; // $toggle-md-active-color:$primary;
// $radio-md-color-on:$primary; // $radio-md-color-on:$primary;
// $radio-ios-color-on:$primary; // $radio-ios-color-on:$primary;
// $button-ios-background-color:$primary; // $button-ios-background-color:$primary;
// $picker-md-button-text-color:$primary; // $picker-md-button-text-color:$primary;
// $picker-md-option-selected-color:$primary; // $picker-md-option-selected-color:$primary;
// $picker-ios-button-text-color:$primary; // $picker-ios-button-text-color:$primary;
// $range-md-bar-active-background-color:$primary; // $range-md-bar-active-background-color:$primary;
// $range-ios-bar-active-background-color:$primary; // $range-ios-bar-active-background-color:$primary;
// $text-input-ios-highlight-color:$primary; // $text-input-ios-highlight-color:$primary;
// $loading-md-spinner-color:$primary; // $loading-md-spinner-color:$primary;
// $text-input-highlight-color-invalid:$danger; // $text-input-highlight-color-invalid:$danger;
// $text-input-ios-highlight-color-invalid:$danger; // $text-input-ios-highlight-color-invalid:$danger;
// $text-input-md-highlight-color-invalid:$danger; // $text-input-md-highlight-color-invalid:$danger;
// $text-input-ios-show-focus-highlight: true; // $text-input-ios-show-focus-highlight: true;
} }
Loading…
Cancel
Save