peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 21:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve

Browse Source
This commit is contained in:
Peter Maquiran
2021-07-17 22:08:50 +01:00
parent e3fa0981a7
commit 0394f41bc3
2 changed files with 135 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/agenda/event-list/event-list.page.html
+34 -32
View File
@@ -27,41 +27,43 @@
<!-- </div> --> <!-- </div> -->
<ion-list class="width-100" *ngSwitchCase="'MDGPR'" > <ion-list class="width-100" *ngSwitchCase="'MDGPR'" >
<ion-item <div
class="item ion-no-padding width-100 cursor-pointer" class="item ion-no-padding width-100 cursor-pointer"
*ngFor="let event of eventsMDGPRList" *ngFor="let event of eventsMDGPRList"
(click)="openApproveModal(event.serialNumber, event)"> (click)="openApproveModal(event.serialNumber, event)"
<div class="event-mdgpr-{{event.workflowInstanceDataFields.Agenda}} width-100"> >
<div class="approve-event-time"> <div class="event-mdgpr-{{event.workflowInstanceDataFields.Agenda}} width-100">
<p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p> <div class="approve-event-time">
<p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p> <p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p>
</div> <p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p>
<div class="approve-event-detail"> </div>
<p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}} | {{event.workflowInstanceDataFields.Location}}</p> <div class="approve-event-detail">
<p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} | {{event.workflowInstanceDataFields.Location}}</p> <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}} | {{event.workflowInstanceDataFields.Location}}</p>
<h3>{{event.workflowInstanceDataFields.Subject}}</h3> <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} | {{event.workflowInstanceDataFields.Location}}</p>
</div> <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
</div> </div>
</ion-item> </div>
</div>
</ion-list> </ion-list>
<ion-list class="width-100" *ngSwitchCase="'PR'"> <ion-list class="width-100" *ngSwitchCase="'PR'">
<div class="width-100" *ngIf="eventsPRList"> <div class="width-100" *ngIf="eventsPRList">
<ion-item <div
class=" ion-no-padding width-100 cursor-pointer" class="item ion-no-padding width-100 cursor-pointer"
*ngFor="let event of eventsPRList" *ngFor="let event of eventsPRList"
(click)="openApproveModal(event.serialNumber, event)"> (click)="openApproveModal(event.serialNumber, event)"
<div class="item event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100"> >
<div class="approve-event-time"> <div class="event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100">
<p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p> <div class="approve-event-time">
<p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p> <p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p>
</div> <p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p>
<div class="approve-event-detail"> </div>
<p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}} | {{event.workflowInstanceDataFields.Location}}</p> <div class="approve-event-detail">
<p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} | {{event.workflowInstanceDataFields.Location}}</p> <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}} | {{event.workflowInstanceDataFields.Location}}</p>
<h3>{{event.workflowInstanceDataFields.Subject}}</h3> <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} | {{event.workflowInstanceDataFields.Location}}</p>
</div> <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
</div> </div>
</ion-item> </div>
</div>
</div> </div>
</ion-list> </ion-list>
</div> </div>
src/app/shared/agenda/event-list/event-list.page.scss
+101 -94
View File
@@ -1,96 +1,103 @@
:host{ :host{
padding: 30px 20px 0 20px !important; padding: 30px 20px 0 20px !important;
margin: 0; margin: 0;
}
.header-content{
overflow: auto;
margin: 0 auto;
}
.header-icon-left{
font-size: 33px;
color: #42b9fe;
float: left;
}
.header-title{
font-family: Roboto;
font-size: 25px;
padding: 0;
color:#000;
float: left;
}
.main-content{
margin-top: 20px;
.item{
--inner-padding-end: 0 !important;
--inner-padding-top: 10px;
--inner-padding-bottom:10px;
border-radius: 15px;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
border: 1px solid #e9e9e9 !important;
background-color: var(--white);
margin-bottom: 10px !important;
padding: 15px;
} }
.header-content{ .event-pr-Oficial{
overflow: auto; background-color: var(--white);
margin: 0 auto; border-radius: 5px;
} border-right: 5px solid #99e47b;
.header-icon-left{ overflow: auto;
font-size: 33px; }
color: #42b9fe; .event-pr-Pessoal{
float: left; background-color: var(--white);
} border-radius: 5px;
.header-title{ border-right: 5px solid #958bfc;
font-family: Roboto; overflow: auto;
font-size: 25px; }
padding: 0; .event-mdgpr-Oficial{
color:#000; border-radius: 5px;
float: left; border-right: 5px solid #ffb703;
} overflow: auto;
.main-content{ }
margin-top: 20px; .event-mdgpr-Pessoal{
.item{ border-radius: 5px;
--inner-padding-end: 0 !important; border-right: 5px solid #f05d5e;
--inner-padding-top: 10px; overflow: auto;
--inner-padding-bottom:10px; }
} .approve-event-time{
.event-pr-Oficial{ float: left;
background-color: var(--white); }
border-radius: 5px; .approve-event-time p{
border-right: 5px solid #99e47b; width: 33px;
overflow: auto; font-family: Roboto;
} font-size: 13px;
.event-pr-Pessoal{ font-weight: normal;
background-color: var(--white); font-stretch: normal;
border-radius: 5px; font-style: normal;
border-right: 5px solid #958bfc; line-height: normal;
overflow: auto; letter-spacing: normal;
} color: var(--Antartic-grey);
.event-mdgpr-Oficial{ margin: 0;
border-radius: 5px; padding-bottom: 10px;
border-right: 5px solid #ffb703; }
overflow: auto; .approve-event-detail{
} float: left;
.event-mdgpr-Pessoal{ margin-left: 10px;
border-radius: 5px; }
border-right: 5px solid #f05d5e; .approve-event-detail p{
overflow: auto; //width: 250px;
} font-family: Roboto;
.approve-event-time{ font-size: 13px;
float: left; font-weight: normal;
} font-stretch: normal;
.approve-event-time p{ font-style: normal;
width: 33px; line-height: normal;
font-family: Roboto; letter-spacing: normal;
font-size: 13px; color: var(--black);
font-weight: normal; margin: 0;
font-stretch: normal; padding-bottom: 10px;
font-style: normal; }
line-height: normal; .approve-event-detail h3{
letter-spacing: normal; width: 250px;
color: var(--Antartic-grey); font-family: Roboto;
margin: 0; font-size: 15px;
padding-bottom: 10px; font-weight: bold;
} font-stretch: normal;
.approve-event-detail{ font-style: normal;
float: left; line-height: normal;
margin-left: 10px; letter-spacing: normal;
} color: #0d89d1;
.approve-event-detail p{ margin: 0;
//width: 250px; padding: 0;
font-family: Roboto; }
font-size: 13px; }
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
margin: 0;
padding-bottom: 10px;
}
.approve-event-detail h3{
width: 250px;
font-family: Roboto;
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0d89d1;
margin: 0;
padding: 0;
}
}