Merge branch 'features/new-sidebar'

# Conflicts:
#	src/app/pages/conversation-detail/conversation-detail.page.ts

CHANGELOG.md

@@ -1,5 +1,109 @@
 # chat21-ionic ver 3.0
 
+### 3.0.61-rc18
+- Fix bugs: in the teammate settings drawer the logout button area is too large
+- Fixed the bug: in the detail of the conversation the button messages are not aligned with the other messages
+
+### 3.0.61-rc16
+- Does not allow teammates with agent role to access the "settings sidebar"
+
+### 3.0.61-rc15
+- Increase the size of the emoji and remove the background color when it is sent or received without text
+- Adds the ability to open sidebar menu items in a new tab by combining left mouse button + CMD keyboard key
+
+### 3.0.61-rc14
+- Fixes the bug: the page to which the sidebar Settings menu item redirects is not correct for team members with agent role
+- Fixes the bug: right clicking on the sidebar menu items doesn't show the context menu
+
+### 3.0.61-rc12
+- Improves the alignment of left sidebar menu item icons
+- Adds the ability to add a message as a canned response
+- Hides the "Open canned responses" button if the "supportMode" environment variable is set to false
+- Fixes the bug: "Settings" menu item in the left sidebar redirects to the "Canned responses" page instead of the "Widget" page
+- Adds the ability to add a new canned response
+- Fixes the bug: "Resolve conversation" from conversation detail header doesn't work on mobile
+- Adds the ability to insert emoji in the message text
+- Fixes the bug: on iOS mobile devices in the conversation detail the requester's avatar is not vertically aligned
+- Fixes the bug: on mobile devices in  the "info profile" modal window the version number is not visible because it is on a white background
+- Fixes the bug: in the "Create canned response" modal window the "Add personalisation" menu does not always work
+- Adds the chat version number to the teammate details drawer
+- Makes the right sidebar "Settings" menu item visible to teammates with agent role
+
+### 3.0.61-rc11
+- Fixed the bug: the "Resolve" button is displayed in the header of the details of the archived conversations
+- Fixed the bug: in the header of the conversation detail the "Resolve" button remains active even after resolving the conversation
+- Adds the ability to create a ticket
+- Adds tooltips to the buttons available in the header of the conversation list
+- Change the text of the "Conversations" menu item in the left sidebar to "Monitor"
+
+### 3.0.61-rc10
+- Fixes the bug: the Analytics icon of the left sidebar is not displayed
+
+### 3.0.61-rc9
+- Fixes the bug: the Apps icon of the left sidebar is not displayed
+
+### 3.0.61-rc8
+- Changes the icon of the "Conversations" menu item to the left sidebar
+- Adds Serbian language
+
+### 3.0.61-rc7
+- Fixes the bug: while loading the app, the conversation list changes size and becomes wider
+- Changes the style of the left sidebar
+- Display in the "user data drawer" an avatar constructed with the initials of the logged in teammate if his profile picture is not available
+
+### 3.0.61-rc6
+- Enhances the style of the sidebar tooltips
+- Fixed bug: for direct conversations opening the "info sidebar" by clicking on the teammate avatar available in the conversation detail header does not work correctly
+- Fixes the bug: not all chat strings are translated into the browser language or into the selected language
+- Fixes the bug: Email is broken on dashes in user details sidebar
+- Displays an alert when a teammate archives a conversation from a project they are no longer a part of
+- Disable the "send message" textarea when a teammate replies to a support conversation of a project he is no longer a part of
+- Adds, when an image is pasted in the "send message" text area, the text of the text area as a caption of the image preview modal window
+- Adds, when an image is uploaded, the text of the "send message" text area as a caption of the image preview modal window
+
+### 3.0.61-rc5
+- Fixes the bug: on mobile devices the chat content is shifted to the right
+- Adds the ability to open and close the "user detail sidebar" by clicking on the avatar of the logged teammate present on the sidebar
+- Fixes the bug: canned responses remain visible even if, after making a filter, the backslash is deleted
+- Prevents the "open canned responses" button from inserting a backslash if another one exists before
+- Hides the badge that displays the number of unassigned conversations if there are none
+- Improves custom scrollbar displayed in the sidebar and in user detail sidebar 
+- Adds custom scrollbars to the conversation list and to the conversation detail
+
+### 3.0.61-rc4
+- Hides the item showing unassigned conversations in the list of archived conversations
+- Adds in the list of conversations to the "archive" button the tooltip "Resolve" if the conversation is of type "support" and the tooltip "Archive" if the conversation is of type "direct" or "group"
+- Changes all occurrences of the "teammatesButton" environment variable to "writeToButton"
+- Fixes the bug: if the sidebar is visible and the window width is less than 768px, the content of the conversation detail is not completely visible
+- Moves for conversations of type "support" the "Resolve conversation" button from the dropdown menu to the header of the conversation detail
+
+### 3.0.61-rc3
+- Replaces console.log with custom loggers 
+- Fixes the bug: the info support sidebar is no more displayed
+
+### 3.0.61-rc2
+- Fixes the bug: Profile picture in the sidebar does not update when logged in with another user after logging out
+- Bug Fix: in the "info-profile" page avoid the "uid of undefined" error
+- Adds the "user details" sidebar
+- Adds the languages flags images
+- Allows to close the "user details" sidebar by clicking outside it
+- Adds the tooltips to the links of the sidebar
+- Hides the sidebar when the teammate logs out, if the app is on a mobile device and if the environment variable "supportMode" is set to false
+- Hides in the item showing unassigned conversations the button to pin a project if the app is not on a mobile device 
+- Gets in the sidebar the feature tokens from the environment variables
+- Install the "Roboto" font
+- Changes font priority in global.scss: replace "Helvetica Neue" font with "Roboto" font
+- Imports the "Poppins" font family into index.html
+- Adds the "Resolve" tooltip to the "archive" button available in the conversation list
+- Displays the "Resolved Conversations" button and the "Teammates" button in the header of the conversation list  based on how the "teammatesButton" and "archivedButton" environment variables are set
+- Adds "teammatesButton" and "archivedButton" variables to the environments
+- Adds the "TEAMMATES_BUTTON" and the "ARCHIVED_BUTTON" variables to the env.sample file
+- Adds the "teammatesButton" and the "archivedButton" variables to the "chat-config-template.json" file and to "the chat-config.json" file
+- Updates the section "Configuration" of the "README.md" file with the new variables "teammatesButton" and the "archivedButton" 
+
+### 3.0.61-rc1
+- Adds a sidebar that allows navigation to the dashboard
+
 ### 3.0.60
 - Deploys in production
 

README.md

@@ -61,6 +61,8 @@ In progress git
         fileUploadAccept:"*/*",
         logLevel":"<YOUR-PREFERRED-LOG-LEVEL>",
         supportMode: false,
+        teammatesButton: false,
+        archivedButton: false,
         firebaseConfig: {
             tenant:"tilechat",
             apiKey: '123ABC..',

angular.json

@@ -41,6 +41,10 @@
               "src/chat-config-dev.json"
             ],
             "styles": [
+              "node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
+              "node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
+              "node_modules/@ng-select/ng-select/themes/default.theme.css",
+              "node_modules/@ctrl/ngx-emoji-mart/picker.css",
               {
                 "input": "src/theme/variables.scss"
               },

config.xml

@@ -100,19 +100,19 @@
         <splash height="828" src="resources/ios/splash/Default-Landscape-1792h~iphone.png" width="1792" />
     </platform>
     <engine name="android" spec="^6.2.3" />
-    <engine name="browser" spec="5.0.4" />
+    <engine name="browser" spec="^5.0.4" />
     <engine name="ios" spec="6.1.1" />
     <plugin name="cordova-android-support-gradle-release" spec="^3.0.1">
         <variable name="ANDROID_SUPPORT_VERSION" value="27.+" />
     </plugin>
     <plugin name="cordova-plugin-chooser" spec="^1.3.2" />
-    <plugin name="cordova-plugin-device" spec="^2.0.2" />
+    <plugin name="cordova-plugin-device" spec="^2.0.3" />
     <plugin name="cordova-plugin-ionic-keyboard" spec="^2.2.0" />
     <plugin name="cordova-plugin-ionic-webview" spec="^4.2.1">
         <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
     </plugin>
     <plugin name="cordova-plugin-network-information" spec="^2.0.2" />
-    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
-    <plugin name="cordova-plugin-statusbar" spec="^2.4.2" />
-    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
+    <plugin name="cordova-plugin-splashscreen" spec="^5.0.4" />
+    <plugin name="cordova-plugin-statusbar" spec="^2.4.3" />
+    <plugin name="cordova-plugin-whitelist" spec="^1.3.5" />
 </widget>

env.sample

@@ -3,14 +3,16 @@ DASHBOARD_URL=https://YOUR_DASHBOARD_URL
 WS_URL=wss://YOUR_TILEDESK_SERVER_URL?token=
 WS_URL_RELATIVE=********
 SERVER_BASE_URL=http://localhost:3000/
-FEATURES_TOKEN=CAR:F
+FEATURES_TOKEN=CAR:F-PAY:F-ANA:F-ACT:F-APP:F
 CHAT21_ENGINE=mqtt
 UPLOAD_ENGINE=native
 PUSH_ENGINE=none
 FILE_UPLOAD_ACCEPT=*/*
 TENANT=tilechat
 LOG_LEVEL=INFO
 SUPPORT_MODE=false
+WRITE_TO_BUTTON=false,
+ARCHIVED_BUTTON=false,
 
 # For MQTT Chat Engine
 MQTT_APPID=tilechat

package.json

@@ -1,8 +1,8 @@
 {
     "name": "@chat21/chat21-ionic",
-    "version": "3.0.60",
+    "version": "3.0.61-rc18",
     "author": "Tiledesk SRL",
-    "homepage": "https://ionicframework.com/",
+    "homepage": "https://tiledesk.com/",
     "scripts": {
         "ng": "ng",
         "start": "ng serve",
@@ -13,13 +13,17 @@
     },
     "private": false,
     "dependencies": {
+        "@angular/animations": "^8.2.14",
+        "@angular/cdk": "^8.2.3",
         "@angular/common": "~8.2.14",
         "@angular/core": "~8.2.14",
         "@angular/forms": "~8.2.14",
         "@angular/http": "^7.2.16",
+        "@angular/material": "^8.2.3",
         "@angular/platform-browser": "~8.2.14",
         "@angular/platform-browser-dynamic": "~8.2.14",
         "@angular/router": "~8.2.14",
+        "@ctrl/ngx-emoji-mart": "^1.0.6",
         "@ionic-native/chooser": "^5.29.0",
         "@ionic-native/core": "^5.0.7",
         "@ionic-native/globalization": "^5.28.0",
@@ -30,22 +34,23 @@
         "@ionic/angular": "^5.0.7",
         "@ionic/storage": "^2.2.0",
         "@mdi/font": "^5.1.45",
+        "@ng-select/ng-select": "^3.7.3",
         "@ngx-translate/core": "^12.1.2",
         "@ngx-translate/http-loader": "^4.0.0",
         "angular2-moment": "^1.9.0",
         "autolinker": "^3.14.2",
         "cordova-android": "^6.2.3",
         "cordova-android-support-gradle-release": "^3.0.1",
-        "cordova-browser": "5.0.4",
+        "cordova-browser": "^5.0.4",
         "cordova-ios": "6.1.1",
         "cordova-plugin-chooser": "^1.3.2",
-        "cordova-plugin-device": "^2.0.2",
+        "cordova-plugin-device": "^2.0.3",
         "cordova-plugin-ionic-keyboard": "^2.2.0",
         "cordova-plugin-ionic-webview": "^4.2.1",
         "cordova-plugin-network-information": "^2.0.2",
-        "cordova-plugin-splashscreen": "^5.0.2",
-        "cordova-plugin-statusbar": "^2.4.2",
-        "cordova-plugin-whitelist": "^1.3.3",
+        "cordova-plugin-splashscreen": "^5.0.4",
+        "cordova-plugin-statusbar": "^2.4.3",
+        "cordova-plugin-whitelist": "^1.3.5",
         "cordova-res": "^0.15.1",
         "core-js": "^2.5.4",
         "firebase": "^8.6.7",
@@ -59,6 +64,7 @@
         "ngx-logger": "^4.2.1",
         "ngx-perfect-scrollbar": "^9.0.0",
         "perfect-scrollbar": "^1.5.0",
+        "roboto-fontface": "^0.10.0",
         "rxjs": "~6.5.1",
         "tslib": "^1.9.0",
         "zone.js": "~0.9.1"

src/app/app-routing.module.ts

@@ -48,9 +48,24 @@ const routes: Routes = [
   {
     path: 'unassigned-conversations',
     loadChildren: () => import('./pages/unassigned-conversations/unassigned-conversations.module').then( m => m.UnassignedConversationsPageModule)
+  },
+  {
+    path: 'create-ticket',
+    loadChildren: () => import('./pages/create-ticket/create-ticket.module').then( m => m.CreateTicketPageModule)
+  },
+  {
+    path: 'create-requester',
+    loadChildren: () => import('./pages/create-requester/create-requester.module').then( m => m.CreateRequesterPageModule)
+  },
+  {
+    path: 'create-canned-response',
+    loadChildren: () => import('./pages/create-canned-response/create-canned-response.module').then( m => m.CreateCannedResponsePageModule)
   }
 
 
+
+
+
   // {
   //   path: 'conversation-detail/:IDConv',
   //   loadChildren: () => import('./pages/conversation-detail/conversation-detail.module').then( m => m.ConversationDetailPageModule)