PR fix design

production
ashwaq 6 years ago
parent 594a67cc96
commit a8457cc11e

@ -568,31 +568,31 @@ export class ConfirmLoginComponent implements OnInit {
title: 'Biometric Authetnciation', // (Android Only) | optional | Default: "<APP_NAME> Biometric Sign On"
// title: 'Biometric Authetnciation', // (Android Only) | optional | Default: "<APP_NAME> Biometric Sign On"
// subtitle: 'Coolest Plugin ever' ,// (Android Only) | optional | Default: null
// // subtitle: 'Coolest Plugin ever' ,// (Android Only) | optional | Default: null
// description: this.ts.trPK("general", "auth-please"),// optional | Default: null
// // description: this.ts.trPK("general", "auth-please"),// optional | Default: null
fallbackButtonTitle: this.ts.trPK("general", "use-pin"), // optional | When disableBackup is false defaults to "Use Pin".
// fallbackButtonTitle: this.ts.trPK("general", "use-pin"), // optional | When disableBackup is false defaults to "Use Pin".
// When disableBackup is true defaults to "Cancel"
// // When disableBackup is true defaults to "Cancel"
disableBackup:true, // optional | default: false
// disableBackup:true, // optional | default: false
// clientId: "Fingerprint Authetnciation",
clientId: "Fingerprint Authetnciation",
// clientSecret: "Ate343_9347lajF", // Only necessary for Android
clientSecret: "Ate343_9347lajF", // Only necessary for Android
// disableBackup: true, // Only for Android(optional)
disableBackup: true, // Only for Android(optional)
// localizedFallbackTitle: this.ts.trPK("general", "use-pin"), // Only for iOS
localizedFallbackTitle: this.ts.trPK("general", "use-pin"), // Only for iOS
// localizedReason: this.ts.trPK("general", "auth-please") // Only for iOS
localizedReason: this.ts.trPK("general", "auth-please") // Only for iOS
})

@ -0,0 +1,21 @@
<ion-content>
<div>
<div id="notificationDynamicFields">
</div>
</div>
<ion-footer>
<ion-row style="text-align: center;">
<ion-col>
<ion-button color="customnavy" class="confirmBtn" (click)="applyAction()"> {{ts.trPK('general','confirm')}}
</ion-button>
</ion-col>
<ion-col>
<ion-button color="customnavy" class="cancelBtn" (click)="closeModel()"> {{ts.trPK('general','cancel')}}
</ion-button>
</ion-col>
</ion-row>
</ion-footer>
</ion-content>

@ -0,0 +1,27 @@
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ApplyActionModalComponent } from './apply-action-modal.component';
describe('ApplyActionModalComponent', () => {
let component: ApplyActionModalComponent;
let fixture: ComponentFixture<ApplyActionModalComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ApplyActionModalComponent ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ApplyActionModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,81 @@
import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
import { CommonService } from 'src/app/hmg-common/services/common/common.service';
import { WorklistMainService } from '../service/work-list.main.service';
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
import { TextAreaInput } from 'src/app/uI-elements/text-area.input';
@Component({
selector: 'app-apply-action-modal',
templateUrl: './apply-action-modal.component.html',
styleUrls: ['./apply-action-modal.component.scss'],
})
export class ApplyActionModalComponent implements OnInit {
private textArea: TextAreaInput;
getpassResAttr: any;
getPassNotificationDetails: any;
getPassNotification: any;
constructor( private ts: TranslatorService,private modalCtrl: ModalController, private cs: CommonService,public worklistMainService: WorklistMainService,
) {
this.getPassNotificationDetails = this.cs.sharedService.getSharedData('passNotificationInfo');
this.getpassResAttr = this.cs.sharedService.getSharedData('passResAttr');
this.getPassNotification = this.cs.sharedService.getSharedData('ApplyActionModalPage');
}
ngOnInit() {
document.getElementById("notificationDynamicFields").innerHTML="";
console.log(this.getPassNotificationDetails);
//this.applyAction(this.getPassNotificationDetails);
this.notificationDynamicFields(this.getpassResAttr);
}
applyAction() {
this.worklistMainService
.actionButton(this.getPassNotification)
.subscribe((result: any) => {
this.handleApplayActionResult(result);
});
}
handleApplayActionResult(result) {
if (this.cs.validResponse(result)) {
if (result.MessageStatus == 1) {
// this.navCtrl.push("HomePage");
//this.common.openHome();
//this.common.openNotificationPage();
// for( var i = 0; i < this.notificationArray.length; i++){
// if ( this.notificationArray[i].ROW_NUM === this.getPassNotificationDetails.ROW_NUM) {
// this.notificationArray.splice(i, 1);
// }
// }
////////////// this.getNotificationCountAfterSubmit();
///////////// this.nextNotfification();
}
} // valid it
}
notificationDynamicFields(notificationAttr){
const containerId = 'notificationDynamicFields';
for(let i=0;i<notificationAttr.length;i++){
if(notificationAttr[i].ATTRIBUTE_TYPE=="VARCHAR2"){
this.textArea = new TextAreaInput(notificationAttr[i].ATTRIBUTE_DISPLAY_NAME, notificationAttr[i].ATTRIBUTE_NAME, "", containerId,"","","");
}else if(notificationAttr[i].ATTRIBUTE_TYPE=="ROLE"){
}else if(notificationAttr[i].ATTRIBUTE_TYPE=="DATE"){
}else if(notificationAttr[i].ATTRIBUTE_TYPE=="NUMBER"){
}
}
}
closeModel() {
this.modalCtrl.dismiss();
}
}

@ -4,7 +4,7 @@ import { WorkListReplacementRollComponent } from './work-list-replacement-roll/w
import { HmgCommonModule } from './../hmg-common/hmg-common.module';
import { WorkListAttachViewComponent } from './work-list-attach-view/work-list-attach-view.component';
import { HomeComponent } from './home/home.component';
import { NgModule } from '@angular/core';
import { NgModule, Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
@ -20,6 +20,7 @@ import { WorkListActionHistoryComponent } from './work-list-action-history/work-
import { WorkListDetailsComponent } from './work-list-details/work-list-details.component';
import { WorklistAttachService } from '../absence/service/work-list-attach.service';
import { WorklistMainPRComponent } from './worklist-main-pr/worklist-main-pr.component';
import { ApplyActionModalComponent } from './apply-action-modal/apply-action-modal.component';
// import { WorklistMainComponent } from './worklist-main/worklist-main.component';
@ -73,7 +74,11 @@ const routes: Routes = [
{
path:'worklist-main-PR',
component:WorklistMainPRComponent
}
},
{
path:'apply-action-modal',
component:ApplyActionModalComponent
}
]
}
];
@ -94,6 +99,7 @@ const routes: Routes = [
WorkListReplacementRollComponent,
WorkListRfcComponent,
ViewNoteModalComponent,
ApplyActionModalComponent,
ViewReplacementModalComponent,
WorkListActionHistoryComponent,
WorkListAttachComponent,

@ -14,14 +14,15 @@
<ion-row>
<ion-col col-1>
<img style="width:50%" src="../assets/imgs/noteLarge.png">
<img style="width:35%" src="../assets/imgs/noteLarge.png">
</ion-col>
<ion-col col-10>
<ion-col col-10 style="margin-left: -53px;margin-top: -14px;">
<p class="">{{getSenderNote}}</p>
</ion-col>
<ion-col col-1>
<ion-col col-1
style="margin-right: -22px;margin-top: -10px;">
<ion-button class="closeIcon" (click)="closeModal()">
<!-- <ion-icon slot="icon-only" name="close"></ion-icon> -->
<img src="../assets/imgs/close.png">

@ -11,4 +11,9 @@ border: solid 1px red;
.closeIcon{
--background: transparent !important;
background: transparent;
--box-shadow: transparent;
width: 50%;
float: right;
--background-focused: none;
--background-hover: none;
}

@ -9,7 +9,7 @@
<ion-toolbar>
<ion-segment class="segmentPR" scrollable>
<ion-segment-button value="0" checked>
<!-- <ion-icon name="call"></ion-icon> -->
<!-- <ion-icon name="call">arrowRight</ion-icon> -->
<ion-label> {{ts.trPK('worklistMain','info')}}</ion-label>
</ion-segment-button>
<ion-segment-button value="1">
@ -174,11 +174,11 @@
<ion-card-content>
<div>
<div id="notificationDynamicFields">
<div id="notificationDynamicFields1">
</div>
</div>
<ion-item *ngIf="notificationButtonRes?.length >0" class="requiredItem">
<!-- <ion-item *ngIf="notificationButtonRes?.length >0" class="requiredItem">
<ion-label class="boldTxtNav">{{'actionHis, action' | translate}} </ion-label>
<ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
[(ngModel)]="actionType" required>
@ -186,7 +186,7 @@
*ngFor="let notificationButtons of notificationButtonRes; let i=index;">
{{notificationButtons.BUTTON_LABEL}}</ion-select-option>
</ion-select>
</ion-item>
</ion-item> -->
</ion-card-content>
</ion-card>
@ -289,23 +289,30 @@
<div class="timeline-item" slot="start">
<!-- <div class="item-date"> {{notificationList.BEGIN_DATE }} </div> -->
<!-- [hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"> -->
<div>
<button ion-button (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)" style=" background: none;width: 60%;"
[hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null">
<button ion-button (click)="openNoteDetail(actionHistory.NOTE ,actionHistory.NAME)"
[hidden]="actionHistory.NOTE == '' || actionHistory.NOTE == null"
style=" background: none;width: 60%;">
<img src="../assets/imgs/noteSmall.png">
<!-- <ion-icon name="bookmark"></ion-icon> -->
</button>
</div>
<div class="timeline-thumb bg-color-dot timeline-icon">
<!-- [ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'statusGreanColor' :appointmentsArrive.Status != 1 && appointmentsArrive.Status != 2, 'statusRedColor' :appointmentsArrive.Status === 2}" -->
<div
[ngClass]="{'bg-blue-dot' : actionHistory.ACTION === 'Submitted' ,'bg-orange-dot' : actionHistory.ACTION === 'Pending' ,'bg-red-dot' : actionHistory.ACTION === 'Rejected','bg-green-dot' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted'}"
class="timeline-thumb timeline-icon">
</div>
</div>
<ion-col>
<ion-label class="labelAction"> {{actionHistory.ACTION}}</ion-label>
<ion-label> {{actionHistory.NAME}}
<ion-label [ngClass]="{'bg-blue-txt' : actionHistory.ACTION === 'Submitted' ,'bg-orange-txt' : actionHistory.ACTION === 'Pending' ,'bg-red-txt' : actionHistory.ACTION === 'Rejected','bg-green-txt' : actionHistory.ACTION != 'Pending' && actionHistory.ACTION != 'Rejected' && actionHistory.ACTION != 'Submitted'}"
class=""> {{actionHistory.ACTION}}</ion-label>
<ion-label > {{actionHistory.NAME}}
</ion-label>
<ion-label> {{actionHistory.NOTIFICATION_DATE| dateString }} </ion-label>
@ -339,7 +346,7 @@
</div>
<div *ngIf="attachList.FILE_CONTENT_TYPE === 'txt'"> <img float-start class="attachImg" src="../assets/imgs/doc.png">
</div>
<div *ngIf="attachList.FILE_CONTENT_TYPE != 'txt' || attachList.FILE_CONTENT_TYPE != 'PDF' || attachList.FILE_CONTENT_TYPE != 'pdf' || attachList.FILE_CONTENT_TYPE != 'png' || attachList.FILE_CONTENT_TYPE != 'jpeg' || attachList.FILE_CONTENT_TYPE != 'jpg'|| attachList.FILE_CONTENT_TYPE != 'PNG' || attachList.FILE_CONTENT_TYPE != 'JPEG'|| attachList.FILE_CONTENT_TYPE != 'JPG'"> <img float-start class="attachImg" src="../assets/imgs/nonfile.png">
<div *ngIf="attachList.FILE_CONTENT_TYPE != 'txt' && attachList.FILE_CONTENT_TYPE != 'PDF' && attachList.FILE_CONTENT_TYPE != 'pdf' && attachList.FILE_CONTENT_TYPE != 'png' && attachList.FILE_CONTENT_TYPE != 'jpeg' && attachList.FILE_CONTENT_TYPE != 'jpg' && attachList.FILE_CONTENT_TYPE != 'PNG' && attachList.FILE_CONTENT_TYPE != 'JPEG' && attachList.FILE_CONTENT_TYPE != 'JPG'"> <img float-start class="attachImg" src="../assets/imgs/nonfile.png">
</div>
<div *ngIf="attachList.FILE_CONTENT_TYPE === 'png' || attachList.FILE_CONTENT_TYPE === 'jpeg' || attachList.FILE_CONTENT_TYPE === 'jpg'|| attachList.FILE_CONTENT_TYPE === 'PNG' || attachList.FILE_CONTENT_TYPE === 'JPEG'|| attachList.FILE_CONTENT_TYPE === 'JPG'"> <img float-start class="attachImg" src="../assets/imgs/img.png">
</div>
@ -370,17 +377,56 @@
<!-- <div id="notificationDynamicFields">
</div> -->
</ion-content>
<ion-footer>
<div class="centerDiv">
<ion-footer class="footerSearchBtn">
<ion-row>
<ion-col col-12>
<div id="notificationDynamicFields">
</div>
</ion-col>
</ion-row>
<ion-row>
<!-- <div class="centerDiv"> -->
<ion-col col-2>
</ion-col>
<ion-col col-8>
<!-- <ion-button color="customnavy" class="gridBtn" (click)="actionButton()"> {{ts.trPK('general','submit')}}
</ion-button> -->
<ion-item *ngIf="notificationButtonRes?.length >0" class="requiredItem actionList">
<ion-label class="boldTxtNav">{{'actionHis, action' | translate}} </ion-label>
<ion-select (ionChange)="actionButton()" okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
[(ngModel)]="actionType" required>
<ion-select-option value="{{notificationButtons.BUTTON_ACTION}}"
*ngFor="let notificationButtons of notificationButtonRes; let i=index;">
{{notificationButtons.BUTTON_LABEL}}</ion-select-option>
</ion-select>
</ion-item>
</ion-col>
<!-- </div> -->
<ion-col col-2>
<ion-button class="skipbutton" (click)="nextNotfification()">
{{'worklistMain, skip' | translate}}
<img style="width:20px" src="../assets/imgs/arrowRight.png">
</ion-button>
</ion-col>
</ion-row>
<!-- <div class="centerDiv">
<ion-button color="customnavy" class="gridBtn" (click)="actionButton()"> {{ts.trPK('general','submit')}}
</ion-button>
</div>
<div class="centerDiv">
</div> -->
<!-- <div class="centerDiv">
<ion-button color="customnavy" class="gridBtn" (click)="nextNotfification()">
{{'worklistMain, skip' | translate}}
</ion-button>
</div>
</div> -->

@ -1,7 +1,18 @@
.colorBG{
--background: #f0efef;
}
.footerSearchBtn{
padding: 0px !important;
background: #f0efef !important;
}
.actionList{
// position: fixed;
// bottom: 0px;
width: 215px;
border-top-left-radius: 7px;
border-top-right-radius: 7px
}
.cardContent{
width:100%;
margin-top: 33px
@ -36,7 +47,7 @@ font-weight:bold;
// --background-hover: rgba(var(--ion-color-contrast-rgb),0.04);
// --background-activated: var(--danger);
// --color: rgba(--primary);
--color-checked: var(--secondary);
--color-checked: var(--dark);
--indicator-color-checked: var(--secondary);
--background: #f0efef;
--background-activated: #f0efef;
@ -107,7 +118,7 @@ font-weight:bold;
width: 4px;
background: #e4e4e4;
z-index: 1;
left: 62px;
left: 66px;
/* margin-left: -10px; */
/* z-index: 1; */
}
@ -115,27 +126,26 @@ font-weight:bold;
.timeline .timeline-thumb {
border-radius: 500px;
width: 50px;
width: 40px !important;
z-index: 2;
position: absolute;
left: 38px;
left: 48px;
// :root[dir="ltr"]{
// left: 37px;
// }
// :root[dir="rtl"]{
// right: 37px;
// }
width: 50px;
float: right;
top: 9px;
}
.timeline .timeline-thumb.timeline-icon {
height: 50px;
height: 40px;
// text-align: center;
// color: white;
// border: 5px solid #CBD0D3;
transform: scale(0.3);
// transform: scale(0.2);
}
@ -164,14 +174,71 @@ font-weight:bold;
}
.bg-color-dot {
background: var(--gray);
/* background: linear-gradient(45deg, var(--primary) 0%, #19a163 36%, var(--secondary) 59%, var(--customnavy) 100%); */
// border: var(--secondary) solid 1px;
// background-color: #ff3b30 !important;
background: var(--primary);
background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
// background: var(--primary);
//background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
//background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
//background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%,var(--secondary) 59%, var(--customnavy) 100%);
}
.bg-blue-dot {
border: var(--blue) solid 1px;
background: var(--gray);
}
.bg-orange-dot {
border: var(--orange) solid 1px;
background: var(--gray);
}
.bg-red-dot {
border: var(--red) solid 1px;
background: var(--gray);
}
.bg-green-dot {
border: var(--green) solid 1px;
background: var(--gray);
}
.bg-blue-txt {
color: var(--blue) !important;
font-weight:bold;
}
.bg-orange-txt {
font-weight:bold;
color: var(--orange) !important;
}
.bg-red-txt {
font-weight:bold;
color: var(--red) !important;
}
.bg-green-txt {
font-weight:bold;
color: var(--green) !important;
}
.notification-list{
ion-item{
@ -215,7 +282,7 @@ border-bottom: #dedede 1px solid;
}
.left {
.timeline:before{
left: 62px;
left: 66px;
}
.notification-list ion-item{
padding-left: 3px;

@ -27,6 +27,7 @@ import { WorklistService } from '../service/worklist.service';
import { ViewNoteModalComponent } from '../view-note-modal/view-note-modal.component';
import { WorkListActionHistoryResponse } from '../models/ActionHistoryRes';
import { WorkListAttachViewComponent } from '../work-list-attach-view/work-list-attach-view.component';
import { ApplyActionModalComponent } from '../apply-action-modal/apply-action-modal.component';
@Component({
selector: 'app-worklist-main-pr',
templateUrl: './worklist-main-pr.component.html',
@ -78,6 +79,10 @@ export class WorklistMainPRComponent implements OnInit {
valueH: any;
taxH: any;
taxvalueH: any;
NotificationGetRespondAttributesList: any;
confirmMsg: string;
delMsg: string;
closeMsg: string;
constructor(
@ -370,8 +375,8 @@ export class WorklistMainPRComponent implements OnInit {
this.P_RESPOND_ATTRIBUTES_TBL.push(obj);
}
if (
ButtonAction == "APPROVED" ||
ButtonAction == "REJECTED" ||
ButtonAction == "APPROVE" ||
ButtonAction == "REJECT" ||
ButtonAction == "DEL" ||
ButtonAction == "CLOSE"
) {
@ -379,7 +384,51 @@ export class WorklistMainPRComponent implements OnInit {
this.WorkListActionObj.P_ACTION_MODE = ButtonAction;
this.WorkListActionObj.P_COMMENTS = "";
this.WorkListActionObj.RespondAttributeList = this.P_RESPOND_ATTRIBUTES_TBL;
this.applyAction(this.WorkListActionObj);
//sheardData
// this.common.sharedService.setSharedData(
// this.WorkListActionObj,
// WorklistMainPRComponent.PASS_NOTIFICATION_INFO
// );
if (ButtonAction == "APPROVE"){
this.confirmMsg =this.ts.trPK('worklistMain', 'approveMsg')
}
else if (ButtonAction == "REJECT"){
this.confirmMsg =this.ts.trPK('worklistMain', 'rejectMsg')
}
else if (ButtonAction == "DEL"){
this.confirmMsg =this.ts.trPK('worklistMain', 'delMsg')
}
else if (ButtonAction == "CLOSE"){
this.confirmMsg =this.ts.trPK('worklistMain', 'closeMsg')
}
this.common.confirmAlertDialog(
() => {
this.applyAction(this.WorkListActionObj);
}, this.ts.trPK('general', 'ok'),
() => {}, this.ts.trPK('general', 'cancel'),
this.ts.trPK('vacation-rule', 'confirmation'),
this.confirmMsg);
// alert.onDidDismiss((data) => {
// if (data == true) {
// this.continueDelete(attach);
// }
// });
//this.openApplyModal(this.WorkListActionObj);
////////////this.applyAction(this.WorkListActionObj);
}
if (ButtonAction == "RFC") {
@ -541,6 +590,13 @@ export class WorklistMainPRComponent implements OnInit {
this.hideForwordEmployee = result.NotificationRespondRolesList[0];
}
this.notificationDynamicFields(result.NotificationGetRespondAttributesList);
this.NotificationGetRespondAttributesList=result.NotificationGetRespondAttributesList;
this.common.sharedService.setSharedData(
this.NotificationGetRespondAttributesList,
WorklistMainPRComponent.PASS_RES_ATTR
);
this.notificationDynamicAttributeArr=result.NotificationGetRespondAttributesList;
if (result.P_Schema) this.schemaNotific = JSON.parse(result.P_Schema);
} // valid it
@ -713,6 +769,42 @@ export class WorklistMainPRComponent implements OnInit {
return await modal.present();
}
async openApplyModal(WorkListActionObj) {
// let modalPage = this.modalCtrl.create('ViewNoteModalPage', { textNote: note });
// modalPage.present();
// console.log("note"+note);
this.common.sharedService.setSharedData( this.getPassNotificationDetails,WorklistMainPRComponent.PASS_NOTIFICATION_INFO);
this.common.sharedService.setSharedData(WorkListActionObj, 'ApplyActionModalPage')
// this.common.sharedService.setSharedData(
// this.WorkListActionObj,
// WorklistMainPRComponent.PASS_NOTIFICATION_INFO
// );
const modal = await this.modalCtrl.create({
component: ApplyActionModalComponent,
backdropDismiss:false,
});
modal.cssClass = 'note-modal';
modal.onDidDismiss()
.then((data) => {
console.log(data); // Here's your selected user!
});
// data => {
// console.log('MODAL DATA', data);
// });
// const { data } = await this.modalCtrl.onWillDismiss();
// console.log(data);
return await modal.present();
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 516 B

@ -1711,7 +1711,24 @@
"itemReq":{
"en": "Items Requsted",
"ar":"العناصر المطلوبة"
},
"approveMsg":{
"en": "Are you sure to approve this purchase requisition ?",
"ar":"العناصر المطلوبة"
},
"rejectMsg":{
"en": "Are you sure to reject this purchase requisition ?",
"ar":"العناصر المطلوبة"
},
"delMsg":{
"en": "Are you sure to delete this purchase requisition ?",
"ar":"العناصر المطلوبة"
},
"closeMsg":{
"en": "Are you sure to close this purchase requisition ?",
"ar":"العناصر المطلوبة"
}
},
"payslip": {
"title":{

@ -768,12 +768,16 @@ color: var(--dark);
// right: 5%;
// bottom: 5%;
background: rgba(0, 0, 0, 0.5) !important;
padding: 50% 10% !important;
padding: 60% 10% !important;
}
.slides-gray-bullets {
--bullet-background: var(--primary) !important;
--bullet-background-active: var(--secondary) !important;
// --bullet-background: var(--primary) !important;
// --bullet-background-active: var(--secondary) !important;
--bullet-background: var(--cusgray) !important; //var(--primary) !important;
--bullet-background-active: var(--darkgray) !important;
}
.slides-gray-bullets .swiper-pagination {
@ -793,6 +797,44 @@ color: var(--dark);
margin: 5px;
}
// .skipbutton,.button-md, button-ios{
.skipbutton{
--background: var(--orange);
white-space: normal;
color: var(--light);
text-transform: capitalize;
min-height: 45px;
background: var(--orange);
float: right;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
--background-focused: none;
--background-hover: none;
}
.cancelBtn {
background:var(--red);
white-space: normal;
color:var(--light);
text-transform: capitalize;
// min-width: 200px;
min-height: 45px;
border-radius: 5px;
width:125px;
}
.confirmBtn {
background:var(--green);
white-space: normal;
color:var(--light);
text-transform: capitalize;
// min-width: 200px;
min-height: 45px;
border-radius: 5px;
width:125px;
}
// .slides-gray-bullets .swiper-wrapper {
// margin-top: 14px !important;

@ -64,6 +64,11 @@
--darkgray:#7F8C8D;
--grayBG:#acacac;
--labelColor:#999;
--orange:#F7941D;
--green:#209B48;
--red:#BE1E2D;
--blue:#223262;
// $font-family-base: $fontFamilyMediumEN !default;
// $font-family-ios-base: $fontFamilyMediumEN !default;
// $font-family-md-base:$fontFamilyMediumEN !default;

Loading…
Cancel
Save