@chat21/chat21-ionic 3.0.60 → 3.0.61-rc11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/CHANGELOG.md +75 -0
  2. package/README.md +2 -0
  3. package/angular.json +3 -0
  4. package/config.xml +5 -5
  5. package/deploy_pre.sh +10 -10
  6. package/deploy_prod.sh +5 -1
  7. package/env.sample +3 -1
  8. package/package.json +12 -7
  9. package/resources/{Android → android}/icon/drawable-hdpi-icon.png +0 -0
  10. package/resources/{Android → android}/icon/drawable-ldpi-icon.png +0 -0
  11. package/resources/{Android → android}/icon/drawable-mdpi-icon.png +0 -0
  12. package/resources/{Android → android}/icon/drawable-xhdpi-icon.png +0 -0
  13. package/resources/{Android → android}/icon/drawable-xxhdpi-icon.png +0 -0
  14. package/resources/{Android → android}/icon/drawable-xxxhdpi-icon.png +0 -0
  15. package/resources/{Android → android}/icon.png +0 -0
  16. package/resources/{Android → android}/splash/drawable-land-hdpi-screen.png +0 -0
  17. package/resources/{Android → android}/splash/drawable-land-ldpi-screen.png +0 -0
  18. package/resources/{Android → android}/splash/drawable-land-mdpi-screen.png +0 -0
  19. package/resources/{Android → android}/splash/drawable-land-xhdpi-screen.png +0 -0
  20. package/resources/{Android → android}/splash/drawable-land-xxhdpi-screen.png +0 -0
  21. package/resources/{Android → android}/splash/drawable-land-xxxhdpi-screen.png +0 -0
  22. package/resources/{Android → android}/splash/drawable-port-hdpi-screen.png +0 -0
  23. package/resources/{Android → android}/splash/drawable-port-ldpi-screen.png +0 -0
  24. package/resources/{Android → android}/splash/drawable-port-mdpi-screen.png +0 -0
  25. package/resources/{Android → android}/splash/drawable-port-xhdpi-screen.png +0 -0
  26. package/resources/{Android → android}/splash/drawable-port-xxhdpi-screen.png +0 -0
  27. package/resources/{Android → android}/splash/drawable-port-xxxhdpi-screen.png +0 -0
  28. package/resources/{Android → android}/splash.png +0 -0
  29. package/src/app/app-routing.module.ts +10 -0
  30. package/src/app/app.component.html +14 -4
  31. package/src/app/app.component.scss +18 -1
  32. package/src/app/app.component.ts +50 -16
  33. package/src/app/app.module.ts +7 -1
  34. package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html +7 -2
  35. package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.ts +103 -12
  36. package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html +39 -36
  37. package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss +5 -1
  38. package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.ts +147 -65
  39. package/src/app/components/conversation-detail/message-text-area/message-text-area.component.html +3 -3
  40. package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts +12 -2
  41. package/src/app/components/ddp-header/ddp-header.component.html +20 -6
  42. package/src/app/components/ddp-header/ddp-header.component.scss +4 -0
  43. package/src/app/components/ddp-header/ddp-header.component.ts +104 -10
  44. package/src/app/components/project-item/project-item.component.html +8 -7
  45. package/src/app/components/project-item/project-item.component.scss +6 -1
  46. package/src/app/components/project-item/project-item.component.ts +15 -2
  47. package/src/app/components/sidebar/sidebar.component.html +274 -0
  48. package/src/app/components/sidebar/sidebar.component.scss +79 -0
  49. package/src/app/components/sidebar/sidebar.component.spec.ts +24 -0
  50. package/src/app/components/sidebar/sidebar.component.ts +493 -0
  51. package/src/app/components/sidebar-user-details/sidebar-user-details.component.html +110 -0
  52. package/src/app/components/sidebar-user-details/sidebar-user-details.component.scss +318 -0
  53. package/src/app/components/sidebar-user-details/sidebar-user-details.component.spec.ts +24 -0
  54. package/src/app/components/sidebar-user-details/sidebar-user-details.component.ts +486 -0
  55. package/src/app/pages/conversation-detail/conversation-detail.module.ts +2 -1
  56. package/src/app/pages/conversation-detail/conversation-detail.page.html +7 -5
  57. package/src/app/pages/conversation-detail/conversation-detail.page.ts +1285 -790
  58. package/src/app/pages/conversations-list/conversations-list.module.ts +2 -1
  59. package/src/app/pages/conversations-list/conversations-list.page.html +18 -9
  60. package/src/app/pages/conversations-list/conversations-list.page.scss +9 -1
  61. package/src/app/pages/conversations-list/conversations-list.page.ts +753 -428
  62. package/src/app/pages/create-requester/create-requester-routing.module.ts +17 -0
  63. package/src/app/pages/create-requester/create-requester.module.ts +28 -0
  64. package/src/app/pages/create-requester/create-requester.page.html +67 -0
  65. package/src/app/pages/create-requester/create-requester.page.scss +30 -0
  66. package/src/app/pages/create-requester/create-requester.page.spec.ts +24 -0
  67. package/src/app/pages/create-requester/create-requester.page.ts +137 -0
  68. package/src/app/pages/create-ticket/create-ticket-routing.module.ts +17 -0
  69. package/src/app/pages/create-ticket/create-ticket.module.ts +28 -0
  70. package/src/app/pages/create-ticket/create-ticket.page.html +171 -0
  71. package/src/app/pages/create-ticket/create-ticket.page.scss +52 -0
  72. package/src/app/pages/create-ticket/create-ticket.page.spec.ts +24 -0
  73. package/src/app/pages/create-ticket/create-ticket.page.ts +423 -0
  74. package/src/app/pages/loader-preview/loader-preview.page.ts +226 -166
  75. package/src/app/pages/profile-info/profile-info.page.html +2 -2
  76. package/src/app/pages/profile-info/profile-info.page.scss +1 -1
  77. package/src/app/pages/profile-info/profile-info.page.ts +23 -21
  78. package/src/app/services/tiledesk/tiledesk.service.ts +181 -0
  79. package/src/app/shared/shared.module.ts +13 -0
  80. package/src/app/utils/scrollbar-theme.directive.ts +58 -24
  81. package/src/assets/i18n/de.json +55 -13
  82. package/src/assets/i18n/en.json +48 -6
  83. package/src/assets/i18n/es.json +47 -5
  84. package/src/assets/i18n/fr.json +50 -8
  85. package/src/assets/i18n/it.json +47 -5
  86. package/src/assets/i18n/pt.json +47 -5
  87. package/src/assets/i18n/ru.json +48 -6
  88. package/src/assets/i18n/sr.json +251 -0
  89. package/src/assets/i18n/tr.json +47 -5
  90. package/src/assets/images/default-avatar-x-select.png +0 -0
  91. package/src/assets/images/language_flag/ar.png +0 -0
  92. package/src/assets/images/language_flag/bg.png +0 -0
  93. package/src/assets/images/language_flag/ca.png +0 -0
  94. package/src/assets/images/language_flag/cs.png +0 -0
  95. package/src/assets/images/language_flag/da.png +0 -0
  96. package/src/assets/images/language_flag/de.png +0 -0
  97. package/src/assets/images/language_flag/el.png +0 -0
  98. package/src/assets/images/language_flag/en.png +0 -0
  99. package/src/assets/images/language_flag/es.png +0 -0
  100. package/src/assets/images/language_flag/fa.png +0 -0
  101. package/src/assets/images/language_flag/fi.png +0 -0
  102. package/src/assets/images/language_flag/fr.png +0 -0
  103. package/src/assets/images/language_flag/he.png +0 -0
  104. package/src/assets/images/language_flag/hi.png +0 -0
  105. package/src/assets/images/language_flag/hr.png +0 -0
  106. package/src/assets/images/language_flag/hu.png +0 -0
  107. package/src/assets/images/language_flag/id.png +0 -0
  108. package/src/assets/images/language_flag/it.png +0 -0
  109. package/src/assets/images/language_flag/ja.png +0 -0
  110. package/src/assets/images/language_flag/ko.png +0 -0
  111. package/src/assets/images/language_flag/ml-IN.png +0 -0
  112. package/src/assets/images/language_flag/ne-NP.png +0 -0
  113. package/src/assets/images/language_flag/nl.png +0 -0
  114. package/src/assets/images/language_flag/no.png +0 -0
  115. package/src/assets/images/language_flag/pl.png +0 -0
  116. package/src/assets/images/language_flag/pt-BR.png +0 -0
  117. package/src/assets/images/language_flag/pt.png +0 -0
  118. package/src/assets/images/language_flag/ro.png +0 -0
  119. package/src/assets/images/language_flag/ru.png +0 -0
  120. package/src/assets/images/language_flag/sk.png +0 -0
  121. package/src/assets/images/language_flag/sl.png +0 -0
  122. package/src/assets/images/language_flag/sr.png +0 -0
  123. package/src/assets/images/language_flag/sv-SE.png +0 -0
  124. package/src/assets/images/language_flag/ta.png +0 -0
  125. package/src/assets/images/language_flag/th.png +0 -0
  126. package/src/assets/images/language_flag/tr.png +0 -0
  127. package/src/assets/images/language_flag/uk.png +0 -0
  128. package/src/assets/images/language_flag/vi.png +0 -0
  129. package/src/assets/images/language_flag/zh-CN.png +0 -0
  130. package/src/assets/images/language_flag/zh-TW.png +0 -0
  131. package/src/assets/images/no_image_user.png +0 -0
  132. package/src/assets/images/priority_icons/high.svg +3 -0
  133. package/src/assets/images/priority_icons/high_v2.svg +14 -0
  134. package/src/assets/images/priority_icons/low.svg +10 -0
  135. package/src/assets/images/priority_icons/low_v2.svg +14 -0
  136. package/src/assets/images/priority_icons/medium.svg +16 -0
  137. package/src/assets/images/priority_icons/medium_v2.svg +11 -0
  138. package/src/assets/images/priority_icons/urgent.svg +4 -0
  139. package/src/assets/images/priority_icons/urgent_v2.svg +16 -0
  140. package/src/assets/tiledesk-solo-logo.png +0 -0
  141. package/src/chat-config-pre-test.json +3 -1
  142. package/src/chat-config-template.json +3 -1
  143. package/src/chat-config.json +4 -2
  144. package/src/chat21-core/utils/constants.ts +6 -1
  145. package/src/global.scss +397 -3
  146. package/src/index.html +7 -0
  147. package/publish_pre.sh +0 -33
  148. package/publish_prod.sh +0 -33
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M3.5 9.9c-.5.3-1.1.1-1.4-.3s-.1-1.1.4-1.4l5-3c.3-.2.7-.2 1 0l5 3c.5.3.6.9.3 1.4-.3.5-.9.6-1.4.3L8 7.2 3.5 9.9z" fill="#ff5630"/>
3
+ </svg>
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#B30013;}
7
+ </style>
8
+ <g>
9
+ <path class="st0" d="M3.5,5.7C3,6,2.4,5.8,2.1,5.3S2,4.3,2.5,4l5-3c0.3-0.2,0.7-0.2,1,0l5,3c0.5,0.3,0.6,0.9,0.3,1.4
10
+ C13.6,5.8,13,6,12.5,5.7L8,3L3.5,5.7z"/>
11
+ <path class="st0" d="M8.1,15.2H7.9c-0.5,0-0.9-0.7-0.9-1.5v-7c0-0.8,0.4-1.5,0.9-1.5h0.2C8.6,5,9,5.7,9,6.5v7
12
+ C9,14.5,8.6,15.2,8.1,15.2z"/>
13
+ </g>
14
+ </svg>
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#3C8562;}
7
+ </style>
8
+ <path class="st0" d="M12.5,6.1C13,5.8,13.6,6,13.9,6.5C14.2,7,14,7.6,13.6,7.8l-5,3c-0.3,0.2-0.7,0.2-1,0l-5-3
9
+ C2,7.6,1.9,6.9,2.2,6.5C2.4,6,3.1,5.8,3.5,6.1L8,8.8C8,8.8,12.5,6.1,12.5,6.1z"/>
10
+ </svg>
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#3C8562;}
7
+ </style>
8
+ <g>
9
+ <path class="st0" d="M8,13.1l4.5-2.7c0.5-0.3,1.1-0.1,1.3,0.3c0.3,0.5,0.2,1.1-0.3,1.4l-5,3c-0.3,0.2-0.7,0.2-1,0l-5-3
10
+ c-0.5-0.3-0.7-0.8-0.4-1.3s0.9-0.7,1.4-0.4L8,13.1z"/>
11
+ <path class="st0" d="M9,2.6v7c0,0.8-0.4,1.5-0.9,1.3H7.9C7.4,10.9,7,10.2,7,9.4v-7c0-0.8,0.4-1.5,0.9-1.5h0.2C8.6,0.9,9,1.6,9,2.6z
12
+ "/>
13
+ </g>
14
+ </svg>
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFAB00;}
7
+ </style>
8
+ <title>icon/16px/medium-priority</title>
9
+ <desc>Created with Sketch.</desc>
10
+ <g id="icon_x2F_16px_x2F_medium-priority-">
11
+ <g>
12
+ <path class="st0" d="M3,4h10c0.6,0,1,0.4,1,1s-0.4,1-1,1H3C2.4,6,2,5.6,2,5S2.4,4,3,4z M3,10h10c0.6,0,1,0.4,1,1s-0.4,1-1,1H3
13
+ c-0.6,0-1-0.4-1-1S2.4,10,3,10z"/>
14
+ </g>
15
+ </g>
16
+ </svg>
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 15.9 15.9" style="enable-background:new 0 0 15.9 15.9;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:none;}
7
+ .st1{fill:#616E7D;}
8
+ </style>
9
+ <path class="st0" d="M1,0.9h14v14h-14C0.9,14.9,0.9,0.9,1,0.9z"/>
10
+ <path class="st1" d="M7.9,3.7c-2.3,0-4.3,1.9-4.3,4.3s1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3S10.4,3.7,7.9,3.7z"/>
11
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
+ <path d="M3.47876 7.9c-.5.3-1.1.1-1.4-.4s-.1-1 .4-1.3l5-3c.3-.2.7-.2 1 0l5 3c.5.3.6.9.3 1.4-.2.4-.8.6-1.3.3l-4.5-2.7-4.5 2.7z" fill="#ff5630"/>
3
+ <path d="M3.47876 12.2c-.5.3-1.1.2-1.4-.3s-.1-1.1.4-1.4l5-3c.3-.2.7-.2 1 0l5 3c.5.3.6.9.3 1.4-.3.5-.9.6-1.4.3l-4.4-2.7-4.5 2.7z" fill="#ff7452"/>
4
+ </svg>
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#B30013;}
7
+ </style>
8
+ <g>
9
+ <path class="st0" d="M3.5,5.7C3,6,2.4,5.8,2.1,5.3S2,4.3,2.5,4l5-3c0.3-0.2,0.7-0.2,1,0l5,3c0.5,0.3,0.6,0.9,0.3,1.4
10
+ C13.6,5.8,13,6,12.5,5.7L8,3L3.5,5.7z"/>
11
+ <path class="st0" d="M3.5,10C3,10.3,2.4,10.2,2.1,9.7S2,8.6,2.5,8.3l5-3c0.3-0.2,0.7-0.2,1,0l5,3c0.5,0.3,0.6,0.9,0.3,1.4
12
+ s-0.9,0.6-1.4,0.3L8,7.3L3.5,10z"/>
13
+ <path class="st0" d="M8.1,15.2H7.9c-0.5,0-0.9-0.4-0.9-0.9V10c0-0.5,0.4-0.9,0.9-0.9h0.2C8.6,9.1,9,9.5,9,10v4.2
14
+ C9,14.8,8.6,15.2,8.1,15.2z"/>
15
+ </g>
16
+ </svg>
@@ -1,5 +1,5 @@
1
1
  {
2
- "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T",
2
+ "t2y12PruGU9wUtEGzBJfolMIgK": "CAR:T-PAY:T-ANA:T-ACT:T-APP:T",
3
3
  "chatEngine": "firebase",
4
4
  "uploadEngine": "firebase",
5
5
  "pushEngine": "firebase",
@@ -7,6 +7,8 @@
7
7
  "fileUploadAccept":"*/*",
8
8
  "authPersistence": "LOCAL",
9
9
  "supportMode": true,
10
+ "writeToButton": true,
11
+ "archivedButton": true,
10
12
  "firebaseConfig": {
11
13
  "tenant": "tilechat",
12
14
  "apiKey": "AIzaSyCoWXHNvP1-qOllCpTshhC6VjPXeRTK0T4",
@@ -27,5 +27,7 @@
27
27
  "dashboardUrl": "${DASHBOARD_URL}",
28
28
  "wsUrl": "${WS_URL}",
29
29
  "wsUrlRel": "${WS_URL_RELATIVE}",
30
- "supportMode": "${SUPPORT_MODE}"
30
+ "supportMode": "${SUPPORT_MODE}",
31
+ "writeToButton": "${WRITE_TO_BUTTON}",
32
+ "archivedButton": "${ARCHIVED_BUTTON}"
31
33
  }
@@ -1,5 +1,5 @@
1
1
  {
2
- "t2y12PruGU9wUtEGzBJfolMIgK": "",
2
+ "t2y12PruGU9wUtEGzBJfolMIgK":"${FEATURES_TOKEN}",
3
3
  "chatEngine": "mqtt",
4
4
  "updloaEngine": "native",
5
5
  "pushEngine":"none",
@@ -27,5 +27,7 @@
27
27
  "dashboardUrl": "https://support-pre.tiledesk.com/dashboard/",
28
28
  "wsUrl": "ws://localhost:3000/",
29
29
  "wsUrlRel": "${WS_URL_RELATIVE}",
30
- "supportMode": false
30
+ "supportMode": false,
31
+ "writeToButton": false,
32
+ "archivedButton": false
31
33
  }
@@ -108,4 +108,9 @@ export const LogLevel = {
108
108
  'WARN': 1,
109
109
  'INFO': 2,
110
110
  'DEBUG': 3
111
- }
111
+ }
112
+
113
+ export const tranlatedLanguage = ['it', 'en', 'de', 'es', 'pt', 'fr', 'ru', 'tr', 'sr']
114
+
115
+
116
+
package/src/global.scss CHANGED
@@ -48,9 +48,16 @@ body {
48
48
  user-select: text;
49
49
  -webkit-font-smoothing: antialiased;
50
50
  -moz-osx-font-smoothing: grayscale;
51
- font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
51
+ // font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
52
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
52
53
  overflow: auto;
53
54
  text-rendering: optimizeLegibility;
55
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
56
+ -webkit-tap-highlight-color: transparent;
57
+ text-size-adjust: 100% !important;
58
+ // -webkit-font-smoothing: subpixel-antialiased !important;
59
+ // text-shadow: 0px 0px 0px !important;
60
+ // -webkit-text-stroke-width: 0.01px !important;
54
61
  }
55
62
 
56
63
  // Ionic 'Split Pane' styles need to be tweaked to
@@ -407,7 +414,7 @@ select:-webkit-autofill:focus {
407
414
  }
408
415
 
409
416
  .chat-tooltip {
410
- font-family: "Roboto", "Google Sans", Helvetica, Arial, sans-serif;
417
+ font-family: "Roboto", Helvetica, Arial, sans-serif;
411
418
  font-size: 12px;
412
419
  font-style: normal;
413
420
  letter-spacing: normal;
@@ -532,7 +539,7 @@ select:-webkit-autofill:focus {
532
539
  }
533
540
 
534
541
  #canned > ion-list > ion-item > div > div.nocannedTitle {
535
- color: #f44336
542
+ color: #f44336;
536
543
  }
537
544
 
538
545
  .highlight-search-string {
@@ -587,3 +594,390 @@ select:-webkit-autofill:focus {
587
594
  display: flex;
588
595
  align-items: center;
589
596
  }
597
+
598
+ // User details Sidebar
599
+ .user-details-sidebar {
600
+ position: fixed;
601
+ top: 0;
602
+ bottom: 0;
603
+ left: 0;
604
+ z-index: 1;
605
+ }
606
+
607
+ // Sidebar
608
+ .sidebar {
609
+ transition-property: top, bottom, width;
610
+ transition-duration: 0.2s, 0.2s, 0.35s;
611
+ transition-timing-function: linear, linear, ease;
612
+ -webkit-overflow-scrolling: touch;
613
+ }
614
+
615
+ .sidebar {
616
+ position: fixed;
617
+ top: 0;
618
+ bottom: 0;
619
+ left: 0;
620
+ z-index: 2;
621
+ }
622
+
623
+ .sidebar .logo {
624
+ position: relative;
625
+ padding: 13px 15px;
626
+ z-index: 4;
627
+ }
628
+
629
+ .sidebar .sidebar-wrapper {
630
+ position: relative;
631
+ height: calc(100vh - 35px);
632
+ overflow: auto;
633
+ width: 60px;
634
+ z-index: 4;
635
+ }
636
+ .sidebar-wrapper {
637
+ transition-property: top, bottom, width;
638
+ transition-duration: 0.2s, 0.2s, 0.35s;
639
+ transition-timing-function: linear, linear, ease;
640
+ background-color: #2d323e !important;
641
+ }
642
+
643
+ .small-sidebar__logo {
644
+ left: 19px;
645
+ top: 12px !important;
646
+ width: 25px !important;
647
+ margin-left: 3px;
648
+ margin-top: 5px;
649
+ }
650
+
651
+ .small-sidebar-tiledesk-nav-user {
652
+ height: 35px;
653
+ min-height: 35px;
654
+ max-height: 35px;
655
+ }
656
+
657
+ .user {
658
+ position: relative;
659
+ // display: flex;
660
+ align-items: center;
661
+ justify-content: flex-start;
662
+ width: 100%;
663
+ // height: 130px;
664
+ // min-height: 130px;
665
+ // max-height: 130px;
666
+ }
667
+ .tiledesk-nav-user {
668
+ background-color: #1e2129 !important;
669
+ color: #fff !important;
670
+ }
671
+
672
+ .small-sidebar-userfullname {
673
+ display: none;
674
+ }
675
+
676
+
677
+
678
+ .tiledesk-nav-avatar {
679
+ background-color: #2d323e !important;
680
+ color: #fff !important;
681
+ }
682
+
683
+ .sidebar-avatar-container {
684
+ text-align: center;
685
+ cursor: pointer;
686
+ position: absolute;
687
+ // top: 80px;
688
+ border-radius: 50%;
689
+ // padding: 4px;
690
+ -webkit-transform: translateX(-50%);
691
+ transform: translateX(-50%);
692
+ left: 50%;
693
+ width: 35px;
694
+ height: 35px;
695
+ }
696
+
697
+ .sidebar-avatar-container .sidebar-avatar {
698
+ width: 35px;
699
+ height: 35px;
700
+ margin: 0;
701
+ border-radius: 50%;
702
+ -o-object-fit: cover;
703
+ object-fit: cover;
704
+ min-width: 35px;
705
+ max-width: 35px;
706
+ }
707
+
708
+ .small-sidebar-status-icon {
709
+ left: 26px !important;
710
+ bottom: -1px !important;
711
+ width: 12px !important;
712
+ height: 12px !important;
713
+ }
714
+
715
+ .status-icon {
716
+ position: absolute;
717
+ // width: 14px;
718
+ // height: 14px;
719
+ // bottom: 8px;
720
+ // left: 61px;
721
+ border: 2px solid #2d323e;
722
+ border-radius: 50%;
723
+ // background-color: #4caf50;
724
+ }
725
+
726
+ .small-sidebar-camera-icon {
727
+ top: 19px !important;
728
+ }
729
+
730
+ .is-over-camera {
731
+ z-index: 5;
732
+ position: relative;
733
+ // top: 20px;
734
+ background-color: rgba(45, 50, 62, 0.7);
735
+ // padding: 15px;
736
+ padding: 6px;
737
+ border-radius: 50%;
738
+ opacity: 0;
739
+ }
740
+
741
+ .sidebar--isBusy-icon-wpr {
742
+ width: 12px;
743
+ height: 12px;
744
+ position: absolute;
745
+ top: -5px;
746
+ right: 25px;
747
+ }
748
+
749
+ @media (max-width: 991px) {
750
+ .nav-container {
751
+ position: relative;
752
+ }
753
+ }
754
+
755
+ .sidebar .nav {
756
+ margin-top: 0px;
757
+ }
758
+
759
+ .nav {
760
+ padding-left: 0;
761
+ margin-bottom: 0;
762
+ list-style: none;
763
+ }
764
+
765
+ .nav:before {
766
+ display: table;
767
+ content: " ";
768
+ }
769
+
770
+ .nav > li {
771
+ position: relative;
772
+ display: block;
773
+ height: 40px;
774
+ cursor: pointer;
775
+ margin-top: 5px;
776
+ margin-bottom: 5px;
777
+ }
778
+
779
+ .nav > li:hover > a > i {
780
+ // background-color: #eee;
781
+ color: #a9afbb
782
+ }
783
+
784
+ .sidebar .nav li > a {
785
+ // margin: 10px 15px;
786
+ // border-radius: 3px;
787
+ transition: all 300ms linear;
788
+ color: #3c4858;
789
+ }
790
+
791
+ .sidebar .nav li.item-active > a > i {
792
+ color: #ffffff;
793
+ }
794
+
795
+ .item-active {
796
+ height: 40px;
797
+ // background-color: #3ea9f5;
798
+ color: #fff !important;
799
+ pointer-events: none;
800
+ }
801
+ .is-user-online {
802
+ background-color: #4caf50;
803
+ }
804
+
805
+ .is-desktop-menu {
806
+ margin-top: 40px;
807
+ }
808
+ .is-mobile-menu {
809
+ margin-top: 0px;
810
+ }
811
+
812
+ .logo {
813
+ background-color: #2d323e !important;
814
+ padding-bottom: 5px;
815
+ min-height: 60px;
816
+ width: 60px; // for SMALL SIDEBAR
817
+ }
818
+
819
+ .sidebar .logo:after {
820
+ content: "";
821
+ position: absolute;
822
+ bottom: 0;
823
+ right: 10%;
824
+ height: 1px;
825
+ width: 80%;
826
+ background-color: rgba(180, 180, 180, 0.3);
827
+ }
828
+
829
+ .logo-img-wpr {
830
+ text-transform: none;
831
+
832
+ min-height: 40px;
833
+ padding-left: 0px !important;
834
+ }
835
+
836
+ /* *** SMALL SIDEBAR STYLE *** */
837
+ .small-sidebar-tiledesk-nav-user {
838
+ height: 40px;
839
+ min-height: 40px;
840
+ max-height: 40px;
841
+ }
842
+
843
+ .small-sidebar-email {
844
+ display: none;
845
+ }
846
+
847
+
848
+ /* OVERWRITE THE DEFAULT STYLE */
849
+ .nav-mobile-menu {
850
+ margin-top: 45px !important;
851
+ }
852
+
853
+
854
+ /* CUSTOM SCROLL BAR FOR LEFT SIDEBAR */
855
+ .sidebar-wrapper::-webkit-scrollbar {
856
+ width: 3px;
857
+ }
858
+ .sidebar-wrapper::-webkit-scrollbar-track {
859
+ background-color: #1c2b45;
860
+ }
861
+ .sidebar-wrapper::-webkit-scrollbar-thumb {
862
+ background-color: #3c485b;
863
+ border-radius: 3px;
864
+ }
865
+
866
+ /* CUSTOM SCROLL BAR FOR USER DETAILS DRAWER */
867
+ #user-details::-webkit-scrollbar {
868
+ width: 3px;
869
+ }
870
+
871
+ #user-details::-webkit-scrollbar-track {
872
+ background-color: #1c2b45;
873
+ }
874
+ #user-details::-webkit-scrollbar-thumb {
875
+ background-color: #3c485b;
876
+ border-radius: 3px;
877
+ }
878
+
879
+ /* end CUSTOM SCROLL BAR */
880
+
881
+ /* SIDEBAR NAV ITEMS */
882
+
883
+ /* SIDEBAR NAV ITEMS */
884
+
885
+ .is-user-online {
886
+ background-color: #4caf50;
887
+ }
888
+ .is-user-offline {
889
+ background-color: #f44336;
890
+ }
891
+
892
+ .is-desktop-menu {
893
+ margin-top: 40px;
894
+ }
895
+ .is-mobile-menu {
896
+ margin-top: 0px;
897
+ }
898
+
899
+
900
+
901
+ /* *** SMALL SIDEBAR STYLE *** */
902
+ .small-sidebar-tiledesk-nav-user {
903
+ height: 40px;
904
+ min-height: 40px;
905
+ max-height: 40px;
906
+ }
907
+ .small-sidebar-avatar {
908
+ top: 13px;
909
+ }
910
+ .small-sidebar-avatar-with-avatar {
911
+ top: 13px;
912
+ }
913
+
914
+ .small-sidebar-status-text {
915
+ display: none;
916
+ }
917
+
918
+
919
+ /* OVERWRITE THE DEFAULT STYLE */
920
+ .nav-mobile-menu {
921
+ margin-top: 45px !important;
922
+ }
923
+ /* // NK end NEW: AVATAR ON THE SIDEBAR */
924
+
925
+ /* SIDEBAR NAV ITEMS */
926
+
927
+ .item-active a {
928
+ background-color: transparent !important;
929
+ box-shadow: none !important;
930
+ -webkit-box-shadow: none !important;
931
+ }
932
+
933
+ /* SIDEBAR NAV ITEMS */
934
+
935
+ p.hidden-lg.hidden-md {
936
+ color: rgba(255, 255, 255, 0.6);
937
+ }
938
+ li.item-active p.hidden-lg.hidden-md {
939
+ color: rgba(25, 25, 25, 1) !important;
940
+ }
941
+ .nav .open > a > p.hidden-lg.hidden-md {
942
+ color: rgba(25, 25, 25, 1) !important;
943
+ }
944
+ ul.dropdown-menu > li > a {
945
+ color: rgba(255, 255, 255, 0.6);
946
+ }
947
+ /* end - mobile sidebar USED WITH SIDWBAR WITH BLACK BACKGROUND */
948
+ /* END - USED WITH SIDWBAR WITH BLACK BACKGROUND */
949
+
950
+ /* CUSTOM MARGIN BETWEEN THE MENU ITEM*/
951
+ .nav li > a.customAncor {
952
+ /* margin: 5px 15px !important; */
953
+
954
+ margin-top: 5px !important;
955
+ margin-right: 15px !important;
956
+ margin-bottom: 5px !important;
957
+ margin-left: 0px !important;
958
+ width: 60px;
959
+ border-radius: 0px;
960
+ }
961
+
962
+ .sidebar-icons {
963
+ font-size: 20px !important;
964
+ // color: #a9afbb !important;
965
+ }
966
+
967
+ .sidebar .nav i {
968
+ // font-size: 20px;
969
+ float: left;
970
+ // margin-right: 15px;
971
+ // line-height: 30px;
972
+ width: 60px;
973
+ text-align: center;
974
+ // color: #a9afbb;
975
+ color: #647491;
976
+ padding-top: 10px;
977
+ }
978
+
979
+ // ng-select custom class in Create ticket modal
980
+ .ng-select.create-ticket-custom-select {
981
+ margin-top: 5px !important;
982
+ }
983
+
package/src/index.html CHANGED
@@ -18,6 +18,13 @@
18
18
 
19
19
  <link rel="icon" type="image/png" href="assets/icon/favicon.ico" />
20
20
  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en" />
21
+ <!-- --------------------------------------------------- -->
22
+ <!-- Poppins -->
23
+ <!-- --------------------------------------------------- -->
24
+ <link rel="preconnect" href="https://fonts.googleapis.com">
25
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
26
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap"
27
+ rel="stylesheet">
21
28
 
22
29
  <link rel="manifest" href="./manifest.json">
23
30
  <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
package/publish_pre.sh DELETED
@@ -1,33 +0,0 @@
1
- npm version patch
2
- version=`node -e 'console.log(require("./package.json").version)'`
3
- echo "version $version"
4
-
5
- URL_VER=${version//[.]//}
6
- echo 'URL_VER: ---->'$URL_VER
7
-
8
- # if [ "$version" != "" ]; then
9
- # git tag -a "$version" -m "`git log -1 --format=%s`"
10
- # echo "Created a new tag, $version"
11
- # git push --tags
12
- # npm publish
13
- # fi
14
-
15
- # sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
16
- sed -i -e "s/$URL_VER/g" src/utils/constants.ts
17
- ionic cordova platform add browser --save
18
- #ionic cordova build --env=prod browser -- --base-href /www/ --prod
19
- ionic cordova build --env=prod browser --prod
20
- cp -p src/firebase-messaging-sw.js platforms/browser/www/
21
- cp -p src/manifest.json platforms/browser/www/
22
- cp -p src/chat-config.json platforms/browser/www/
23
-
24
- cd platforms/browser/www
25
- #aws s3 sync . s3://tiledesk-dashboard/chat/
26
- aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/
27
- aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/$version/
28
- cd ../../../
29
- # aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
30
-
31
- # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
32
- echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
33
- echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html
package/publish_prod.sh DELETED
@@ -1,33 +0,0 @@
1
- npm version patch
2
- version=`node -e 'console.log(require("./package.json").version)'`
3
- echo "version $version"
4
-
5
- URL_VER=${version//[.]//}
6
- echo 'URL_VER: ---->'$URL_VER
7
-
8
- # if [ "$version" != "" ]; then
9
- # git tag -a "$version" -m "`git log -1 --format=%s`"
10
- # echo "Created a new tag, $version"
11
- # git push --tags
12
- # npm publish
13
- # fi
14
-
15
- # sed -i -e "s/$start$ver.$build/$start$NEW_VER.$NEW_BUILD/g" src/utils/constants.ts
16
- sed -i -e "s/$URL_VER/g" src/utils/constants.ts
17
- ionic cordova platform add browser --save
18
- #ionic cordova build --env=prod browser -- --base-href /www/ --prod
19
- ionic cordova build --env=prod browser --prod
20
- cp -p src/firebase-messaging-sw.js platforms/browser/www/
21
- cp -p src/manifest.json platforms/browser/www/
22
- cp -p src/chat-config.json platforms/browser/www/
23
-
24
- cd platforms/browser/www
25
- #aws s3 sync . s3://tiledesk-dashboard/chat/
26
- aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/
27
- aws s3 sync . s3://tiledesk-console/v2/chat-ionic5/$version/
28
- cd ../../../
29
- # aws cloudfront create-invalidation --distribution-id E2DTAKWHWQ7C3J --paths "/*"
30
-
31
- # echo new version deployed on s3://tiledesk-dashboard/chat/$NEW_BUILD/
32
- echo new version deployed on s3://tiledesk-console/v2/chat-ionic5/$version/
33
- echo available on https://console.tiledesk.com/v2/chat-ionic5/$version/index.html