@chat21/chat21-ionic 3.0.65-rc1 → 3.0.66

package/CHANGELOG.md

@@ -1,6 +1,28 @@
 # chat21-ionic ver 3.0
 
-### 3.0.65-rc.1 - LATEST
+### 3.0.66 in PROD
+- added: control to 'foregroundCount' locale storage variable from dashboard
+- added: uk translations
+
+### 3.0.65 in PROD
+- bug-fixed: icons in sidebar were not alignet correctly on Safari
+- bug-fixed: missing translations on sidebar-detail component and login-modal page on start when user logged in for the first time
+- bug-fixed: some icons not showed in side-bar user detail component: replaced material-design-icons with material-icons
+- bug-fixed: if removed conversation.uid is the selected ones, change url from /active to /archived with navigateByUrl after archivedConversation is completed
+- bug-fixed: truncate sender_fullname in conversation-list and conversation-detail header components
+- added: arabic translations language
+- changed: behaviour of is_new of a conversation (not update 'is_new' conversation property if conv is the selected one or if sender is me)
+
+### 3.0.65-rc3 - LATEST
+- changed: retrive conversations with 'onces' firebase event and remove lastTimestamp from added, changed and removed fireabase subscriptions event
+- bug-fixed: conversation not archived due to conversation_removed unhandled event
+- bug-fixed: if removed conversation.uid is the selected ones, change url from /active to /archived with navigateByUrl after archivedConversation is completed
+
+
+### 3.0.65-rc2 - LATEST
+- changed: behaviour of is_new of a conversation (not update 'is_new' conversation property if conv is the selected one or if sender is me)
+
+### 3.0.65-rc1 - LATEST
 - added: improves chat performance by caching conversations
 - added: Displays balloon messages with a light orange background for "internal notes" type message
 - added: the html component

package/deploy_amazon_prod.sh

@@ -15,9 +15,9 @@ cp -p src/manifest.json platforms/browser/www/
 cp -p src/chat-config.json platforms/browser/www/
 
 cd platforms/browser/www
-# aws s3 sync . s3://tiledesk-console/v2/chat/
-# aws s3 sync . s3://tiledesk-console/v2/chat/$version/
-aws s3 sync . s3://tiledesk-console/v2/chat/latest/
+aws s3 sync . s3://tiledesk-console/v2/chat/
+aws s3 sync . s3://tiledesk-console/v2/chat/$version/
+# aws s3 sync . s3://tiledesk-console/v2/chat/latest/
 cd ../../../
 # aws cloudfront create-invalidation --distribution-id E36UIP90GOSFPM --paths "/*"
 

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.65-rc1",
+    "version": "3.0.66",
     "license": "AGPL-3.0",
     "homepage": "https://tiledesk.com/",
     "repository": {
@@ -60,7 +60,7 @@
         "file-saver": "^2.0.5",
         "firebase": "^8.6.7",
         "marked": "^2.0.1",
-        "material-design-icons": "^3.0.1",
+        "material-icons": "^1.11.2",
         "moment": "^2.24.0",
         "moment-timezone": "^0.5.28",
         "ng-connection-service": "^1.0.4",
@@ -119,4 +119,4 @@
             "ios"
         ]
     }
-}
+}

package/src/app/app.component.ts

@@ -37,7 +37,7 @@ import { LoginPage } from './pages/authentication/login/login.page';
 import { ConversationListPage } from './pages/conversations-list/conversations-list.page';
 
 // utils
-import { createExternalSidebar, checkPlatformIsMobile, isGroup, getParameterByName } from '../chat21-core/utils/utils';
+import { checkPlatformIsMobile, isGroup, getParameterByName, searchIndexInArrayForUid, compareValues } from '../chat21-core/utils/utils';
 import { STORAGE_PREFIX, PLATFORM_MOBILE, PLATFORM_DESKTOP, CHAT_ENGINE_FIREBASE, AUTH_STATE_OFFLINE, AUTH_STATE_ONLINE } from '../chat21-core/utils/constants';
 import { environment } from '../environments/environment';
 import { UserModel } from '../chat21-core/models/user';
@@ -99,6 +99,7 @@ export class AppComponent implements OnInit {
   private hadBeenCalledOpenModal: boolean = false;
   public missingConnectionToast: any
   public executedInitializeAppByWatchConnection: boolean = false;
+  // private isInitialized: boolean = false;
   private version: string;
   IS_ONLINE: boolean;
   IS_ON_MOBILE_DEVICE: boolean;
@@ -481,6 +482,7 @@ export class AppComponent implements OnInit {
       }
       this.uploadService.initialize();
 
+      this.setLanguage(null)
       this.initAuthentication();
       this.initSubscriptions();
       this.initAudio();
@@ -627,16 +629,13 @@ export class AppComponent implements OnInit {
 
 
   translateToastMsgs() {
-    this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications')
-      .subscribe((text: string) => {
+    this.translate.get('AnErrorOccurredWhileUnsubscribingFromNotifications').subscribe((text: string) => {
         this.toastMsgErrorWhileUnsubscribingFromNotifications = text;
       });
-    this.translate.get('CLOSE_TOAST')
-      .subscribe((text: string) => {
+    this.translate.get('CLOSE_TOAST').subscribe((text: string) => {
         this.toastMsgCloseToast = text;
       });
-    this.translate.get('WAITING_FOR_NETWORK')
-      .subscribe((text: string) => {
+    this.translate.get('WAITING_FOR_NETWORK').subscribe((text: string) => {
         this.toastMsgWaitingForNetwork = text;
       });
   }
@@ -851,6 +850,7 @@ export class AppComponent implements OnInit {
       }, 1000);
       this.soundMessage()
     }
+    // if(this.isInitialized) this.soundMessage()
   }
 
   soundMessage() {
@@ -867,7 +867,7 @@ export class AppComponent implements OnInit {
       }).catch((error: any) => {
         that.logger.error('[APP-COMP] ***soundMessage error*', error);
       });
-    }, 1000);
+    }, 4000);
   }
   /**---------------- SOUND FUNCTIONS --> END <--- +*/
   /***************************************************+*/
@@ -922,8 +922,8 @@ export class AppComponent implements OnInit {
       // that.conversationsChanged(conversations);
       if (conversation && conversation.is_new === true) {
         this.manageTabNotification()
-        this.updateConversationsOnStorage()
       }
+      if(conversation) this.updateConversationsOnStorage()
     });
 
     this.conversationsHandlerService.conversationChanged.subscribe((conversation: ConversationModel) => {
@@ -1145,33 +1145,6 @@ export class AppComponent implements OnInit {
   }
 
 
-  // listenToLogoutEvent() {
-  //   this.events.subscribe('profileInfoButtonClick:logout', (hasclickedlogout) => {
-  //     this.logger.debug('[APP-COMP] hasclickedlogout', hasclickedlogout);
-  //     if (hasclickedlogout === true) {
-  //       // ----------------------------------------------
-  //       // PUSH NOTIFICATIONS
-  //       // ----------------------------------------------
-  //       const that = this;
-  //       const pushEngine = this.appConfigProvider.getConfig().pushEngine
-  //       if( pushEngine && pushEngine !== 'none'){
-  //         this.notificationsService.removeNotificationsInstance(function (res) {
-  //           that.logger.debug('[APP-COMP] FIREBASE-NOTIFICATION >>>>  removeNotificationsInstance > CALLBACK RES', res);
-
-  //           if (res === 'success') {
-  //             that.removePresenceAndLogout();
-  //           } else {
-  //             that.removePresenceAndLogout();
-  //             that.presentToast();
-  //           }
-  //         })
-  //       }
-
-  //     }
-  //   });
-  // }
-
-
   async presentToast() {
     const toast = await this.toastController.create({
       message: this.toastMsgErrorWhileUnsubscribingFromNotifications,
@@ -1195,9 +1168,7 @@ export class AppComponent implements OnInit {
     // 1 - init chatConversationsHandler and  archviedConversationsHandler
     this.conversationsHandlerService.initialize(this.tenant, userId, translationMap);
     // this.subscribeToConvs()
-    const lastTimestamp = this.manageStoredConversations()
-    this.logger.log('[APP-COMP] initConversationsHandler: get lastTimestamp', lastTimestamp)
-    this.conversationsHandlerService.subscribeToConversations(lastTimestamp, () => {
+    this.conversationsHandlerService.subscribeToConversations(null, () => {
       // this.logger.log('[APP-COMP] - CONVS - INIT CONV')
       const conversations = this.conversationsHandlerService.conversations;
       this.logger.info('initialize FROM [APP-COMP] - [APP-COMP]-CONVS - INIT CONV CONVS', conversations)
@@ -1211,34 +1182,19 @@ export class AppComponent implements OnInit {
 
   }
 
-  // START: manage conversations on firebase upon last timestamp from stored conversations
-  private manageStoredConversations(): number {
-    let timestamp = 0
-    if(this.appStorageService.getItem('conversations')){
-      const conversationsStored = JSON.parse(this.appStorageService.getItem('conversations'))
-      if(conversationsStored && conversationsStored.length > 0) {
-        this.conversationsHandlerService.conversations = conversationsStored
-        timestamp = conversationsStored[0].timestamp
-        this.events.publish('appcompSubscribeToConvs:loadingIsActive', false);
-      }
-    }
-    return timestamp
-  }
-
   private updateConversationsOnStorage(){
     const that = this
-    //reset timer and save conversation on storage after 2s
-    clearTimeout(this.setTimeoutConversationsEvent);
-    this.setTimeoutConversationsEvent = setTimeout(() => {
-      this.logger.debug('[APP-COMP] updateConversationsOnStorage: reset timer and save conversations -> ', this.conversationsHandlerService.conversations.length)
-      that.appStorageService.setItem('conversations', JSON.stringify(this.conversationsHandlerService.conversations))
-    }, 2000);
+    // reset timer and save conversation on storage after 2s
+    // clearTimeout(this.setTimeoutConversationsEvent);
+    // this.setTimeoutConversationsEvent = setTimeout(() => {
+    //   that.logger.debug('[APP-COMP] updateConversationsOnStorage: reset timer and save conversations -> ', this.conversationsHandlerService.conversations.length)
+    //   that.appStorageService.setItem('conversations', JSON.stringify(that.conversationsHandlerService.conversations))
+    //   that.isInitialized = true;
+    // }, 2000);
   }
-  // END: manage conversations on firebase upon last timestamp from stored conversations
 
   private initArchivedConversationsHandler(userId: string) {
     const keys = ['YOU'];
-
     const translationMap = this.translateService.translateLanguage(keys);
 
     this.logger.debug('[APP-COMP] initArchivedConversationsHandler ------------->', userId, this.tenant);
@@ -1305,3 +1261,4 @@ export class AppComponent implements OnInit {
     }
   }
 }
+

package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.ts

@@ -59,16 +59,12 @@ export class BubbleMessageComponent implements OnInit, OnChanges {
   setMomentLocale() {
     this.browserLang = this.translate.getBrowserLang();
     const currentUser = this.tiledeskAuthService.getCurrentUser();
-    this.logger.log('[BUBBLE-MESSAGE] - ngOnInit - currentUser ', currentUser)
     let currentUserId = ''
     if (currentUser) {
       currentUserId = currentUser.uid
-      this.logger.log('[BUBBLE-MESSAGE] - ngOnInit - currentUserId ', currentUserId)
     }
 
     const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-    this.logger.log('[BUBBLE-MESSAGE] stored_preferred_lang: ', stored_preferred_lang);
-
 
     let chat_lang = ''
     if (this.browserLang && !stored_preferred_lang) {
@@ -81,15 +77,9 @@ export class BubbleMessageComponent implements OnInit, OnChanges {
         sameElse: 'LLLL'
       }
     });
-    // this.translate.getTranslation(chat_lang).subscribe((labels: string) => {
-    //   console.log('[BUBBLE-MESSAGE] translations: ', labels);
-    // });
   }
 
   ngOnChanges() {
-    this.logger.log('BUBBLE-MSG Hello !!!! this.message ',  this.message)
-    this.logger.log('BUBBLE-MSG ngOnChanges areVisibleCAR', this.areVisibleCAR)
-    this.logger.log('BUBBLE-MSG ngOnChanges supportMode', this.supportMode)
     if (this.message && this.message.metadata && typeof this.message.metadata === 'object') {
       this.getMetadataSize(this.message.metadata)
     }

package/src/app/chatlib/conversation-detail/message/return-receipt/return-receipt.component.html

@@ -1,18 +1,63 @@
 <div class="status-message">
   <!-- c21-ico-schedule -->
   <div *ngIf="!status" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_schedule</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path d="M9,1.5A7.5,7.5,0,1,0,16.5,9,7.5,7.5,0,0,0,9,1.5ZM9,15a6,6,0,1,1,6-6A6,6,0,0,1,9,15Z"/><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M9.38,5.25H8.25v4.5l3.94,2.36.56-.92-3.37-2Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_schedule</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path d="M9,1.5A7.5,7.5,0,1,0,16.5,9,7.5,7.5,0,0,0,9,1.5ZM9,15a6,6,0,1,1,6-6A6,6,0,0,1,9,15Z"/>
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M9.38,5.25H8.25v4.5l3.94,2.36.56-.92-3.37-2Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done -->
   <div *ngIf="status == MSG_STATUS_SENT" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done -->
   <div *ngIf="status == MSG_STATUS_SENT_SERVER" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M6.75,12.15,3.6,9,2.55,10l4.2,4.2,9-9-1-1.05Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
   <!-- c21-ico-done_all -->
   <div *ngIf="status == MSG_STATUS_RETURN_RECEIPT" class="icon">
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs><style>.cls-1{fill:none;}</style></defs><title>ic_done_all</title><g id="Livello_2" data-name="Livello 2"><g id="Livello_1-2" data-name="Livello 1"><path class="cls-1" d="M0,0H18V18H0Z"/><path d="M13.5,5.25,12.44,4.19,7.69,8.95,8.74,10Zm3.18-1.06L8.74,12.13,5.61,9,4.55,10.06l4.19,4.19,9-9ZM.31,10.06,4.5,14.25l1.06-1.06L1.37,9Z"/></g></g></svg>
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+      <defs>
+        <style>.cls-1{fill:none;}</style>
+      </defs>
+      <!-- <title>ic_done_all</title> -->
+      <g id="Livello_2" data-name="Livello 2">
+        <g id="Livello_1-2" data-name="Livello 1">
+          <path class="cls-1" d="M0,0H18V18H0Z"/>
+          <path d="M13.5,5.25,12.44,4.19,7.69,8.95,8.74,10Zm3.18-1.06L8.74,12.13,5.61,9,4.55,10.06l4.19,4.19,9-9ZM.31,10.06,4.5,14.25l1.06-1.06L1.37,9Z"/>
+        </g>
+      </g>
+    </svg>
   </div>
 </div>

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html

@@ -76,7 +76,7 @@
 
 
 <ion-item button="true" lines="none" class="ion-no-padding" [class.ion-selected]="conversation?.uid === uidConvSelected"
-  *ngFor="let conversation of listConversations" (click)="openConversationByID(conversation)" detail=false>
+  *ngFor="let conversation of listConversations; let index= index" (click)="openConversationByID(conversation)" detail=false>
   <div tabindex="0"></div>
 
   <!-- <div [class.selected]="conversation.uid === uidConvSelected"></div> -->

package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.ts

@@ -41,7 +41,7 @@ export class IonListConversationsComponent extends ListConversationsComponent im
   public alert_lbl: string;
   public actionNotAllowed_lbl: string;
   public youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl: string;
-public ok_lbl: string;
+  public ok_lbl: string;
 
   tooltip_options = {
     'show-delay': 0,
@@ -119,35 +119,22 @@ public ok_lbl: string;
 
 
   translateLbls() {
-    this.translate.get('Resolve')
-      .subscribe((text: string) => {
-        this.resolve_btn_tooltip = text;
-      });
-
-    this.translate.get('Archive')
-      .subscribe((text: string) => {
-        this.archive_btn_tooltip = text;
-      });
-
-    this.translate.get('ALERT_TITLE')
-      .subscribe((text: string) => {
-        this.alert_lbl = text;
-      });
-
-      this.translate.get('ActionNotAllowed')
-      .subscribe((text: string) => {
-        this.actionNotAllowed_lbl = text;
-      });
-
-      this.translate.get('YouAreNoLongerAmongTheTeammatesManagingThisConversation')
-      .subscribe((text: string) => {
-        this.youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl = text;
-      });
-
-      this.translate.get('CLOSE_ALERT_CONFIRM_LABEL')
-      .subscribe((text: string) => {
-        this.ok_lbl = text;
-      });
+    const translationKeys = [
+      'Resolve',
+      'Archive',
+      'ALERT_TITLE',
+      'ActionNotAllowed',
+      'CLOSE_ALERT_CONFIRM_LABEL',
+      'YouAreNoLongerAmongTheTeammatesManagingThisConversation'
+    ]
+    this.translate.get(['Resolve', 'Archive', 'ALERT_TITLE']).subscribe((translations: string) => {
+        this.resolve_btn_tooltip = translations['Resolve'];
+        this.archive_btn_tooltip = translations['Archive'];
+        this.alert_lbl = translations['ALERT_TITLE']
+        this.actionNotAllowed_lbl = translations['ActionNotAllowed']
+        this.ok_lbl = translations['CLOSE_ALERT_CONFIRM_LABEL']
+        this.youAreNoLongerAmongTheTeammatesManagingThisConversation_lbl = translations['YouAreNoLongerAmongTheTeammatesManagingThisConversation']
+    });
   }
 
   setMomentLocale() {
@@ -227,6 +214,7 @@ public ok_lbl: string;
     var conversationId = conversation.uid;
     this.logger.log('[ION-LIST-CONVS-COMP] - closeConversation - conversationId ', conversationId)
     this.onCloseConversation.emit(conversation)
+    let currentIndex = this.listConversations.findIndex(conv => conv.uid === conversation.uid)
   }
 
 

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html

@@ -1,8 +1,8 @@
 <ion-header no-border class="ion-no-border">
-  <ion-toolbar style="height:60px">
-    <ion-buttons slot="start" style="height:60px">
+  <ion-toolbar>
+    <ion-buttons slot="start" style="height:60px" *ngIf="isMobile">
       <!-- (click)="pushPage('conversations-list')" defaultHref="/conversations-list" -->
-      <ion-back-button style="display: block;" text="" *ngIf="isMobile" (click)="goBackToConversationList()">
+      <ion-back-button style="display: block;" text=""  (click)="goBackToConversationList()">
       </ion-back-button>
     </ion-buttons>
 
@@ -12,7 +12,9 @@
         <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '55px' : ''  }" -->
         <div *ngIf="conversationAvatar" class="avatar-container" (click)="onOpenCloseInfoConversation()" style="cursor: pointer"
           [ngClass]="{ 'avatar-container-ios': platformName === 'ios' }">
-          <app-avatar-profile [itemAvatar]=conversationAvatar></app-avatar-profile>
+          <app-avatar-profile 
+            [itemAvatar]=conversationAvatar>
+          </app-avatar-profile>
         </div>
         <!-- [ngStyle] = "{ 'left': platformName === 'ios' ? '63px' : ''  }" -->
         <div *ngIf="isDirect" class="user-presence" [ngClass]="{ 'user-presence-ios': platformName === 'ios' }">

package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss

@@ -25,6 +25,8 @@ ion-header {
     }
     ion-title {
         text-align: left;
+        padding-inline: unset;
+        margin: 0px 10px;
         height: 40px;
         width: 100%;
     }

package/src/app/components/project-item/project-item.component.ts

@@ -1,3 +1,4 @@
+import { EventsService } from './../../services/events-service';
 import { Component, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
 import { WebsocketService } from 'src/app/services/websocket/websocket.service';
 import { Subject } from 'rxjs';
@@ -53,6 +54,7 @@ export class ProjectItemComponent implements OnInit {
     public tiledeskService: TiledeskService,
     public webSocketJs: WebSocketJs,
     private appConfigProvider: AppConfigProvider,
+    public events: EventsService
   ) { }
 
   ngOnInit() {
@@ -209,10 +211,13 @@ export class ProjectItemComponent implements OnInit {
       this.logger.log('[PROJECT-ITEM] - LAST PROJECT PARSED ', this.project)
     }
 
+    
+
 
   }
 
   doProjectSubscriptions(project) {
+    this.events.publish('storage:last_project', project)
     this.logger.log('[PROJECT-ITEM] doProjectSubscriptions project ', project)
     if (project) {
       const user_role = this.project.role

package/src/app/components/sidebar/sidebar.component.ts

@@ -83,21 +83,14 @@ export class SidebarComponent implements OnInit {
 
 
   getStoredProjectAndUserRole() {
-    const stored_project = localStorage.getItem('last_project')
-    this.logger.log('[SIDEBAR] stored_project ', stored_project)
-    if (stored_project && stored_project !== 'undefined') {
-      const project = JSON.parse(stored_project)
-      this.logger.log('[SIDEBAR] project ', project)
-
-      this.project_id = project.id_project.id
-      this.logger.log('[SIDEBAR] project_id ', this.project_id)
-
-      this.USER_ROLE = project.role;
-      this.logger.log('[SIDEBAR] USER_ROLE ', this.USER_ROLE)
-      this.buildURLs(this.USER_ROLE)
-    } else {
-      this.logger.error('[SIDEBAR] stored_project not found in storage', stored_project)
-    }
+    this.events.subscribe('storage:last_project',project =>{
+      this.logger.log('[SIDEBAR] stored_project ', project)
+      if (project && project !== 'undefined') {
+        this.project_id = project.id_project.id
+        this.USER_ROLE = project.role;
+        this.buildURLs(this.USER_ROLE)
+      }
+    })
   }
 
   buildURLs(USER_ROLE) {
@@ -134,6 +127,7 @@ export class SidebarComponent implements OnInit {
             this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(this.currentUser.uid)
             this.logger.log('[SIDEBAR] photo_profile_URL ', this.photo_profile_URL)
             this.checkIfExistPhotoProfile(this.photo_profile_URL)
+            this.checkAndRemoveDashboardForegroundCount()
           }
         } else {
           this.logger.error('[SIDEBAR] BSAuthStateChanged current user not found in storage')
@@ -156,6 +150,18 @@ export class SidebarComponent implements OnInit {
     })
   }
 
+  checkAndRemoveDashboardForegroundCount(){
+    try {
+      const dashboardForegroundCount = localStorage.getItem('dshbrd----foregroundcount')
+      this.logger.log('[SIDEBAR] - THERE IS DASHBOARD FOREGROUND COUNT', dashboardForegroundCount)
+      if (dashboardForegroundCount && dashboardForegroundCount !== 'undefined') {
+        localStorage.setItem('dshbrd----foregroundcount', '0')
+      }
+    } catch (err) {
+      this.logger.error('Get local storage dshbrd----foregroundcount ', err)
+    }
+  }
+
   createUserAvatar(currentUser) {
     this.logger.log('[SIDEBAR] - createProjectUserAvatar ', currentUser)
     let fullname = ''
@@ -237,50 +243,43 @@ export class SidebarComponent implements OnInit {
   }
 
   getConversationsTranslation() {
-    this.translate.get('Conversations')
-      .subscribe((text: string) => {
+    this.translate.get('Conversations').subscribe((text: string) => {
         this.conversations_lbl = text
       });
   }
 
   getContactsTranslation() {
-    this.translate.get('LABEL_CONTACTS')
-      .subscribe((text: string) => {
+    this.translate.get('LABEL_CONTACTS').subscribe((text: string) => {
         this.contacts_lbl = text
       });
   }
 
   getAppsTranslation() {
-    this.translate.get('Apps')
-      .subscribe((text: string) => {
+    this.translate.get('Apps').subscribe((text: string) => {
         this.apps_lbl = text
       });
   }
 
   getAnalyticsTranslation() {
-    this.translate.get('Analytics')
-      .subscribe((text: string) => {
+    this.translate.get('Analytics').subscribe((text: string) => {
         this.analytics_lbl = text
       });
   }
 
   getActivitiesTranslation() {
-    this.translate.get('Activities')
-      .subscribe((text: string) => {
+    this.translate.get('Activities').subscribe((text: string) => {
         this.activities_lbl = text
       });
   }
 
   getHistoryTranslation() {
-    this.translate.get('History')
-      .subscribe((text: string) => {
+    this.translate.get('History').subscribe((text: string) => {
         this.history_lbl = text
       });
   }
 
   getSettingsTranslation() {
-    this.translate.get('Settings')
-      .subscribe((text: string) => {
+    this.translate.get('Settings').subscribe((text: string) => {
         this.settings_lbl = text
       });
   }