NOtification colors of agenda status solved

This commit is contained in:
Eudes Inácio
2021-08-23 17:34:12 +01:00
parent ad6db9fb98
commit f84e8fe25c
6 changed files with 57 additions and 5 deletions
+3 -3
View File
@@ -36,7 +36,7 @@
*ngFor = "let item of notificationdata; let i = index"
(click)="notificatinsRoutes(item.index,item.Service,item.Object,item.IdObject,item.FolderId)"
>
<div class="item-content width-100">
<div class="item-conten-{{item.Service}}-{{item.TypeAgenda}}-{{item.Role}}">
<div class="notification-item">
<img class="notification-icon" slot="end" *ngIf = "item.Service == 'agenda'" src="assets/images/icons-default-agenda.svg" >
<img class="notification-icon" slot="end" *ngIf = "item.Service == 'gabinete-digital'" src="assets/images/icons-correspondencias.svg" >
@@ -52,10 +52,10 @@
<h3 id="profile-title">{{item.alert}}</h3>
<p *ngIf = "item.Service != 'agenda'">{{item.desc}}</p>
</div>
<div class="notification-label-MD-official" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'official' && item.Role == '100000011'" ></div>
<!-- <div class="notification-label-MD-official" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'official' && item.Role == '100000011'" ></div>
<div class="notification-label-MD-pessoal" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'pessoal' && item.Role == '100000011'" ></div>
<div class="notification-label-PR-official" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'official' && item.Role == '100000014'" ></div>
<div class="notification-label-PR-pessoal" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'pessoal' && item.Role == '100000014'" ></div>
<div class="notification-label-PR-pessoal" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'pessoal' && item.Role == '100000014'" ></div> -->
</div>
</div>
+8
View File
@@ -63,6 +63,7 @@ ion-list{
background-color: transparent !important;
}
.notifications-content{
padding: 0px 20px;
.item{
@@ -115,6 +116,13 @@ ion-list{
background-color: #ff0303;
}
.item-conten{
border-right: 5px solid var(--notificationtypeagenda);
border-radius: 5px;
}
.notification-label-PR-official{
float: right;
width: 5px;
+21 -1
View File
@@ -23,6 +23,14 @@ export class ProfilePage implements OnInit {
notificationdata: any[] = [];
DataArray: Array<Object> = [];
service: "agenda";
typeagenda: "official";
typeagenda2: "pessoal";
pr: "100000014";
md: "100000011";
date:"60:20";
location: "Gabinete";
constructor(private modalController: ModalController,
private authService: AuthService,
private animationController: AnimationController,
@@ -58,7 +66,6 @@ export class ProfilePage implements OnInit {
notImplemented() { }
async getNotificationData(){
this.notificationservice.tempClearArray();
this.storageservice.get("Notifications").then((value) => {
console.log("Init get store", value)
@@ -114,6 +121,18 @@ export class ProfilePage implements OnInit {
console.log('Timer badge count')
}
typeAgendaColor(service,typeagenda,role){
if (service == "agenda" && typeagenda == "oficial" && role == "100000011"){
document.body.style.setProperty(`--notificationtypeagenda`, "#ffb703");
} else if( service == "agenda" && typeagenda == "pessoal" && role == "100000011"){
document.body.style.setProperty(`--notificationtypeagenda`, "#ff0303");
} else if (service == "agenda" && typeagenda == "oficial" && role == "100000014"){
document.body.style.setProperty(`--notificationtypeagenda`, "#03d838");
} else if (service == "agenda" && typeagenda == "oficial" && role == "100000014"){
document.body.style.setProperty(`--notificationtypeagenda`, "#8b0ae0");
}
}
getFormatedTime(dateString){
var date = new Date(dateString);
var hours = date.getHours() > 12 ? date.getHours() - 12 : date.getHours();
@@ -172,6 +191,7 @@ export class ProfilePage implements OnInit {
this.zone.run(() => this.router.navigate(['/home/gabinete-digital/expedientes-pr', IdObject, 'gabinete-digital']));
}
this.notificationservice.tempClearArray();
this.deleteNotification(index);