@chat21/chat21-ionic 3.0.60-rc6 → 3.0.61-rc2

package/src/app/pages/conversation-detail/conversation-detail.page.ts

@@ -105,14 +105,16 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   MESSAGE_TYPE_OTHERS = MESSAGE_TYPE_OTHERS;
 
   arrowkeyLocation = -1;
-
+  public_Key: any;
+  areVisibleCAR: boolean
   //SOUND
   setTimeoutSound: any;
   audio: any
   isOpenInfoConversation: boolean;
   USER_HAS_OPENED_CLOSE_INFO_CONV: boolean = false
   isHovering: boolean = false;
-
+  conversation_count: number;
+  showSpinner: boolean = true
   dropEvent: any
   isMine = isMine;
   isInfo = isInfo;
@@ -206,11 +208,75 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
 
     //   }
     // });
+    this.getConversations();
     this.watchToConnectionStatus();
+    this.getOSCODE()
   }
 
-  watchToConnectionStatus() {
+  getConversations() {
+    this.conversationsHandlerService.conversationAdded.subscribe((conv) => {
+      // console.log('[CONVS-DETAIL]  - conv  ', conv)
+      const conversations = this.conversationsHandlerService.conversations;
+      // console.log('[CONVS-DETAIL] conversations', conversations);
+      this.conversation_count = conversations.length;
+      this.logger.log('[CONVS-DETAIL] conversation_count', this.conversation_count);
+    });
+
+    this.conversationsHandlerService.conversationChanged.subscribe((conv) => {
+      // console.log('[CONVS-DETAIL]  - conv  ', conv)
+      const conversations = this.conversationsHandlerService.conversations;
+      // console.log('[CONVS-DETAIL] conversations', conversations);
+      this.conversation_count = conversations.length;
+      this.logger.log('[CONVS-DETAIL] conversation_count', this.conversation_count);
+    });
+
+    this.conversationsHandlerService.conversationRemoved.subscribe((conv) => {
+      // console.log('[CONVS-DETAIL]  - conv  ', conv)
+      const conversations = this.conversationsHandlerService.conversations;
+      // console.log('[CONVS-DETAIL] conversations', conversations);
+      this.conversation_count = conversations.length;
+      this.logger.log('[CONVS-DETAIL] conversation_count', this.conversation_count);
+    });
+
+    setTimeout(() => {
+      this.showSpinner = false
+    }, 3000);
+
+  }
 
+
+  getOSCODE() {
+    this.public_Key = this.appConfigProvider.getConfig().t2y12PruGU9wUtEGzBJfolMIgK;
+    this.logger.log('[CONVS-DETAIL] AppConfigService getAppConfig public_Key', this.public_Key);
+
+    if (this.public_Key) {
+      let keys = this.public_Key.split("-");
+      this.logger.log('[CONVS-DETAIL] PUBLIC-KEY - public_Key keys', keys)
+
+      keys.forEach(key => {
+        if (key.includes("CAR")) {
+          let car = key.split(":");
+          if (car[1] === "F") {
+            this.areVisibleCAR = false;
+            this.logger.log('[CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+          } else {
+            this.areVisibleCAR = true;
+            this.logger.log('[CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+          }
+        }
+
+      });
+
+      if (!this.public_Key.includes("CAR")) {
+        this.areVisibleCAR = false;
+        this.logger.log('[CONVS-DETAIL] PUBLIC-KEY - areVisibleCAR', this.areVisibleCAR)
+      }
+    } else {
+      this.areVisibleCAR = false;
+    }
+  }
+
+  watchToConnectionStatus() {
     this.networkService.checkInternetFunc().subscribe(isOnline => {
       this.checkInternet = isOnline
       // console.log('[CONVS-LIST-PAGE] - watchToConnectionStatus - isOnline', this.checkInternet)
@@ -423,7 +489,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       "NO_CANNED_RESPONSES",
       "YES_CANNED_RESPONSES",
       "THERE_ARE_NO_CANNED_RESPONSES_AVAILABLE",
-      "TO_CREATE_THEM_GO_TO_THE_PROJECT"
+      "TO_CREATE_THEM_GO_TO_THE_PROJECT",
     ];
 
     this.translationMap = this.customTranslateService.translateLanguage(keys);
@@ -441,6 +507,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       'INFO_SUPPORT_USER_ADDED_VERB',
       'INFO_SUPPORT_CHAT_REOPENED',
       'INFO_SUPPORT_CHAT_CLOSED',
+      'INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU',
       'LABEL_TODAY',
       'LABEL_TOMORROW',
       'LABEL_LAST_ACCESS',
@@ -900,90 +967,93 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       // ----------------------------------------------------------
       // DISPLAY CANNED RESPONSES if message.lastIndexOf("/")
       // ----------------------------------------------------------
-      setTimeout(() => {
-        if (this.conversationWith.startsWith("support-group")) {
-
-          const pos = message.lastIndexOf("/");
-          // console.log("[CONVS-DETAIL] - returnChangeTextArea - canned responses pos of / (using lastIndexOf) ", pos);
-
-          // test
-          // var rest = message.substring(0, message.lastIndexOf("/") + 1);
-          // var last = message.substring(message.lastIndexOf("/") + 1, message.length);
-          // console.log('[CONVS-DETAIL] - returnChangeTextArea rest', rest);
-          // console.log('[CONVS-DETAIL] - returnChangeTextArea last', last);
-          // console.log('[CONVS-DETAIL] - returnChangeTextArea last', last.length);
-          // if (last.length === 1 && last.trim() === '') {
-          //   console.log('[CONVS-DETAIL] - returnChangeTextArea last is a white space ');
-          // } else if (last.length === 1 && last.trim() !== '') {
-          //   console.log('[CONVS-DETAIL] - returnChangeTextArea last is NOT space ');
-          // }
-
-
-          if (pos >= 0) {
-            var strSearch = message.substr(pos + 1);
-            this.logger.log("[CONVS-DETAIL] - returnChangeTextArea - canned responses strSearch ", strSearch);
-
-            // --------------------------------------------
-            // Load canned responses
-            // --------------------------------------------
-            this.loadTagsCanned(strSearch, this.conversationWith);
-
-            // ------------------------------------------------------------------------------------------------------------------------------------------
-            // Hide / display Canned when the SLASH has POSITION POS 0 and checking if there is a space after the SLASH (in this case it will be hidden)
-            // ------------------------------------------------------------------------------------------------------------------------------------------
-
-            var after_slash = message.substring(message.lastIndexOf("/") + 1, message.length);
-            if (pos === 0 && after_slash.length === 1 && after_slash.trim() === '') {
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea after_slash --> there is a white space after ');
-              this.HIDE_CANNED_RESPONSES = true
-              this.tagsCannedFilter = []
-            } else if (pos === 0 && after_slash.length === 0) {
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea after_slash --> there is NOT a white space after');
-              this.HIDE_CANNED_RESPONSES = false
-            }
-
-
-            if (pos > 0) {
+      if (this.areVisibleCAR) {
+        setTimeout(() => {
+          if (this.conversationWith.startsWith("support-group")) {
+
+            const pos = message.lastIndexOf("/");
+            // console.log("[CONVS-DETAIL] - returnChangeTextArea - canned responses pos of / (using lastIndexOf) ", pos);
+
+            // test
+            // var rest = message.substring(0, message.lastIndexOf("/") + 1);
+            // var last = message.substring(message.lastIndexOf("/") + 1, message.length);
+            // console.log('[CONVS-DETAIL] - returnChangeTextArea rest', rest);
+            // console.log('[CONVS-DETAIL] - returnChangeTextArea last', last);
+            // console.log('[CONVS-DETAIL] - returnChangeTextArea last', last.length);
+            // if (last.length === 1 && last.trim() === '') {
+            //   console.log('[CONVS-DETAIL] - returnChangeTextArea last is a white space ');
+            // } else if (last.length === 1 && last.trim() !== '') {
+            //   console.log('[CONVS-DETAIL] - returnChangeTextArea last is NOT space ');
+            // }
+
+
+            if (pos >= 0) {
+              var strSearch = message.substr(pos + 1);
+              this.logger.log("[CONVS-DETAIL] - returnChangeTextArea - canned responses strSearch ", strSearch);
+
+              // --------------------------------------------
+              // Load canned responses
+              // --------------------------------------------
+              this.loadTagsCanned(strSearch, this.conversationWith);
 
               // ------------------------------------------------------------------------------------------------------------------------------------------
-              // Hide / display Canned when the SLASH has POSITION POS > and checking if there is a space after the SLASH (in this case they it be hidden)
-              // and if there is not a space before the SLASH (in this it will be hidden)
+              // Hide / display Canned when the SLASH has POSITION POS 0 and checking if there is a space after the SLASH (in this case it will be hidden)
               // ------------------------------------------------------------------------------------------------------------------------------------------
 
-              let beforeSlash = message.substr(pos - 1)
-              let afterSlash = message.substr(pos + 1)
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea * POS ', pos);
-
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash', beforeSlash);
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> afterSlash', afterSlash);
-              var afterSlashParts = afterSlash.split("/")
-              var beforeSlashParts = beforeSlash.split("/")
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> afterSlash parts', afterSlashParts);
-              this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash parts', beforeSlashParts);
-
-              if (beforeSlashParts.length === 2) {
-                if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === '') {
-                  this.HIDE_CANNED_RESPONSES = false
-                  this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash there is a white space After Not');
-                  // if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0].indexOf(' ') >= 0)
-                } else if (beforeSlashParts[0].indexOf(' ') < 0 && afterSlashParts[0] === '') {
-                  this.HIDE_CANNED_RESPONSES = true;
-                  this.tagsCannedFilter = []
-                  this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After Not');
-                } else if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === ' ') {
-                  this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After YES');
-                  this.HIDE_CANNED_RESPONSES = true;
-                  this.tagsCannedFilter = []
+              var after_slash = message.substring(message.lastIndexOf("/") + 1, message.length);
+              if (pos === 0 && after_slash.length === 1 && after_slash.trim() === '') {
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea after_slash --> there is a white space after ');
+                this.HIDE_CANNED_RESPONSES = true
+                this.tagsCannedFilter = []
+              } else if (pos === 0 && after_slash.length === 0) {
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea after_slash --> there is NOT a white space after');
+                this.HIDE_CANNED_RESPONSES = false
+              }
+
+
+              if (pos > 0) {
+
+                // ------------------------------------------------------------------------------------------------------------------------------------------
+                // Hide / display Canned when the SLASH has POSITION POS > and checking if there is a space after the SLASH (in this case they it be hidden)
+                // and if there is not a space before the SLASH (in this it will be hidden)
+                // ------------------------------------------------------------------------------------------------------------------------------------------
+
+                let beforeSlash = message.substr(pos - 1)
+                let afterSlash = message.substr(pos + 1)
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea * POS ', pos);
+
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash', beforeSlash);
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> afterSlash', afterSlash);
+                var afterSlashParts = afterSlash.split("/")
+                var beforeSlashParts = beforeSlash.split("/")
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> afterSlash parts', afterSlashParts);
+                this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash parts', beforeSlashParts);
+
+                if (beforeSlashParts.length === 2) {
+                  if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === '') {
+                    this.HIDE_CANNED_RESPONSES = false
+                    this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash there is a white space After Not');
+                    // if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0].indexOf(' ') >= 0)
+                  } else if (beforeSlashParts[0].indexOf(' ') < 0 && afterSlashParts[0] === '') {
+                    this.HIDE_CANNED_RESPONSES = true;
+                    this.tagsCannedFilter = []
+                    this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After Not');
+                  } else if (beforeSlashParts[0].indexOf(' ') >= 0 && afterSlashParts[0] === ' ') {
+                    this.logger.log('[CONVS-DETAIL] - returnChangeTextArea  --> beforeSlash not thete is a white space After YES');
+                    this.HIDE_CANNED_RESPONSES = true;
+                    this.tagsCannedFilter = []
+                  }
                 }
               }
-            }
 
 
-          } else {
-            this.tagsCannedFilter = [];
+            } else {
+              this.tagsCannedFilter = [];
+            }
           }
-        }
-      }, 300);
+        }, 300);
+
+      }
       // ./ CANNED RESPONSES //
 
     } catch (err) {
@@ -1097,7 +1167,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
       this.tagsCannedFilter[i].title = "<div class='cannedContent'><div class='cannedTitle'>" + this.tagsCannedFilter[i].title.toString().replace(strSearch, strReplace.trim()) + "</div>" + textCanned + '</div>';
     }
     if (this.tagsCannedCount === 0) {
-      const nocanned = { 'title': "<div class='cannedContent'><div class='cannedTitle nocannedTitle'>" + this.translationMap.get('THERE_ARE_NO_CANNED_RESPONSES_AVAILABLE') + ".</div><div class='cannedText'>"  + this.translationMap.get('TO_CREATE_THEM_GO_TO_THE_PROJECT') +  "</div></div>", "text": "There are no canned responses available" }
+      const nocanned = { 'title': "<div class='cannedContent'><div class='cannedTitle nocannedTitle'>" + this.translationMap.get('THERE_ARE_NO_CANNED_RESPONSES_AVAILABLE') + ".</div><div class='cannedText'>" + this.translationMap.get('TO_CREATE_THEM_GO_TO_THE_PROJECT') + "</div></div>", "text": "There are no canned responses available" }
       this.tagsCannedFilter.push(nocanned)
     }
   }
@@ -1139,7 +1209,7 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
     this.arrowkeyLocation = -1
     this.tagsCannedFilter = [];
     this.logger.log("[CONVS-DETAIL] replaceTagInMessage  canned text ", canned.text);
-    
+
 
     // replace text
     var pos = textArea.value.lastIndexOf("/");
@@ -1183,15 +1253,15 @@ export class ConversationDetailPage implements OnInit, OnDestroy, AfterViewInit
   setCaretPosition(ctrl) {
     ctrl.value.trim()
     ctrl.setFocus();
-}
+  }
 
   insertAtCursor(myField, myValue) {
     this.logger.log('[CONVS-DETAIL] - insertAtCursor - myValue ', myValue);
     this.logger.log('[CONVS-DETAIL] - insertAtCursor - myField ', myField);
 
-    
+
     // myValue = ' ' + myValue;
-  
+
     // console.log('[CONVS-DETAIL] - GET TEXT AREA - Here yes myValue ', myValue);
     // console.log('[CONVS-DETAIL] - GET TEXT AREA - Here yes textArea value length', myField.value.length);
 

package/src/app/pages/conversations-list/conversations-list.page.html

@@ -1,9 +1,15 @@
 <ion-header no-border class="ion-no-border">
-  <app-ddp-header *ngIf="conversationType ==='active'" [numberOpenConv]="numberOpenConv" [supportMode]="supportMode"
-    (openContactsDirectory)=openContactsDirectory($event) (openProfileInfo)=openProfileInfo($event)>
+  <app-ddp-header *ngIf="conversationType ==='active'" 
+    [numberOpenConv]="numberOpenConv" 
+    [supportMode]="supportMode"
+    [archived_btn]="archived_btn"
+    [teammates_btn]="teammates_btn"
+    (openContactsDirectory)=openContactsDirectory($event) 
+    (openProfileInfo)=openProfileInfo($event)>
   </app-ddp-header>
 
-  <app-option-header *ngIf="conversationType !=='active'" [headerTitle]=headerTitle
+  <app-option-header *ngIf="conversationType !=='active'" 
+  [headerTitle]=headerTitle
     (onBackButton)=onBackButtonFN($event)>
   </app-option-header>
 </ion-header>
@@ -36,8 +42,8 @@
           </ion-avatar>
           <ion-label part="message-text" class="waiting-for-network-msg"> Waiting for network</ion-label>
         </ion-item>
-        <!-- button="true"  (click)="openUnsevedConversationIframe()" -->
-        <ion-item  *ngIf="supportMode && displayNewConvsItem" class="ion-no-padding open-iframe-item">
+        <!-- supportMode && -->
+        <ion-item  *ngIf="displayNewConvsItem" class="ion-no-padding open-iframe-item">
           <div tabindex="0"></div>
           <!-- <ion-note class="pinned-project">
             {{ 'PINNED_PROJECT' | translate }}
@@ -106,8 +112,6 @@
           <ion-item id="no-convs" class="ion-text-center" lines="none">
             <ion-label class="ion-text-wrap" color="medium">
               {{ 'LABEL_MSG_PUSH_START_CHAT' | translate }}
-              
-              
             </ion-label>
           </ion-item>
         </div>

package/src/app/pages/conversations-list/conversations-list.page.ts

@@ -60,7 +60,8 @@ export class ConversationListPage implements OnInit {
   public numberOpenConv = 0;
   public loadingIsActive = true;
   public supportMode: boolean;
-
+  public teammates_btn: boolean;
+  public archived_btn: boolean;
   public convertMessage = convertMessage;
   private isShowMenuPage = false;
   private logger: LoggerService = LoggerInstance.getInstance();
@@ -81,7 +82,15 @@ export class ConversationListPage implements OnInit {
 
   public displayNewConvsItem: boolean = true
 
-
+  tooltipOptions = {
+    'show-delay': 1500,
+    'tooltip-class': 'chat-tooltip',
+    'theme': 'light',
+    'shadow': false,
+    'hide-delay-mobile': 0,
+    'hideDelayAfterClick': 3000,
+    'hide-delay': 200
+  };
 
   constructor(
     private router: Router,
@@ -151,7 +160,7 @@ export class ConversationListPage implements OnInit {
   // -----------------------------------------------
   ngOnInit() {
     this.watchToConnectionStatus();
-    this.getSupportMode();
+    this.getAppConfigToHideDiplayBtns();
 
     // const currentUrl = this.router.url;
     // this.logger.log('[CONVS-LIST-PAGE] current_url ngOnInit ', currentUrl);
@@ -195,9 +204,24 @@ export class ConversationListPage implements OnInit {
   }
 
 
-
-  getSupportMode() {
-    this.supportMode = this.appConfigProvider.getConfig().supportMode;
+  getAppConfigToHideDiplayBtns() {
+    const appConfig = this.appConfigProvider.getConfig();
+    console.log('[ION-LIST-CONVS-COMP] - appConfig ', appConfig)
+    if (appConfig && appConfig.supportMode) {
+      this.supportMode = appConfig.supportMode;
+    } else {
+      this.supportMode = false;
+    }
+    if (appConfig && appConfig.archivedButton) {
+      this.archived_btn = appConfig.archivedButton;
+    } else {
+      this.archived_btn = false;
+    }
+    if (appConfig && appConfig.teammatesButton) {
+      this.teammates_btn = appConfig.teammatesButton;
+    } else {
+      this.teammates_btn = false;
+    }
     // console.log('[ION-LIST-CONVS-COMP] - supportMode ', this.supportMode)
   }
 
@@ -242,7 +266,7 @@ export class ConversationListPage implements OnInit {
   }
 
   openUnsevedConversationIframe(event) {
-    console.log('[CONVS-LIST-PAGE] openUnsevedConversationIframe ', event)
+    this.logger.log('[CONVS-LIST-PAGE] openUnsevedConversationIframe ', event)
     this.hasClickedOpenUnservedConvIframe = true
     this.logger.log('[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME', this.hasClickedOpenUnservedConvIframe);
     const DASHBOARD_BASE_URL = this.appConfigProvider.getConfig().dashboardUrl;
@@ -354,7 +378,7 @@ export class ConversationListPage implements OnInit {
 
 
   initArchivedConversationsHandler() {
-    const keysConversation = ['CLOSED'];
+    const keysConversation = ['CLOSED', 'Resolve'];
     this.translationMapConversation = this.translateService.translateLanguage(keysConversation);
 
     this.archivedConversationsHandlerService.subscribeToConversations(() => {
@@ -402,7 +426,6 @@ export class ConversationListPage implements OnInit {
   }
 
   listenGoOffline() {
-
     this.events.subscribe('go:offline', (offline) => {
       this.logger.info('[CONVS-LIST-PAGE] - listen To go:offline - offline', offline);
       // this.events.unsubscribe('profileInfoButtonClick:logout')
@@ -556,6 +579,8 @@ export class ConversationListPage implements OnInit {
 
       // let storedArchivedConv = localStorage.getItem('activeConversationSelected');
       const keys = ['LABEL_ARCHIVED'];
+      // const keys = ['History'];
+      
       this.headerTitle = this.translateService.translateLanguage(keys).get(keys[0]);
 
     } else if (event === 'displayContact') {

package/src/app/pages/profile-info/profile-info.page.html

@@ -55,13 +55,13 @@
   </div>
 
   <ion-list *ngIf="loggedUser">
-    <ion-item lines="none" class="sidebar-items" (click)="onClickArchivedConversation()">
+    <!-- <ion-item lines="none" class="sidebar-items" (click)="onClickArchivedConversation()">
       <div tabindex="0"></div>
       <ion-icon name="archive-outline" class="sidebar-icons"></ion-icon>
       <ion-label class="sidebar-labels">
         <h3>{{ 'LABEL_ARCHIVED' | translate }}</h3>
       </ion-label>
-    </ion-item>
+    </ion-item> -->
 
     <ion-item lines="none" class="sidebar-items" (click)="onLogout()">
       <div tabindex="0"></div>

package/src/app/pages/profile-info/profile-info.page.ts

@@ -86,16 +86,18 @@ export class ProfileInfoPage implements OnInit {
   private setUser() {
     // width and height NON sono obbligatori
     this.loggedUser = this.chatManager.getCurrentUser();
-    this.itemAvatar = {
-      imageurl: this.imageRepo.getImagePhotoUrl(this.loggedUser.uid),
-      avatar: this.loggedUser.avatar,
-      color: this.loggedUser.color,
-      online: this.loggedUser.online,
-      lastConnection: this.loggedUser.lastConnection,
-      status: '',
-      width: '100px',
-      height: '100px'
-    };
+    if (this.loggedUser) {
+      this.itemAvatar = {
+        imageurl: this.imageRepo.getImagePhotoUrl(this.loggedUser.uid),
+        avatar: this.loggedUser.avatar,
+        color: this.loggedUser.color,
+        online: this.loggedUser.online,
+        lastConnection: this.loggedUser.lastConnection,
+        status: '',
+        width: '100px',
+        height: '100px'
+      };
+    }
   }
 
 
@@ -121,10 +123,10 @@ export class ProfileInfoPage implements OnInit {
   private setSubscriptions() {
     this.presenceService.userIsOnline(this.loggedUser.uid);
     this.presenceService.lastOnlineForUser(this.loggedUser.uid);
-   
-  
+
+
     const subscribeBSIsOnline = this.presenceService.BSIsOnline.subscribe((data: any) => {
-     this.logger.log('[PROFILE-INFO-PAGE] setSubscriptions $ubscribe to BSIsOnline - data' , data);
+      this.logger.log('[PROFILE-INFO-PAGE] setSubscriptions $ubscribe to BSIsOnline - data', data);
       if (data) {
         const userId = data.uid;
         const isOnline = data.isOnline;
@@ -135,7 +137,7 @@ export class ProfileInfoPage implements OnInit {
     });
 
     const subscribeBSLastOnline = this.presenceService.BSLastOnline.subscribe((data: any) => {
-     this.logger.log('[PROFILE-INFO-PAGE] setSubscriptions $ubscribe to BSLastOnline - data' , data);
+      this.logger.log('[PROFILE-INFO-PAGE] setSubscriptions $ubscribe to BSLastOnline - data', data);
       if (data) {
         const userId = data.uid;
         const timestamp = data.lastOnline;
@@ -150,7 +152,7 @@ export class ProfileInfoPage implements OnInit {
 
 
   userIsOnLine = (userId: string, isOnline: boolean) => {
-   this.logger.log('[PROFILE-INFO-PAGE] userIsOnLine - userId ', userId, ' - isOnline ', isOnline);
+    this.logger.log('[PROFILE-INFO-PAGE] userIsOnLine - userId ', userId, ' - isOnline ', isOnline);
     this.itemAvatar.online = isOnline;
     if (isOnline) {
       this.itemAvatar.status = this.translationMap.get('LABEL_AVAILABLE');
@@ -180,9 +182,9 @@ export class ProfileInfoPage implements OnInit {
 
   /** */
   private unsubescribeAll() {
-   this.logger.log('unsubescribeAll: ', this.subscriptions);
+    this.logger.log('unsubescribeAll: ', this.subscriptions);
     this.subscriptions.forEach((subscription: any) => {
-     this.logger.log('unsubescribe: ', subscription);
+      this.logger.log('unsubescribe: ', subscription);
       // this.events.unsubscribe(subscription, null);
     });
     this.subscriptions = [];
@@ -207,15 +209,15 @@ export class ProfileInfoPage implements OnInit {
   }
 
   copyLoggedUserUID() {
-    var copyText = document.createElement("input");                  
+    var copyText = document.createElement("input");
     copyText.setAttribute("type", "text");
     copyText.setAttribute("value", this.loggedUser.uid);
-     
-    document.body.appendChild(copyText); 
+
+    document.body.appendChild(copyText);
     copyText.select();
     copyText.setSelectionRange(0, 99999); /*For mobile devices*/
     document.execCommand("copy");
-   this.logger.log("Copied the text: " + copyText.value);
+    this.logger.log("Copied the text: " + copyText.value);
     const tootipElem = <HTMLElement>document.querySelector('.chat-tooltip');
     this.renderer.appendChild(tootipElem, this.renderer.createText('Copied!'))
 

package/src/app/pages/unassigned-conversations/unassigned-conversations.page.html

@@ -1,9 +1,9 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title *ngIf="callerBtn !== 'pinbtn'">
-      {{translationMap?.get('NewConversations') }}
+    <ion-title *ngIf="callerBtn !== 'pinbtn'" style="font-size: 16px;">
+      {{translationMap?.get('UnassignedConversations') }}
     </ion-title>
-    <ion-title *ngIf="callerBtn === 'pinbtn'">
+    <ion-title *ngIf="callerBtn === 'pinbtn'" style="font-size: 16px;">
       {{translationMap?.get('PIN_A_PROJECT') }}
     </ion-title>
     <ion-buttons slot="end">

package/src/app/shared/shared.module.ts

@@ -35,11 +35,18 @@ import { InfoSupportGroupComponent } from '../components/conversation-info/info-
 import { InfoDirectComponent } from '../components/conversation-info/info-direct/info-direct.component';
 import { AdvancedInfoAccordionComponent } from '../components/conversation-info/advanced-info-accordion/advanced-info-accordion.component';
 import { InfoGroupComponent } from '../components/conversation-info/info-group/info-group.component';
-import { TooltipModule } from 'ng2-tooltip-directive';
+import { TooltipModule, TooltipOptions } from 'ng2-tooltip-directive';
 import { OptionHeaderComponent } from '../components/conversation-detail/option-header/option-header.component';
 import { MessageAttachmentComponent } from '../chatlib/conversation-detail/message/message-attachment/message-attachment.component';
 import { ImageViewerComponent } from '../components/image-viewer/image-viewer.component';
+import { SidebarComponent } from '../components/sidebar/sidebar.component';
+import { SidebarUserDetailsComponent } from '../components/sidebar-user-details/sidebar-user-details.component';
 import { ProjectItemComponent } from '../components/project-item/project-item.component';
+import { DefaultTooltipOptions } from 'src/chat21-core/utils/utils';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+
 // import { MessageTextAreaComponent } from '../components/conversation-detail/message-text-area/message-text-area.component';
 
 @NgModule({
@@ -52,6 +59,8 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     ListConversationsComponent,
     IonListConversationsComponent,
     ImageViewerComponent,
+    SidebarComponent,
+    SidebarUserDetailsComponent,
     ProjectItemComponent,
     IonConversationDetailComponent,
     ConversationContentComponent,
@@ -86,6 +95,8 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     AvatarProfileComponent,
     DdpHeaderComponent,
     ImageViewerComponent,
+    SidebarComponent,
+    SidebarUserDetailsComponent,
     ProjectItemComponent,
     UserPresenceComponent,
     UserTypingComponent,
@@ -116,10 +127,13 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
 
   ],
   imports: [
+    MatTooltipModule,
+    MatSlideToggleModule,
+    MatSnackBarModule,
     CommonModule,
     IonicModule,
     MomentModule,
-    TooltipModule
+    TooltipModule.forRoot(DefaultTooltipOptions as TooltipOptions)
 
   ],
   schemas: [