NOtification colors of agenda status solved

config.xml

@@ -3,7 +3,7 @@
     <name>gabinete digital</name>
     <description>An awesome Ionic/Cordova app.</description>
     <author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>
-    <content src="index.html" />
+    <content original-src="index.html" src="http://localhost:8100" />
     <access origin="*" />
     <allow-navigation href="http://*/*" />
     <allow-navigation href="https://*/*" />

src/app/modals/profile/profile.page.html

@@ -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>
 

src/app/modals/profile/profile.page.scss

@@ -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;

src/app/modals/profile/profile.page.ts

@@ -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);
 
 

src/global.scss

@@ -736,6 +736,10 @@ app-header-no-search  .ion-toolbar{
     --color3: #0782C9;
     --color4: #0782c9f0;
     --color5: #45BAFF;
+    --notificationtypeagenda: #f7f5f2;
+    --notificationtypeagenda2: #f7f5f2;
+    --notificationtypeagenda3: #f7f5f2;
+    --notificationtypeagenda4: #f7f5f2;
     }
 
 body, .blue-background{ background: var(--color) !important;}

src/theme/variables.scss

@@ -402,6 +402,26 @@ $app-theme: mat-light-theme((
   overflow: auto;
 }
 
+.item-conten-agenda-oficial-100000011 {
+  border-radius: 5px;
+  border-right: 5px solid #ffb703;
+}
+
+.item-conten-agenda-pessoal-100000011 {
+  border-radius: 5px;
+  border-right: 5px solid #ff0303;
+}
+
+.item-conten-agenda-oficial-100000014 {
+  border-radius: 5px;
+  border-right: 5px solid #03d838;
+}
+
+.item-conten-agenda, .item-conten-pessoal, .item-conten-100000014 {
+  border-radius: 5px;
+  border-right: 5px solid #8b0ae0;
+}
+
 .approve-event-time{
   width: 33px;
   float: left;