@chat21/chat21-ionic 3.0.59 → 3.0.60-rc8

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

@@ -36,12 +36,16 @@
           </ion-avatar>
           <ion-label part="message-text" class="waiting-for-network-msg"> Waiting for network</ion-label>
         </ion-item>
-
-        <ion-item  *ngIf="supportMode && displayNewConvsItem" class="ion-no-padding open-iframe-item"
-        button="true"
-          (click)="openUnsevedConversationIframe()">
+        <!-- button="true"  (click)="openUnsevedConversationIframe()" -->
+        <ion-item  *ngIf="supportMode && displayNewConvsItem" class="ion-no-padding open-iframe-item">
           <div tabindex="0"></div>
-          <app-project-item (projectIdEvent)="getLastProjectId($event)"></app-project-item>
+          <!-- <ion-note class="pinned-project">
+            {{ 'PINNED_PROJECT' | translate }}
+          </ion-note> -->
+     
+          <app-project-item style="width: 100%;" 
+          (openUnsevedConvsEvent)="openUnsevedConversationIframe($event)"  
+          (projectIdEvent)="getLastProjectId($event)"></app-project-item>
         </ion-item>
 
       <span
@@ -102,6 +106,8 @@
           <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.scss

@@ -297,6 +297,17 @@ ion-list {
 .open-iframe-item {
   padding-left: 0px !important ;
   padding-right: 0px !important;
-  height: 55px !important;
+  // height: 55px !important;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  --background-hover: #ffffff;
+  cursor:default !important;
+}
+
+.pinned-project {
+
+  color: #3880ff;
+  position: absolute;
+  right: 8px;
+  top: 2px;
+  // font-size: 12px !important;
 }

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

@@ -72,6 +72,8 @@ export class ConversationListPage implements OnInit {
   subscription: Subscription;
 
   public UNASSIGNED_CONVS_URL: any;
+  public PROJECTS_FOR_PANEL_URL: any;
+  public IFRAME_URL: any;
   public hasClickedOpenUnservedConvIframe: boolean = false;
   public lastProjectId: string;
   public isOnline: boolean = true;
@@ -239,24 +241,40 @@ export class ConversationListPage implements OnInit {
     this.lastProjectId = projectid;
   }
 
-  openUnsevedConversationIframe() {
+  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;
+    // http://localhost:4204/#/projects-for-panel
+    this.PROJECTS_FOR_PANEL_URL = DASHBOARD_BASE_URL + '#/projects-for-panel';
     this.UNASSIGNED_CONVS_URL = DASHBOARD_BASE_URL + '#/project/' + this.lastProjectId + '/unserved-request-for-panel';
+
+    if (event === 'pinbtn') {
+      this.IFRAME_URL = this.PROJECTS_FOR_PANEL_URL
+    } else {
+      this.IFRAME_URL = this.UNASSIGNED_CONVS_URL
+    }
+
     this.logger.log('[CONVS-LIST-PAGE] - HAS CLIKED OPEN UNSERVED REQUEST IFRAME > UNASSIGNED CONVS URL', this.UNASSIGNED_CONVS_URL);
-    this.openUnassignedConversations(this.UNASSIGNED_CONVS_URL)
+    this.openUnassignedConversations(this.IFRAME_URL, event)
   }
 
   // ---------------------------------------------------------
   // Opens the Unassigned Conversations iframe
   // ---------------------------------------------------------
-  openUnassignedConversations(UNASSIGNED_CONVS_URL) {
-
+  openUnassignedConversations(IFRAME_URL: string, event) {
     if (checkPlatformIsMobile()) {
-      presentModal(this.modalController, UnassignedConversationsPage, { unassigned_convs_url: UNASSIGNED_CONVS_URL });
+      presentModal(this.modalController, UnassignedConversationsPage, {
+        iframe_URL: IFRAME_URL,
+        callerBtn: event
+      });
     } else {
-      this.navService.push(UnassignedConversationsPage, { unassigned_convs_url: UNASSIGNED_CONVS_URL });
+      this.navService.push(UnassignedConversationsPage, {
+        iframe_URL: IFRAME_URL,
+        callerBtn: event
+
+      });
     }
   }
 
@@ -597,7 +615,9 @@ export class ConversationListPage implements OnInit {
     this.tenant = appconfig.firebaseConfig.tenant;
     this.logger.log('[CONVS-LIST-PAGE] - initialize -> firebaseConfig tenant ', this.tenant);
 
-    this.loggedUserUid = this.tiledeskAuthService.getCurrentUser().uid;
+    if (this.tiledeskAuthService.getCurrentUser()) {
+      this.loggedUserUid = this.tiledeskAuthService.getCurrentUser().uid;
+    }
     this.subscriptions = [];
     this.initConversationsHandler();
     this.initVariables();

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

@@ -1,6 +1,11 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>{{translationMap?.get('NewConversations') }}</ion-title>
+    <ion-title *ngIf="callerBtn !== 'pinbtn'" style="font-size: 16px;">
+      {{translationMap?.get('UnassignedConversations') }}
+    </ion-title>
+    <ion-title *ngIf="callerBtn === 'pinbtn'" style="font-size: 16px;">
+      {{translationMap?.get('PIN_A_PROJECT') }}
+    </ion-title>
     <ion-buttons slot="end">
       <ion-button ion-button fill="clear" (click)="onClose()">
         <ion-icon slot="icon-only" name="close"></ion-icon>
@@ -9,14 +14,14 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content overflow-scroll="true" id="iframe-ion-content" 
-[ngClass]="{'ion-content-black-background' : isProjectsForPanel === true}">
+<ion-content overflow-scroll="true" id="iframe-ion-content"
+  [ngClass]="{'ion-content-black-background' : isProjectsForPanel === true}">
   <!-- <iframe  id="i_frame"  style="width:100%; height:99%" frameBorder="0" allowfullscreen [src]="unassigned_convs_url_sanitized"></iframe> -->
-  <!-- <div class="stretchspinner-unassigned-convs">
-    <div class="rect1"></div>
-    <div class="rect2"></div>
-    <div class="rect3"></div>
-    <div class="rect4"></div>
-    <div class="rect5"></div>
-  </div> -->
-</ion-content>
+  <div class="loader-spinner-wpr">
+    <div id="loader" class="loader">
+      <svg class="circular" viewBox="25 25 50 50">
+        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
+      </svg>
+    </div>
+  </div>
+</ion-content>

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

@@ -1,79 +1,173 @@
 .ion-content-black-background {
---background: #2d323e	
+  --background: #2d323e;
 }
 
 // -------------------------------------------------
 // stretch spinner https://tobiasahlin.com/spinkit/
 // -------------------------------------------------
 .stretchspinner-unassigned-convs {
-    margin: 100px auto;
-    width: 50px;
-    height: 40px;
-    text-align: center;
-    font-size: 10px;
-    position: absolute;
-    margin: auto;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
+  // margin: 100px auto;
+  width: 50px;
+  height: 40px;
+  text-align: center;
+  font-size: 10px;
+  position: absolute;
+  margin: auto;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.stretchspinner-unassigned-convs > div {
+  background-color: #3ea9f5;
+  height: 100%;
+  width: 6px;
+  display: inline-block;
+
+  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
+  animation: sk-stretchdelay 1.2s infinite ease-in-out;
+}
+
+.stretchspinner-unassigned-convs .rect2 {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+
+.stretchspinner-unassigned-convs .rect3 {
+  -webkit-animation-delay: -1s;
+  animation-delay: -1s;
+}
+
+.stretchspinner-unassigned-convs .rect4 {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+
+.stretchspinner-unassigned-convs .rect5 {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+
+@-webkit-keyframes sk-stretchdelay {
+  0%,
+  40%,
+  100% {
+    -webkit-transform: scaleY(0.4);
+  }
+  20% {
+    -webkit-transform: scaleY(1);
+  }
+}
+
+@keyframes sk-stretchdelay {
+  0%,
+  40%,
+  100% {
+    transform: scaleY(0.4);
+    -webkit-transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+    -webkit-transform: scaleY(1);
+  }
+}
+
+// -------------------------------------------------
+// Loader as in dashboard
+// -------------------------------------------------
+.loader {
+  margin: 0 auto;
+  width: 60px;
+  position: absolute;
+  display: block;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  // @include transform-translate-y(-50%);
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  text-align: center;
+  top: 50%;
+
+  &:before {
+    content: "";
+    display: block;
+    padding-top: 100%;
   }
-  
-  .stretchspinner-unassigned-convs  > div {
-    background-color: #3ea9f5;
-    height: 100%;
-    width: 6px;
-    display: inline-block;
-  
-    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
-    animation: sk-stretchdelay 1.2s infinite ease-in-out;
+}
+
+.circular {
+  animation: rotate 2s linear infinite;
+  height: 100%;
+  transform-origin: center center;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+
+.path {
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  animation: dash 1.5s ease-in-out infinite, color 2s ease-in-out infinite;
+  stroke-linecap: round;
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
   }
-  
-  .stretchspinner-unassigned-convs .rect2 {
-    -webkit-animation-delay: -1.1s;
-    animation-delay: -1.1s;
+}
+
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
   }
-  
-  .stretchspinner-unassigned-convs .rect3 {
-    -webkit-animation-delay: -1s;
-    animation-delay: -1s;
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
   }
-  
-  .stretchspinner-unassigned-convs .rect4 {
-    -webkit-animation-delay: -0.9s;
-    animation-delay: -0.9s;
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
   }
-  
-  .stretchspinner-unassigned-convs .rect5 {
-    -webkit-animation-delay: -0.8s;
-    animation-delay: -0.8s;
+}
+
+@keyframes color {
+  100%,
+  0% {
+    stroke: #3ea9f5;
   }
-  
-  @-webkit-keyframes sk-stretchdelay {
-    0%,
-    40%,
-    100% {
-      -webkit-transform: scaleY(0.4);
-    }
-    20% {
-      -webkit-transform: scaleY(1);
-    }
+  50% {
+    stroke: #ff5722;
   }
-  
-  @keyframes sk-stretchdelay {
-    0%,
-    40%,
-    100% {
-      transform: scaleY(0.4);
-      -webkit-transform: scaleY(0.4);
-    }
-    20% {
-      transform: scaleY(1);
-      -webkit-transform: scaleY(1);
-    }
+  100% {
+    stroke: #3ea9f5;
   }
-  
+}
+
+// -------------------------------------
+// Loader spinner wpr
+// -------------------------------------
+.loader-spinner-wpr {
+  text-align: center;
+  // font-size: 10px;
+  position: absolute;
+  margin: auto;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: #fff;
+}
 
-  .hide-stretchspinner {
-         display: none;
-  }
+.hide-stretchspinner {
+  display: none;
+}

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

@@ -14,8 +14,12 @@ import { CustomTranslateService } from 'src/chat21-core/providers/custom-transla
 })
 export class UnassignedConversationsPage implements OnInit {
 
-  @Input() unassigned_convs_url: any;
-  unassigned_convs_url_sanitized: any;
+  @Input() iframe_URL: any;
+  @Input() callerBtn: string;
+  // @Input() prjctsxpanel_url: any;
+  // @Input() unassigned_convs_url: any;
+
+  iframe_url_sanitized: any;
   private logger: LoggerService = LoggerInstance.getInstance();
   // has_loaded: boolean;
   ion_content: any;
@@ -32,7 +36,11 @@ export class UnassignedConversationsPage implements OnInit {
   ) { }
 
   ngOnInit() {
-    const keys = ['UnassignedConversations', 'NewConversations'];
+    const keys = [
+      'UnassignedConversations',
+      'NewConversations',
+      'PIN_A_PROJECT'
+    ];
     this.translationMap = this.translateService.translateLanguage(keys);
     this.buildIFRAME();
     this.listenToPostMsg();
@@ -47,14 +55,16 @@ export class UnassignedConversationsPage implements OnInit {
   }
 
   buildIFRAME() {
-    this.logger.log('[UNASSIGNED-CONVS-PAGE] - UNASSIGNED CONVS URL (ngOnInit)', this.unassigned_convs_url);
-    this.unassigned_convs_url_sanitized = this.sanitizer.sanitize(SecurityContext.URL, this.unassigned_convs_url)
-    this.logger.log('[UNASSIGNED-CONVS-PAGE] - UNASSIGNED CONVS URL SANITIZED (ngOnInit)', this.unassigned_convs_url_sanitized);
+    this.logger.log('[UNASSIGNED-CONVS-PAGE] - iframe_URL (ngOnInit)', this.iframe_URL);
+    this.logger.log('[UNASSIGNED-CONVS-PAGE] - callerBtn (ngOnInit)', this.callerBtn);
+
+    this.iframe_url_sanitized = this.sanitizer.sanitize(SecurityContext.URL, this.iframe_URL)
+    this.logger.log('[UNASSIGNED-CONVS-PAGE] - UNASSIGNED CONVS URL SANITIZED (ngOnInit)', this.iframe_url_sanitized);
     // this.has_loaded = false
 
     this.ion_content = document.getElementById("iframe-ion-content");
     this.iframe = document.createElement("iframe");
-    this.iframe.src = this.unassigned_convs_url_sanitized;
+    this.iframe.src = this.iframe_url_sanitized;
     this.iframe.width = "100%";
     this.iframe.height = "99%";
     this.iframe.id = "unassigned-convs-iframe"
@@ -63,23 +73,35 @@ export class UnassignedConversationsPage implements OnInit {
     this.iframe.style.background = "white";
     this.ion_content.appendChild(this.iframe);
 
-    //  this.getIframeHaLoaded()
+    this.getIframeHaLoaded()
+
   }
 
   getIframeHaLoaded() {
     var self = this;
-    var iframe = document.getElementById('unassigned-convs-iframe') as HTMLIFrameElement;;
-    this.logger.log('[APP-STORE-INSTALL] GET iframe ', iframe)
-    if (iframe) {
-      iframe.addEventListener("load", function () {
-        self.logger.log("[APP-STORE-INSTALL] GET - Finish");
-        let spinnerElem = <HTMLElement>document.querySelector('.stretchspinner-unassigned-convs')
+    var iframeWin = document.getElementById('unassigned-convs-iframe') as HTMLIFrameElement;;
+    this.logger.log('[UNASSIGNED-CONVS-PAGE] GET iframe ', iframeWin)
+    if (iframeWin) {
+      iframeWin.addEventListener("load", function () {
+        self.logger.log("[UNASSIGNED-CONVS-PAGE] GET - Finish");
+
+        const isIFrame = (input: HTMLElement | null): input is HTMLIFrameElement =>
+          input !== null && input.tagName === 'IFRAME';
+
+        if (isIFrame(iframeWin) && iframeWin.contentWindow) {
+          const msg = { action: "hidewidget", calledBy: 'unassigned-convs' }
+          iframeWin.contentWindow.postMessage(msg, '*');
+        }
+
+
+        let spinnerElem = <HTMLElement>document.querySelector('.loader-spinner-wpr')
 
         self.logger.log('[APP-STORE-INSTALL] GET iframeDoc readyState spinnerElem', spinnerElem)
         spinnerElem.classList.add("hide-stretchspinner")
 
       });
     }
+
   }
 
   listenToPostMsg() {
@@ -94,18 +116,31 @@ export class UnassignedConversationsPage implements OnInit {
           this.isProjectsForPanel = false;
         }
       }
+
+      if (event.data === 'hasChangedProject') {
+        this.closemodal()
+      }
     });
   }
 
+  public async closemodal() {
+    // const modal = await this.modalController.getTop();
+    // modal.dismiss({
+    //   confirmed: true
+    // });
+    // await this.modalController.dismiss({ confirmed: true });
+    this.onClose()
+
+  }
+
 
   async onClose() {
     this.logger.log('[UNASSIGNED-CONVS-PAGE] - onClose MODAL')
     this.logger.log('[UNASSIGNED-CONVS-PAGE] - onClose MODAL isModalOpened ', await this.modalController.getTop())
     const isModalOpened = await this.modalController.getTop();
-
+    this.logger.log('[UNASSIGNED-CONVS-PAGE] - onClose MODAL isModalOpened ', isModalOpened)
     if (isModalOpened) {
       this.modalController.dismiss({
-
         confirmed: true
       });
     } else {

package/src/app/services/app-config.ts

@@ -29,9 +29,9 @@ export class AppConfigProvider {
 
 
     return this.http.get(this.appConfig.remoteConfigUrl)
-      .toPromise().then((data: any ) => {
+      .toPromise().then((data: any) => {
         // console.log('AppConfigService loadAppConfig data: ', data);
- 
+
         const allconfig = data
         // console.log('[APP-CONFIG-SERVICE] - loadAppConfig allconfig: ', allconfig);
 
@@ -59,22 +59,22 @@ export class AppConfigProvider {
 
             //   // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL protocol is HTTPS - wsUrl', ws_url);
             // } else {
-            
-            
-              // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL !!! IS RELATIVE - window.location ', window.location);
 
-              // console.log(window.location)
 
-              if (window.location.protocol === 'http:') {
-                allconfig.wsUrl = 'ws://' + window.location.hostname + allconfig.wsUrlRel
+            // console.log('AppConfigService loadAppConfig allconfig !!!! exist - SERVER_BASE_URL !!! IS RELATIVE - window.location ', window.location);
+
+            // console.log(window.location)
 
-              } else if (window.location.protocol === 'https:') {
+            if (window.location.protocol === 'http:') {
+              allconfig.wsUrl = 'ws://' + window.location.hostname + ':' + window.location.port + allconfig.wsUrlRel
 
-                allconfig.wsUrl = 'wss://' + window.location.hostname + allconfig.wsUrlRel
-              } else {
+            } else if (window.location.protocol === 'https:') {
 
-                allconfig.wsUrl = 'ws://' + window.location.hostname + allconfig.wsUrlRel
-              }
+              allconfig.wsUrl = 'wss://' + window.location.hostname + ':' + window.location.port + allconfig.wsUrlRel
+            } else {
+
+              allconfig.wsUrl = 'ws://' + window.location.hostname + ':' + window.location.port + allconfig.wsUrlRel
+            }
             // }
 
           } else {
@@ -87,7 +87,7 @@ export class AppConfigProvider {
         }
 
         this.appConfig = allconfig;
-      
+
 
       }).catch(err => {
         console.error('error loadAppConfig' + err);

package/src/app/services/websocket/websocket-js.ts

@@ -88,7 +88,7 @@ export class WebSocketJs {
       // this.ws =  new WebSocket("wss://tiledesk-server-pre.herokuapp.com/?token=JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOiI1ZGRkMzBiZmYwMTk1ZjAwMTdmNzJjNmQiLCJlbWFpbCI6InByZWdpbm9AZjIxdGVzdC5pdCIsImZpcnN0bmFtZSI6Ikdpbm8iLCJsYXN0bmFtZSI6IlByZSIsImVtYWlsdmVyaWZpZWQiOnRydWUsImlhdCI6MTYwODgwNjY0MCwiYXVkIjoiaHR0cHM6Ly90aWxlZGVzay5jb20iLCJpc3MiOiJodHRwczovL3RpbGVkZXNrLmNvbSIsInN1YiI6InVzZXIiLCJqdGkiOiI1YmVmMDcxYy00ODBlLTQzYzQtOTRhYS05ZjQxYzMyNDcxMGQifQ.wv6uBn2P6H9wGb5WCYQkpPEScMU9PB1pBUzFouhJk20");
 
       this.logger.log('[WEBSOCKET-JS] - REF - READY STATE ≠ 1 > OPEN WS AND THEN SUBSCRIBE TO TOPICS');
-      // this.logger.log('% »»» WebSocketJs WF *** REF *** WS 2 ', this.ws);
+      this.logger.log('% »»» WebSocketJs WF *** REF *** WS 2 ', this.ws);
 
       var that = this;
       if (this.ws) {
@@ -96,6 +96,9 @@ export class WebSocketJs {
           that.logger.log('[WEBSOCKET-JS] - REF - OPEN EVENT *** ', event);
           that.subscribe(topic);
         });
+      } else {
+  
+        
       }
 
       if (this.topics.indexOf(topic) === -1) {
@@ -277,7 +280,7 @@ export class WebSocketJs {
       // onmessage Ottieni il battito cardiaco restituito per indicare che la connessione è normale
       if (this.ws && this.ws.readyState == 1) {
 
-        // this.logger.log("[WEBSOCKET-JS] - HEART-START - SEND PING-MSG");
+        this.logger.log("[WEBSOCKET-JS] - HEART-START - SEND PING-MSG");
 
         this.send(JSON.stringify(this.pingMsg), 'HEART-START')
 
@@ -289,7 +292,7 @@ export class WebSocketJs {
 
       // Se non viene ripristinato dopo un determinato periodo di tempo, il backend viene attivamente disconnesso
       this.pongTimeoutId = setTimeout(() => {
-        this.logger.log("[WEBSOCKET-JS] - HEART-START - PONG-TIMEOUT-ID  - CLOSE WS ");
+   this.logger.log("[WEBSOCKET-JS] - HEART-START - PONG-TIMEOUT-ID  - CLOSE WS ");
         // se onclose Si esibirà reconnect，Eseguiamo ws.close() Bene, se lo esegui direttamente reconnect Si innescherà onclose Causa riconnessione due volte
         this.ws.close();
       }, this.pongTimeout);
@@ -326,7 +329,7 @@ export class WebSocketJs {
     // this.sendingMessages = [];//new Map();
     // this.data = [];
     // this.init(this.sendMesagesInSendingArray);
-
+    this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - topics ", this.topics);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - url ", this.url);
     this.logger.log("[WEBSOCKET-JS] - CALLING INIT - callbacks ", this.callbacks);

package/src/app/services/websocket/websocket.service.ts

@@ -35,7 +35,7 @@ export class WebsocketService {
   subscriptionToWsCurrentProjectUserAvailability(projectid, prjctuserid) {
     var self = this;
     const path = '/' + projectid + '/project_users/' + prjctuserid
-    this.logger.log('[WS-SERV] - SUBSCR (REF) TO WS CURRENT USERS PATH: ', path);
+    // console.log('[WS-SERV] - SUBSCR (REF) TO WS CURRENT USERS PATH: ', path);
 
     return new Promise(function (resolve, reject) {