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

Custom timeline coloring

Browse Source
This commit is contained in:
Peter Maquiran
2021-02-01 15:27:12 +01:00
parent 55b1646d8c
commit 516e2e4f8b
6 changed files with 54 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/agenda/agenda.page.html
+2 -4
View File
@@ -35,10 +35,8 @@
</ion-row>
<ion-row class="ion-align-items-center">
<div class="arrow">
<ion-icon *ngIf="profile == 'mdgpr' " (click)="changeProfile()" class="right-icons" slot="icon-only"src="assets/images/icons-profile-calendar-md.svg"></ion-icon>
<ion-icon *ngIf="profile == 'pr' " (click)="changeProfile()" class="right-icons" slot="icon-only"src="assets/images/icons-profile-calendar-pr.svg"></ion-icon>
</div>
<ion-icon *ngIf="profile == 'mdgpr' " (click)="changeProfile()" class="right-icons" src="assets/images/icons-profile-calendar-md.svg"></ion-icon>
<ion-icon *ngIf="profile == 'pr' " (click)="changeProfile()" class="right-icons" src="assets/images/icons-profile-calendar-pr.svg"></ion-icon>
<ion-icon class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
<ion-icon class="right-icons" src="assets/images/icons-add-new-event.svg" (click)="openCalModal()" ></ion-icon>
</ion-row>
src/app/pages/agenda/agenda.page.scss
+1 -1
View File
@@ -400,7 +400,7 @@ label{
padding: 0px 0px;
}
.right-icons{
.right-icons, .calendar-profile{
padding: 0px 9px
}
src/app/pages/agenda/agenda.page.ts
+3 -3
View File
@@ -207,9 +207,9 @@ export class AgendaPage implements OnInit {
eventTypeNum = (Object.keys(eventType)).length
if (eventTypeNum == 2) {
return 'calendar-event-type-both';
return `calendar-${this.profile}-event-type-both`;
} else {
return 'calendar-event-type-'+(Object.keys(eventType))[0];
return `calendar-${this.profile}-event-type-`+(Object.keys(eventType))[0];
}
}
@@ -292,7 +292,7 @@ export class AgendaPage implements OnInit {
timeLineTemplate(startTime: string, eventlocation: string, eventDiscription: any, calendarName: string, subject: string): string{
return `
<div class="timeline-box timeline-box-${calendarName}">
<div class="timeline-box timeline-${this.profile}-box-${calendarName}">
<div>
<span class="timeline-start-time">${startTime}</span><span class="timeline-location">${eventlocation}</span>
</div>