@chat21/chat21-ionic 3.0.5-9.2 → 3.0.6-2.3

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

@@ -91,9 +91,218 @@ export class TiledeskService {
     }))
   }
 
+
+  public getProjectById( token: string , id: string) {
+    const url = this.apiUrl + 'projects/' + id;
+    this.logger.log('[TILEDESK-SERVICE] - GET PROJECT BY ID URL', url);
+
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+    return this.http
+    .get(url, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] GET PROJECT BY ID URL - RES ', res);
+      return res
+    }))
+  }
+
+
+  public getProjectUsersByProjectId(project_id: string, token: string) {
+    const url = this.apiUrl + project_id + '/project_users/';
+    this.logger.log('[TILEDESK-SERVICE] - GET PROJECT-USER URL', url);
+    
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+    return this.http
+    .get(url, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - GET PROJECT-USER RES ', res);
+      return res
+    }))
+  }
+
+  public getAllLeadsActiveWithLimit(project_id: string, token: string, limit: number) {
+    const url = this.apiUrl + project_id + '/leads?limit=' + limit + '&with_fullname=true';
+    this.logger.log('[TILEDESK-SERVICE] - GET ALL ACTIVE LEADS (LIMIT 10000) -  URL', url);
+    
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+    return this.http
+    .get(url, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - GET ALL ACTIVE LEADS (LIMIT 10000) ', res);
+      return res
+    }))
+  }
+
+
+  // ---------------------------------------------
+  // @ Create new project user to get new lead ID
+  // ---------------------------------------------
+  public createNewProjectUserToGetNewLeadID(project_id: string, token: string) {
+    const url = this.apiUrl + project_id + '/project_users/'
+    this.logger.log('[TILEDESK-SERVICE] - CREATE NEW PROJECT USER TO GET NEW LEAD ID url ', url);
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+    const body = {};
+    return this.http
+      .post(url, body, httpOptions)
+      .pipe(map((res: any) => {
+        this.logger.log('[TILEDESK-SERVICE] - CREATE NEW PROJECT USER TO GET NEW LEAD ID url ', res);
+        return res
+      }))
+  }
+
+  // ---------------------------------------------
+  // @ Create new lead 
+  // ---------------------------------------------
+  public createNewLead(leadid: string, fullname: string, leademail: string, project_id: string, token: string) {
+    const url = this.apiUrl + project_id + '/leads/'
+    this.logger.log('[TILEDESK-SERVICE] - CREATE NEW LEAD url ', url);
+   
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+
+    const body = { 'lead_id': leadid, 'fullname': fullname, 'email': leademail };
+    this.logger.log('[TILEDESK-SERVICE] - CREATE NEW LEAD ', body);
+
+    return this.http
+    .post(url, body, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - CREATE NEW LEAD RES ', res);
+      return res
+    }))
+  }
+
+  // -------------------------------------------------------------------------------------
+  // @ Get all bots of the project (with all=true the response return also the identity bot) 
+  // -------------------------------------------------------------------------------------
+  public getAllBotByProjectId(project_id: string, token: string) {
+   
+    const url = this.apiUrl + project_id + '/faq_kb?all=true'
+    this.logger.log('[TILEDESK-SERVICE] - GET ALL BOTS BY PROJECT ID - URL', url);
+
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+
+    return this.http
+    .get(url, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - GET ALL BOTS BY PROJECT ID - RES ', res);
+      return res
+    }))
+  }
+
+  // -------------------------------------------------------------------------------------
+  // @ Get all DEPTS of the project
+  // -------------------------------------------------------------------------------------
+  public getDeptsByProjectId(project_id: string, token: string) {
+   
+    const url = this.apiUrl + project_id + '/departments/allstatus';
+    this.logger.log('[TILEDESK-SERVICE] - GET DEPTS (ALL STATUS) - URL', url);
+   
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+
+    return this.http
+    .get(url, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - GET DEPTS (ALL STATUS) - RES ', res);
+      return res
+    }))
+  }
+
+    // -----------------------------------------------------------------------------------------
+  // @ Create ticket
+  // -----------------------------------------------------------------------------------------
+  createInternalRequest(requester_id: string, request_id: string, subject: string, message: string, departmentid: string, participantid: string, ticketpriority: string, project_id: string, token: string) {
+    
+    const url = this.apiUrl + project_id + '/requests/' + request_id + '/messages'
+    this.logger.log('[WS-REQUESTS-SERV] - CREATE INTERNAL REQUEST URL ', url)
+    
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
+    // this.logger.log('JOIN FUNCT OPTIONS  ', options);
+    let body = {}
+    body = { 'sender': requester_id, 'subject': subject, 'text': message, 'departmentid': departmentid, 'channel': { 'name': 'form' }, 'priority': ticketpriority };
+    if (participantid !== undefined) {
+      body['participants'] = [participantid]
+    } else {
+      body['participants'] = participantid
+    }
+    // , 'participants': [participantid]
+
+    this.logger.log('[WS-REQUESTS-SERV] - CREATE INTERNAL REQUEST body ', body);
+    return this.http
+    .post(url, body, httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - CREATE NEW LEAD RES ', res);
+      return res
+    }))
+  }
   
 
+  // -------------------------------------------------------------------------------------
+  // @ Create - Save (POST) new canned response
+  // -------------------------------------------------------------------------------------
+  public createCannedResponse(message: string, title: string, project_id: string, token: string) {
+    this.logger.log('[TILEDESK-SERVICE] - CREATE CANNED-RES - token', token); 
+    const url =  this.apiUrl  + project_id + '/canned/'
+    this.logger.log('[TILEDESK-SERVICE] - CREATE CANNED-RES - URL', url); 
+    
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type': 'application/json',
+        Authorization: token
+      })
+    };
 
+    const body = { 'text': message, 'title': title };
+
+    this.logger.log('[TILEDESK-SERVICE] CREATE CANNED-RES - BODY ', body);
+
+    return this.http
+    .post(url, JSON.stringify(body), httpOptions)
+    .pipe(map((res: any) => {
+      this.logger.log('[TILEDESK-SERVICE] - CREATE CANNED-RES - RES ', res);
+      return res
+    }))
+      
+  }
 
+  // .post(url, JSON.stringify(body), options)
+  // .map((res) => res.json());
 
 }

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

@@ -35,14 +35,23 @@ 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'; // MessageTextAreaComponent is part of the declarations ConversationDetailPageModule
 
 @NgModule({
   declarations: [
+    // MessageTextAreaComponent,
     AvatarProfileComponent,
     DdpHeaderComponent,
     UserPresenceComponent,
@@ -50,6 +59,8 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     ListConversationsComponent,
     IonListConversationsComponent,
     ImageViewerComponent,
+    SidebarComponent,
+    SidebarUserDetailsComponent,
     ProjectItemComponent,
     IonConversationDetailComponent,
     ConversationContentComponent,
@@ -64,8 +75,7 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     InfoMessageComponent,
     ReturnReceiptComponent,
     TextComponent,
-
-     BubbleDayMessageComponent,
+    BubbleDayMessageComponent,
     BubbleSystemMessageComponent,
     BubbleMyMessageComponent,
     BubbleOthersMessageComponent,
@@ -80,16 +90,18 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     OptionHeaderComponent
   ],
   exports: [
+    // MessageTextAreaComponent,
     AutofocusDirective,
     AvatarProfileComponent,
     DdpHeaderComponent,
     ImageViewerComponent,
+    SidebarComponent,
+    SidebarUserDetailsComponent,
     ProjectItemComponent,
     UserPresenceComponent,
     UserTypingComponent,
     ListConversationsComponent,
     IonListConversationsComponent,
-
     IonConversationDetailComponent,
     ConversationContentComponent,
     AvatarComponent,
@@ -102,7 +114,6 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
     InfoMessageComponent,
     ReturnReceiptComponent,
     TextComponent,
-
     BubbleDayMessageComponent,
     BubbleSystemMessageComponent,
     BubbleMyMessageComponent,
@@ -116,11 +127,14 @@ import { ProjectItemComponent } from '../components/project-item/project-item.co
 
   ],
   imports: [
+    MatTooltipModule,
+    MatSlideToggleModule,
+    MatSnackBarModule,
     CommonModule,
     IonicModule,
     MomentModule,
-    TooltipModule
-  
+    TooltipModule.forRoot(DefaultTooltipOptions as TooltipOptions)
+
   ],
   schemas: [
     CUSTOM_ELEMENTS_SCHEMA,

package/src/app/utils/scrollbar-theme.directive.ts

@@ -4,42 +4,76 @@ import { NgModule, Directive, ElementRef } from '@angular/core';
 })
 export class ScrollbarThemeDirective {
   constructor(el: ElementRef) {
+    // ::-webkit-scrollbar {
+    //   width: 6px;
+    //   height: 8px;
+    // }
+    // ::-webkit-scrollbar-track {
+    //   background-color: #f9f9f9;
+    // }
+    // ::-webkit-scrollbar-thumb {
+    //   background-color: #b9b9b9;
+    //   border-radius: 0px;
+    // }
+    
+    // ::-webkit-scrollbar-thumb:hover {
+    //   background-color: #727272;
+    // }
+
     const stylesheet = `
       ::-webkit-scrollbar {
-      width: 10px;
+          width: 6px;
+         height: 8px;
       }
       ::-webkit-scrollbar-track {
-      background: #0f0f0f;
+      background: #f9f9f9;
       }
       ::-webkit-scrollbar-thumb {
-      border-radius: 1rem;
-      background: linear-gradient(var(--ion-color-light-tint), var(--ion-color-light));
-      border: 4px solid #020202;
+         background-color: #b9b9b9;
+          border-radius: 0px;
       }
       ::-webkit-scrollbar-thumb:hover {
+        background-color: #727272;
       }
+    `;
 
-      ::-webkit-scrollbar {
-        width: 20px;
-      }
+
+    // const stylesheet = `
+    //   ::-webkit-scrollbar {
+    //   width: 10px;
+    //   }
+    //   ::-webkit-scrollbar-track {
+    //   background: #0f0f0f;
+    //   }
+    //   ::-webkit-scrollbar-thumb {
+    //   border-radius: 1rem;
+    //   background: linear-gradient(var(--ion-color-light-tint), var(--ion-color-light));
+    //   border: 4px solid #020202;
+    //   }
+    //   ::-webkit-scrollbar-thumb:hover {
+    //   }
+
+    //   ::-webkit-scrollbar {
+    //     width: 20px;
+    //   }
   
-      /* Track */
-      ::-webkit-scrollbar-track {
-        box-shadow: inset 0 0 5px grey; 
-        border-radius: 10px;
-      }
+    //   /* Track */
+    //   ::-webkit-scrollbar-track {
+    //     box-shadow: inset 0 0 5px grey; 
+    //     border-radius: 10px;
+    //   }
   
-      /* Handle */
-      ::-webkit-scrollbar-thumb {
-        background: red; 
-        border-radius: 10px;
-      }
+    //   /* Handle */
+    //   ::-webkit-scrollbar-thumb {
+    //     background: red; 
+    //     border-radius: 10px;
+    //   }
   
-      /* Handle on hover */
-      ::-webkit-scrollbar-thumb:hover {
-        background: #b30000; 
-      }
-    `;
+    //   /* Handle on hover */
+    //   ::-webkit-scrollbar-thumb:hover {
+    //     background: #b30000; 
+    //   }
+    // `;
 
     setTimeout(() => {
       const styleElmt = el.nativeElement.shadowRoot.querySelector('style');
@@ -50,7 +84,7 @@ export class ScrollbarThemeDirective {
         barStyle.append(stylesheet);
         el.nativeElement.shadowRoot.appendChild(barStyle);
       }
-    }, 2500);
+    }, 0);
 
   }
 }