Stylish approve-event-modal

Change colors at PR list of events to approve
This commit is contained in:
Tiago Kayaya
2020-11-16 00:41:11 +01:00
parent 2738f8be67
commit e8642224ee
19 changed files with 400 additions and 85 deletions
@@ -30,7 +30,7 @@
<ion-item-sliding>
<ion-item class="Rectangle" lines="none"
*ngFor="let event of eventsMDGPRList" (click)="openApproveModal(event.serialNumber)">
<div class="content-{{event.workflowInstanceDataFields.Agenda}}">
<div class="content-mdgpr-{{event.workflowInstanceDataFields.Agenda}}">
<div class="approve-event-time">
<p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>
<p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
@@ -50,7 +50,7 @@
<ion-item-sliding>
<ion-item class="Rectangle" lines="none"
*ngFor="let event of eventsPRList" (click)="openApproveModal(event.serialNumber)">
<div class="content-{{event.workflowInstanceDataFields.Agenda}}">
<div class="content-pr-{{event.workflowInstanceDataFields.Agenda}}">
<div class="approve-event-time">
<p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>
<p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
@@ -12,18 +12,30 @@ ion-item-sliding{
margin-bottom: 10px;
overflow: auto;
}
.content-Oficial{
.content-mdgpr-Oficial{
width: 340px;
border-radius: 5px;
border-right: 5px solid #99e47b;
overflow: auto;
}
.content-Pessoal{
.content-mdgpr-Pessoal{
width: 340px;
border-radius: 5px;
border-right: 5px solid #958bfc;
overflow: auto;
}
.content-pr-Oficial{
width: 340px;
border-radius: 5px;
border-right: 5px solid #ffb703;
overflow: auto;
}
.content-pr-Pessoal{
width: 340px;
border-radius: 5px;
border-right: 5px solid #f05d5e;
overflow: auto;
}
.approve-event-time{
float: left;
@@ -40,7 +40,6 @@ export class EventListPage implements OnInit {
LoadToApproveEvents(){
this.showLoader = true;
console.log(this.showLoader);
this.processes.GetToApprovedEvents('PR','false').subscribe(res=>{
this.showLoader = false;