@chat21/chat21-ionic 3.0.65-rc2 → 3.0.67

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 = ''
@@ -227,62 +233,26 @@ export class SidebarComponent implements OnInit {
 
 
   translateLabels() {
-    this.getConversationsTranslation();
-    this.getContactsTranslation();
-    this.getActivitiesTranslation();
-    this.getAppsTranslation();
-    this.getAnalyticsTranslation();
-    this.getHistoryTranslation();
-    this.getSettingsTranslation()
-  }
-
-  getConversationsTranslation() {
-    this.translate.get('Conversations')
-      .subscribe((text: string) => {
-        this.conversations_lbl = text
-      });
-  }
-
-  getContactsTranslation() {
-    this.translate.get('LABEL_CONTACTS')
-      .subscribe((text: string) => {
-        this.contacts_lbl = text
-      });
-  }
-
-  getAppsTranslation() {
-    this.translate.get('Apps')
-      .subscribe((text: string) => {
-        this.apps_lbl = text
-      });
-  }
-
-  getAnalyticsTranslation() {
-    this.translate.get('Analytics')
-      .subscribe((text: string) => {
-        this.analytics_lbl = text
-      });
-  }
-
-  getActivitiesTranslation() {
-    this.translate.get('Activities')
-      .subscribe((text: string) => {
-        this.activities_lbl = text
-      });
-  }
-
-  getHistoryTranslation() {
-    this.translate.get('History')
-      .subscribe((text: string) => {
-        this.history_lbl = text
-      });
-  }
-
-  getSettingsTranslation() {
-    this.translate.get('Settings')
-      .subscribe((text: string) => {
-        this.settings_lbl = text
-      });
+    const keys= [
+      'Conversations',
+      'LABEL_CONTACTS',
+      'Apps',
+      'Analytics',
+      'Activities',
+      'History',
+      'Settings'
+    ]
+
+    this.translate.get(keys).subscribe((text: string) => {
+      this.conversations_lbl = text['Conversations'];
+      this.contacts_lbl = text['LABEL_CONTACTS']
+      this.apps_lbl = text['Apps']
+      this.analytics_lbl = text['Analytics']
+      this.activities_lbl = text['Activities']
+      this.history_lbl = text['History']
+      this.settings_lbl = text['Settings']
+      
+    });
   }
 
   getOSCODE() {

package/src/app/components/sidebar-user-details/sidebar-user-details.component.html

@@ -25,9 +25,9 @@
             onerror="this.src='assets/images/no_image_user.png'" />
 
         <div *ngIf="!USER_PHOTO_PROFILE_EXIST" class="user-img-in-sidebar-user-details"
-            [ngStyle]="{'background':  'linear-gradient(rgb(255,255,255) -125%,' + user?.fillColour + ')'}">
+            [ngStyle]="{'background':  'linear-gradient(rgb(255,255,255) -125%,' + user?.color + ')'}">
             <span id="sidebaravatar-altenative-user-avatar" class="sidebar-user-details-altenative-user-avatar">
-                {{ user?.fullname_initial }}
+                {{ user?.avatar }}
             </span>
         </div>
 
@@ -36,9 +36,7 @@
     <div class="user-details-user-isbusy" *ngIf="IS_BUSY === true" style="cursor:pointer"
         matTooltipClass="custom-mat-tooltip" matTooltip="{{IS_BUSY_msg}}" #tooltip="matTooltip"
         matTooltipPosition='right' matTooltipHideDelay="100">
-        <span class="material-icons user-details-user-isbusy-icon">
-            access_time
-        </span>
+        <span class="material-icons user-details-user-isbusy-icon">access_time</span>
     </div>
 
 
@@ -78,22 +76,20 @@
     <hr class="first-divider">
 
     <section *ngIf="isVisiblePAY" class="user-details-plan-info">
-        <span class="material-icons user-details-plan-icon">
-            apps
-            </span>
+        <span class="material-icons user-details-plan-icon">apps</span>
         <span>
-            <div> {{prjct_name}} </div>
+            <div> {{project?.name}} </div>
             <div style="display: inline-block;    margin-left: 26px;"> {{ profile_name_translated }} </div>
 
-            <div *ngIf="plan_type === 'payment' && plan_subscription_is_active === false"
-                style="color:#f44336; position:relative; top: -1px;;display: inline-block;">
-                <i *ngIf="plan_name !== 'enterprise'" class="material-icons" style="vertical-align: middle; color:#f44336; cursor:pointer;    
+            <div *ngIf="project?.type === 'payment' && project?.isActiveSubscription === false"
+                style="color:#f44336; position:relative; top: -1px;display: inline-block;">
+                <i *ngIf="project?.plan_name !== 'enterprise'" class="material-icons" style="vertical-align: middle; color:#f44336; cursor:pointer;    
                     font-size: 16px;" matTooltipClass="custom-mat-tooltip"
                     matTooltip="{{ SUBSCRIPTION_PAYMENT_PROBLEM_msg }}" #tooltip="matTooltip" matTooltipPosition='right'
                     matTooltipHideDelay="100">
                     error_outline
                 </i>
-                <i *ngIf="plan_name === 'enterprise'" class="material-icons" style="vertical-align: middle; color:#f44336; cursor:pointer;    
+                <i *ngIf="project?.plan_name === 'enterprise'" class="material-icons" style="vertical-align: middle; color:#f44336; cursor:pointer;    
                     font-size: 16px;" matTooltipClass="custom-mat-tooltip" matTooltip="{{ THE_PLAN_HAS_EXPIRED_msg }}"
                     #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100">
                     error_outline
@@ -103,12 +99,8 @@
     </section>
 
     <section class="user-details-help-center">
-        <span class="material-icons user-details-help-center-icon">
-            support
-            </span>
-            <span class="user-details-help-center" (click)="goToHelpCenter()"> 
-                Help center
-            </span>
+        <span class="material-icons user-details-help-center-icon">support</span>
+        <span class="user-details-help-center" (click)="goToHelpCenter()"> Help center</span>
     </section>
 
     <!-- <hr class="second-divider" style="margin-top: 20px;border: 0;
@@ -128,10 +120,7 @@
     </section>
 
     <section class="user-details-footer-chat-version">
-        <div class="chat-version">
-            <!-- &copy; {{test | date: 'yyyy'}} {{company_name}} ver {{version}} -->
-            ver {{version}}
-        </div>
+        <div class="chat-version"> ver {{version}}</div>
     </section>
 
 </div>

package/src/app/components/sidebar-user-details/sidebar-user-details.component.scss

@@ -280,6 +280,9 @@ button.user-details-btn-close {
     font-size: 20px;
     vertical-align: middle;
     margin-right: 3px;
+    svg{
+        fill: #a9afbb
+    }
 }
 
 .user-details-help-center {

package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts

@@ -46,19 +46,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   profile_name_translated: string;
   SubscriptionPaymentProblem: string;
   user: any
-  projectID: any
   tiledeskToken: string;
-  prjct_name: string;
-  plan_type: string;
+  project: { _id: string, name: string, type: string, isActiveSubscription: boolean, plan_name: string}
   _prjct_profile_name: string;
 
   isVisiblePAY: boolean;
   public_Key: any
-  plan_name: string;
-  plan_subscription_is_active: boolean;
   USER_PHOTO_PROFILE_EXIST: boolean;
   version: string
-  test: Date = new Date();
   company_name: string = 'Tiledesk'
   DASHBOARD_URL: string;
   constructor(
@@ -77,10 +72,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   ngOnInit() {
     this.DASHBOARD_URL = this.appConfigProvider.getConfig().dashboardUrl + '#/project/';
     this.version = PACKAGE.version;
-    this.getCurrentChatLangAndTranslateLabels();
     this.subcribeToAuthStateChanged();
     this.listenTocurrentProjectUserUserAvailability$();
-    this.getCurrentStoredProject();
+    this.listenToCurrentStoredProject();
     this.getOSCODE();
     // this.listenOpenUserSidebarEvent();
   }
@@ -90,15 +84,14 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
       this.logger.log('[SIDEBAR-USER-DETAILS] BSAuthStateChanged ', state)
 
       if (state === 'online') {
-
         const storedCurrentUser = this.appStorageService.getItem('currentUser')
         if (storedCurrentUser && storedCurrentUser !== 'undefined') {
           const currentUser = JSON.parse(storedCurrentUser);
           this.logger.log('[SIDEBAR-USER-DETAILS] - subcribeToAuthStateChanged - currentUser ', currentUser)
           if (currentUser) {
             this.user = currentUser;
-            this.createUserAvatar(this.user)
-            this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(currentUser.uid)
+            this.getCurrentChatLangAndTranslateLabels(this.user);
+            this.photo_profile_URL = this.imageRepoService.getImagePhotoUrl(this.user.uid)
             this.logger.log('[SIDEBAR-USER-DETAILS] photo_profile_URL ', this.photo_profile_URL);
             this.checkIfExistPhotoProfile(this.photo_profile_URL)
           }
@@ -124,23 +117,6 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
 
-  createUserAvatar(currentUser) {
-    this.logger.log('[SIDEBAR-USER-DETAILS] - createProjectUserAvatar ', currentUser)
-    let fullname = ''
-    if (currentUser && currentUser.firstname && currentUser.lastname) {
-      fullname = currentUser.firstname + ' ' + currentUser.lastname
-      currentUser['fullname_initial'] = avatarPlaceholder(fullname)
-      currentUser['fillColour'] = getColorBck(fullname)
-    } else if (currentUser && currentUser.firstname) {
-      fullname = currentUser.firstname
-      currentUser['fullname_initial'] = avatarPlaceholder(fullname)
-      currentUser['fillColour'] = getColorBck(fullname)
-    } else {
-      currentUser['fullname_initial'] = 'N/A'
-      currentUser['fillColour'] = 'rgb(98, 100, 167)'
-    }
-  }
-
   verifyImageURL(image_url, callBack) {
     const img = new Image();
     img.src = image_url;
@@ -184,64 +160,64 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
 
-  getCurrentChatLangAndTranslateLabels() {
+  getCurrentChatLangAndTranslateLabels(currentUser) {
     this.browserLang = this.translate.getBrowserLang();
-    const storedCurrentUser = this.appStorageService.getItem('currentUser')
-
-    if (storedCurrentUser && storedCurrentUser !== 'undefined') {
-      const currentUser = JSON.parse(storedCurrentUser);
-      this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser ', currentUser)
-      this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - browserLang ', this.browserLang)
-      let currentUserId = ''
-      if (currentUser) {
-        currentUserId = currentUser.uid
-        this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUserId ', currentUserId)
-      }
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser ', currentUser)
+    this.logger.log('[SIDEBAR-USER-DETAILS] - ngOnInit - browserLang ', this.browserLang)
 
-      const stored_preferred_lang = localStorage.getItem(currentUserId + '_lang');
-      this.logger.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
+    const stored_preferred_lang = localStorage.getItem(currentUser.uid + '_lang');
+    this.logger.log('[SIDEBAR-USER-DETAILS] stored_preferred_lang: ', stored_preferred_lang);
 
 
-      this.chat_lang = ''
-      if (this.browserLang && !stored_preferred_lang) {
-        this.chat_lang = this.browserLang
-        // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-
-        this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
-        this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
-      } else if (this.browserLang && stored_preferred_lang) {
-        this.chat_lang = stored_preferred_lang
-        // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-        this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
-        this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
-      }
+    this.chat_lang = ''
+    if (this.browserLang && !stored_preferred_lang) {
+      this.chat_lang = this.browserLang
+      // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
 
+      this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
+      this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
+    } else if (this.browserLang && stored_preferred_lang) {
+      this.chat_lang = stored_preferred_lang
+      // this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
+      this.logger.log('[SIDEBAR-USER-DETAILS] flag_url: ', this.flag_url);
+      this.logger.log('[SIDEBAR-USER-DETAILS] chat_lang: ', this.chat_lang);
+    }
 
-      if (tranlatedLanguage.includes(this.chat_lang)) {
-        this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
-        this.translate.use(this.chat_lang);
-        this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
-      } else {
-        this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
-        this.translate.use('en');
-        this.flag_url = "assets/images/language_flag/en.png"
-        this.chat_lang = 'en'
-      }
-
+    if (tranlatedLanguage.includes(this.chat_lang)) {
+      this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
+      this.translate.use(this.chat_lang);
+      this.flag_url = "assets/images/language_flag/" + this.chat_lang + ".png"
     } else {
-      this.logger.error('[SIDEBAR-USER-DETAILS] - ngOnInit - currentUser not found in storage')
+      this.logger.log('[SIDEBAR-USER-DETAILS] tranlatedLanguage includes', this.chat_lang, ': ', tranlatedLanguage.includes(this.chat_lang))
+      this.translate.use('en');
+      this.flag_url = "assets/images/language_flag/en.png"
+      this.chat_lang = 'en'
     }
+
     this.translateLabels()
   }
 
   translateLabels() {
-    this.getEditProfileTranslation();
-    this.getAvailableTranslation();
-    this.getUnavailableTranslation();
-    this.getIsBusyTranslation();
-    this.getSubscriptionPaymentProblemTranslation();
-    this.getThePlanHasExpiredTranslation();
-    this.getLogoutTranslation();
+    let keys= [
+      'EditProfile',
+      'Available',
+      'Unavailable',
+      'Busy',
+      'LABEL_LOGOUT',
+      'SubscriptionPaymentProblem',
+      'ThePlanHasExpired'
+    ]
+
+    this.translate.get(keys).subscribe((text: string) => {
+      this.EditProfileLabel = text['EditProfile'];
+      this.IS_AVAILABLE_msg = text['Available']
+      this.IS_UNAVAILABLE_msg = text['Unavailable']
+      this.IS_BUSY_msg = text['Busy']
+      this.LOGOUT_msg = text['LABEL_LOGOUT']
+      this.SUBSCRIPTION_PAYMENT_PROBLEM_msg = text['SubscriptionPaymentProblem']
+      this.THE_PLAN_HAS_EXPIRED_msg = text['ThePlanHasExpired']
+      
+    });
   }
 
 
@@ -275,92 +251,77 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   getEditProfileTranslation() {
-    this.translate.get('EditProfile')
-      .subscribe((text: string) => {
+    this.translate.get('EditProfile').subscribe((text: string) => {
         this.EditProfileLabel = text
       });
   }
 
-
-
   getAvailableTranslation() {
-    this.translate.get('Available')
-      .subscribe((text: string) => {
+    this.translate.get('Available').subscribe((text: string) => {
         this.IS_AVAILABLE_msg = text
-      });
+    });
   }
   getUnavailableTranslation() {
-    this.translate.get('Unavailable')
-      .subscribe((text: string) => {
+    this.translate.get('Unavailable').subscribe((text: string) => {
         this.IS_UNAVAILABLE_msg = text
-      });
+    });
   }
 
   getIsBusyTranslation() {
-    this.translate.get('Busy')
-      .subscribe((text: string) => {
+    this.translate.get('Busy').subscribe((text: string) => {
         this.IS_BUSY_msg = text
-      });
+    });
   }
 
   getLogoutTranslation() {
-    this.translate.get('LABEL_LOGOUT')
-      .subscribe((text: string) => {
+    this.translate.get('LABEL_LOGOUT').subscribe((text: string) => {
         this.LOGOUT_msg = text
-      });
+    });
   }
 
   getSubscriptionPaymentProblemTranslation() {
-    this.translate.get('SubscriptionPaymentProblem')
-      .subscribe((text: string) => {
+    this.translate.get('SubscriptionPaymentProblem').subscribe((text: string) => {
         this.SUBSCRIPTION_PAYMENT_PROBLEM_msg = text
-      });
+    });
   }
 
   getThePlanHasExpiredTranslation() {
-    this.translate.get('ThePlanHasExpired')
-      .subscribe((text: string) => {
+    this.translate.get('ThePlanHasExpired').subscribe((text: string) => {
         this.THE_PLAN_HAS_EXPIRED_msg = text
-      });
+    });
   }
 
 
-  getCurrentStoredProject() {
-    try {
-      const project = localStorage.getItem('last_project')
-      if (project && project !== 'undefined') {
-        const projectObjct = JSON.parse(localStorage.getItem('last_project'))
+  listenToCurrentStoredProject() {
+    this.events.subscribe('storage:last_project', projectObjct => {
+      if (projectObjct && projectObjct !== 'undefined') {
         // console.log('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ', projectObjct)
 
-        this.projectID = projectObjct['id_project']['_id']
-    
-        this.prjct_name = projectObjct['id_project']['name']
+        this.project = {
+          _id: projectObjct['id_project']['_id'],
+          name: projectObjct['id_project']['name'],
+          type: projectObjct['id_project']['profile']['type'],
+          isActiveSubscription: projectObjct['id_project']['isActiveSubscription'],
+          plan_name: projectObjct['id_project']['profile']['name']
+        }
 
-        this.plan_type = projectObjct['id_project']['profile']['type'];
-   
-        const trial_expired = projectObjct['id_project']['trialExpired']
-    
+        const trial_expired = projectObjct['id_project']['trialExpired']    
         const profile_name = projectObjct['id_project']['profile']['name'];
-     
-        this.plan_name = projectObjct['id_project']['profile']['name'];
-        this.plan_subscription_is_active = projectObjct['id_project']['isActiveSubscription'];
-
-        if (this.plan_type === 'free') {
+      
+        if (this.project.type === 'free') {
 
           if (trial_expired === false) {
             this.getProPlanTrialTranslation();
           } else if (trial_expired === true) {
             this.getFreePlanTranslation();
           }
-        } else if (this.plan_type === 'payment' && profile_name === 'pro') {
+        } else if (this.project.type === 'payment' && profile_name === 'pro') {
           this.getProPlanTranslation();
-        } else if (this.plan_type === 'payment' && profile_name === 'enterprise') {
+        } else if (this.project.type === 'payment' && profile_name === 'enterprise') {
           this.getEnterprisePlanTranslation();
         }
       }
-    } catch (err) {
-      this.logger.error('[SIDEBAR-USER-DETAILS] - GET STORED PROJECT ERR ', err)
-    }
+    })
 
     try {
       this.tiledeskToken = this.appStorageService.getItem('tiledeskToken');
@@ -372,37 +333,31 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   getProPlanTrialTranslation() {
-    this.translate.get('ProPlanTrial')
-      .subscribe((text: string) => {
+    this.translate.get('ProPlanTrial').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getFreePlanTranslation() {
-    this.translate.get('FreePlan')
-      .subscribe((text: string) => {
+    this.translate.get('FreePlan').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getProPlanTranslation() {
-    this.translate.get('PaydPlanNamePro')
-      .subscribe((text: string) => {
+    this.translate.get('PaydPlanNamePro').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   getEnterprisePlanTranslation() {
-    this.translate.get('PaydPlanNameEnterprise')
-      .subscribe((text: string) => {
+    this.translate.get('PaydPlanNameEnterprise').subscribe((text: string) => {
         this.profile_name_translated = text
       });
   }
 
   listenTocurrentProjectUserUserAvailability$() {
-    this.wsService.currentProjectUserAvailability$
-      .pipe(skip(1))
-      .subscribe((projectUser) => {
+    this.wsService.currentProjectUserAvailability$.pipe(skip(1)).subscribe((projectUser) => {
         this.logger.log('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS RES ', projectUser);
 
         if (projectUser) {
@@ -412,8 +367,6 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
           this.translateUserRole(this.USER_ROLE)
         }
 
-
-
       }, (error) => {
         this.logger.error('[SIDEBAR-USER-DETAILS] - $UBSC TO WS USER AVAILABILITY & BUSY STATUS error ', error);
       }, () => {
@@ -422,8 +375,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   translateUserRole(role) {
-    this.translate.get(role)
-      .subscribe((text: string) => {
+    this.translate.get(role).subscribe((text: string) => {
         this.USER_ROLE_LABEL = text
       });
   }
@@ -436,9 +388,9 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
 
 
   changeAvailabilityStateInUserDetailsSidebar(available) {
-    this.logger.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.projectID, ' available 1: ', available);
+    this.logger.log('[SIDEBAR-USER-DETAILS] - changeAvailabilityState projectid', this.project._id, ' available 1: ', available);
 
-    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, this.projectID, available)
+    this.wsService.updateCurrentUserAvailability(this.tiledeskToken, this.project._id, available)
       .subscribe((projectUser: any) => {
 
         this.logger.log('[SIDEBAR-USER-DETAILS] - PROJECT-USER UPDATED ', projectUser)
@@ -453,7 +405,7 @@ export class SidebarUserDetailsComponent implements OnInit, OnChanges {
   }
 
   goToUserProfile() {
-    let url = this.DASHBOARD_URL + this.projectID + '/user-profile'
+    let url = this.DASHBOARD_URL + this.project._id + '/user-profile'
     const myWindow = window.open(url, '_self');
     myWindow.focus();
   }

package/src/app/directives/truncate.pipe.ts

@@ -6,7 +6,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 export class TruncatePipe implements PipeTransform {
 
   transform(value: string, character: number): any {
-    console.log('stringggg', value, character)
     if(value && value.length > character) 
       return value.substring(0, character) + ' ...'
     else 

package/src/app/pages/authentication/login/login.page.ts

@@ -110,7 +110,6 @@ export class LoginPage implements OnInit {
       'Email must be a valid email',
       'Password is required',
       'Password must be at least 6 characters long'
-
     ];
     this.translationMap = this.translateService.translateLanguage(keys);
   }