@chat21/chat21-ionic 3.0.78 → 3.0.79-rc.2
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.
- package/CHANGELOG.md +41 -1
- package/package.json +1 -1
- package/src/app/app.component.scss +2 -1
- package/src/app/app.component.ts +52 -7
- package/src/app/chatlib/conversation-detail/conversation-content/conversation-content.component.ts +8 -1
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html +36 -10
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.scss +110 -38
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts +15 -2
- package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.html +1 -1
- package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.ts +3 -1
- package/src/app/chatlib/conversation-detail/message/buttons/action-button/action-button.component.html +5 -1
- package/src/app/chatlib/conversation-detail/message/buttons/action-button/action-button.component.scss +22 -15
- package/src/app/chatlib/conversation-detail/message/buttons/action-button/action-button.component.ts +25 -5
- package/src/app/chatlib/conversation-detail/message/buttons/link-button/link-button.component.html +2 -1
- package/src/app/chatlib/conversation-detail/message/buttons/link-button/link-button.component.scss +14 -15
- package/src/app/chatlib/conversation-detail/message/buttons/link-button/link-button.component.ts +24 -5
- package/src/app/chatlib/conversation-detail/message/buttons/text-button/text-button.component.html +6 -1
- package/src/app/chatlib/conversation-detail/message/buttons/text-button/text-button.component.scss +12 -13
- package/src/app/chatlib/conversation-detail/message/buttons/text-button/text-button.component.ts +26 -5
- package/src/app/chatlib/conversation-detail/message/info-message/info-message.component.scss +2 -2
- package/src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component.html +16 -6
- package/src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component.ts +2 -0
- package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.html +78 -52
- package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.scss +62 -20
- package/src/app/chatlib/list-conversations-component/ion-list-conversations/ion-list-conversations.component.ts +14 -10
- package/src/app/components/canned-response/canned-response.component.html +4 -4
- package/src/app/components/canned-response/canned-response.component.scss +1 -1
- package/src/app/components/canned-response/canned-response.component.ts +1 -0
- package/src/app/components/contacts-directory/contacts-directory.component.html +22 -26
- package/src/app/components/contacts-directory/contacts-directory.component.scss +8 -6
- package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.html +61 -42
- package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.scss +98 -61
- package/src/app/components/conversation-detail/header-conversation-detail/header-conversation-detail.component.ts +9 -25
- package/src/app/components/conversation-detail/message-text-area/message-text-area.component.scss +4 -4
- package/src/app/components/conversation-info/info-content/info-content.component.html +2 -1
- package/src/app/components/conversation-info/info-content/info-content.component.ts +3 -2
- package/src/app/components/conversation-info/info-direct/info-direct.component.html +1 -9
- package/src/app/components/conversation-info/info-direct/info-direct.component.ts +0 -2
- package/src/app/components/conversation-info/info-group/info-group.component.html +44 -108
- package/src/app/components/conversation-info/info-group/info-group.component.scss +101 -61
- package/src/app/components/conversation-info/info-group/info-group.component.ts +1 -0
- package/src/app/components/{ddp-header/ddp-header.component.html → conversations-list/header-conversations-list/header-conversations-list.component.html} +2 -2
- package/src/app/components/{ddp-header/ddp-header.component.scss → conversations-list/header-conversations-list/header-conversations-list.component.scss} +16 -4
- package/src/app/components/{ddp-header/ddp-header.component.spec.ts → conversations-list/header-conversations-list/header-conversations-list.component.spec.ts} +6 -6
- package/src/app/components/{ddp-header/ddp-header.component.ts → conversations-list/header-conversations-list/header-conversations-list.component.ts} +7 -16
- package/src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.html +12 -0
- package/src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.scss +14 -0
- package/src/app/components/{conversation-detail/option-header/option-header.component.spec.ts → conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.spec.ts} +5 -5
- package/src/app/components/{conversation-detail/option-header/option-header.component.ts → conversations-list/header-conversations-list-archived/header-conversations-list-archived.component.ts} +5 -4
- package/src/app/components/project-item/project-item.component.html +98 -149
- package/src/app/components/project-item/project-item.component.scss +39 -32
- package/src/app/components/project-item/project-item.component.ts +5 -3
- package/src/app/components/utils/user-presence/user-presence.component.html +7 -2
- package/src/app/components/utils/user-presence/user-presence.component.scss +35 -18
- package/src/app/components/utils/user-presence/user-presence.component.ts +6 -10
- package/src/app/pages/contacts-directory/contacts-directory.page.html +1 -1
- package/src/app/pages/contacts-directory/contacts-directory.page.scss +41 -0
- package/src/app/pages/contacts-directory/contacts-directory.page.ts +2 -0
- package/src/app/pages/conversation-detail/conversation-detail.page.html +40 -23
- package/src/app/pages/conversation-detail/conversation-detail.page.scss +40 -250
- package/src/app/pages/conversation-detail/conversation-detail.page.ts +165 -46
- package/src/app/pages/conversations-list/conversations-list.page.html +11 -8
- package/src/app/pages/conversations-list/conversations-list.page.scss +10 -2
- package/src/app/pages/conversations-list/conversations-list.page.ts +22 -17
- package/src/app/pages/loader-preview/loader-preview.page.html +1 -1
- package/src/app/pages/loader-preview/loader-preview.page.scss +4 -0
- package/src/app/pages/profile-info/profile-info.page.html +2 -4
- package/src/app/pages/unassigned-conversations/unassigned-conversations.page.html +1 -1
- package/src/app/pages/unassigned-conversations/unassigned-conversations.page.scss +42 -0
- package/src/app/pages/unassigned-conversations/unassigned-conversations.page.ts +1 -0
- package/src/app/shared/shared.module.ts +24 -24
- package/src/assets/i18n/ar.json +270 -265
- package/src/assets/i18n/az.json +5 -0
- package/src/assets/i18n/de.json +5 -0
- package/src/assets/i18n/en.json +5 -0
- package/src/assets/i18n/es.json +5 -0
- package/src/assets/i18n/fr.json +5 -0
- package/src/assets/i18n/it.json +5 -0
- package/src/assets/i18n/kk.json +5 -0
- package/src/assets/i18n/pt.json +5 -0
- package/src/assets/i18n/ru.json +5 -0
- package/src/assets/i18n/sr.json +5 -0
- package/src/assets/i18n/sv.json +5 -0
- package/src/assets/i18n/tr.json +5 -0
- package/src/assets/i18n/uk.json +5 -0
- package/src/assets/i18n/uz.json +5 -0
- package/src/assets/sounds/wheep-wheep.mp3 +0 -0
- package/src/chat21-core/providers/firebase/firebase-typing.service.ts +7 -9
- package/src/chat21-core/utils/constants.ts +5 -1
- package/src/chat21-core/utils/user-typing/user-typing.component.html +8 -5
- package/src/chat21-core/utils/user-typing/user-typing.component.scss +87 -17
- package/src/chat21-core/utils/user-typing/user-typing.component.ts +12 -94
- package/src/chat21-core/utils/utils.ts +9 -1
- package/src/global.scss +47 -43
- package/src/variables.scss +26 -9
- package/src/app/components/conversation-detail/option-header/option-header.component.html +0 -13
- package/src/app/components/conversation-detail/option-header/option-header.component.scss +0 -0
|
@@ -1,3 +1,45 @@
|
|
|
1
|
+
ion-toolbar {
|
|
2
|
+
height: var(--header-height);
|
|
3
|
+
&:not(.mobile){
|
|
4
|
+
--background: var(--list-bkg-color);
|
|
5
|
+
border: none;
|
|
6
|
+
}
|
|
7
|
+
&.mobile{
|
|
8
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
ion-button{
|
|
12
|
+
--color: var(--basic-blue);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
ion-content {
|
|
17
|
+
// overwrite inline styles
|
|
18
|
+
--overflow: hidden;
|
|
19
|
+
overflow: scroll;
|
|
20
|
+
&:not(.mobile){
|
|
21
|
+
background: var(--list-bkg-color);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&::-webkit-scrollbar {
|
|
25
|
+
width: 6px;
|
|
26
|
+
height: 8px;
|
|
27
|
+
display: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&::-webkit-scrollbar-track {
|
|
31
|
+
background: #f9f9f9;
|
|
32
|
+
}
|
|
33
|
+
&::-webkit-scrollbar-thumb {
|
|
34
|
+
background-color: #b9b9b9;
|
|
35
|
+
border-radius: 0px;
|
|
36
|
+
}
|
|
37
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
38
|
+
background-color: #727272;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
1
43
|
.ion-content-black-background {
|
|
2
44
|
--background: #2d323e;
|
|
3
45
|
}
|
|
@@ -21,32 +21,32 @@ import { CommonModule } from '@angular/common';
|
|
|
21
21
|
import { IonicModule } from '@ionic/angular';
|
|
22
22
|
|
|
23
23
|
import { AvatarProfileComponent } from 'src/app/components/utils/avatar-profile/avatar-profile.component';
|
|
24
|
-
import {
|
|
24
|
+
import { HeaderConversationsList } from 'src/app/components/conversations-list/header-conversations-list/header-conversations-list.component';
|
|
25
|
+
import { HeaderConversationsListArchived } from 'src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component';
|
|
25
26
|
|
|
26
27
|
import { UserPresenceComponent } from 'src/app/components/utils/user-presence/user-presence.component';
|
|
27
28
|
import { UserTypingComponent } from 'src/chat21-core/utils/user-typing/user-typing.component';
|
|
28
29
|
import { ListConversationsComponent } from '../chatlib/list-conversations-component/list-conversations/list-conversations.component';
|
|
29
30
|
import { MomentModule } from 'angular2-moment';
|
|
30
|
-
import { AvatarComponent } from '
|
|
31
|
-
import { MarkedPipe } from '
|
|
32
|
-
import { AutofocusDirective } from '
|
|
33
|
-
import { HtmlEntitiesEncodePipe } from '
|
|
34
|
-
import { IonConversationDetailComponent } from '
|
|
35
|
-
import { BubbleMyMessageComponent } from '
|
|
36
|
-
import { BubbleDayMessageComponent } from '
|
|
37
|
-
import { BubbleSystemMessageComponent } from '
|
|
38
|
-
import { InfoContentComponent } from '
|
|
39
|
-
import { InfoSupportGroupComponent } from '
|
|
40
|
-
import { InfoDirectComponent } from '
|
|
41
|
-
import { AdvancedInfoAccordionComponent } from '
|
|
42
|
-
import { InfoGroupComponent } from '
|
|
31
|
+
import { AvatarComponent } from 'src/app/chatlib/conversation-detail/message/avatar/avatar.component';
|
|
32
|
+
import { MarkedPipe } from 'src/app/directives/marked.pipe';
|
|
33
|
+
import { AutofocusDirective } from 'src/app/directives/autofocus.directive';
|
|
34
|
+
import { HtmlEntitiesEncodePipe } from 'src/app/directives/html-entities-encode.pipe';
|
|
35
|
+
import { IonConversationDetailComponent } from 'src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component';
|
|
36
|
+
import { BubbleMyMessageComponent } from 'src/app/components/conversation-detail/bubble-my-message/bubble-my-message.component';
|
|
37
|
+
import { BubbleDayMessageComponent } from 'src/app/components/conversation-detail/bubble-day-message/bubble-day-message.component';
|
|
38
|
+
import { BubbleSystemMessageComponent } from 'src/app/components/conversation-detail/bubble-system-message/bubble-system-message.component';
|
|
39
|
+
import { InfoContentComponent } from 'src/app/components/conversation-info/info-content/info-content.component';
|
|
40
|
+
import { InfoSupportGroupComponent } from 'src/app/components/conversation-info/info-support-group/info-support-group.component';
|
|
41
|
+
import { InfoDirectComponent } from 'src/app/components/conversation-info/info-direct/info-direct.component';
|
|
42
|
+
import { AdvancedInfoAccordionComponent } from 'src/app/components/conversation-info/advanced-info-accordion/advanced-info-accordion.component';
|
|
43
|
+
import { InfoGroupComponent } from 'src/app/components/conversation-info/info-group/info-group.component';
|
|
43
44
|
import { TooltipModule, TooltipOptions } from 'ng2-tooltip-directive';
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import { ProjectItemComponent } from '../components/project-item/project-item.component';
|
|
45
|
+
import { MessageAttachmentComponent } from 'src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component';
|
|
46
|
+
import { ImageViewerComponent } from 'src/app/components/image-viewer/image-viewer.component';
|
|
47
|
+
import { SidebarComponent } from 'src/app/components/sidebar/sidebar.component';
|
|
48
|
+
import { SidebarUserDetailsComponent } from 'src/app/components/sidebar-user-details/sidebar-user-details.component';
|
|
49
|
+
import { ProjectItemComponent } from 'src/app/components/project-item/project-item.component';
|
|
50
50
|
import { DefaultTooltipOptions } from 'src/chat21-core/utils/utils';
|
|
51
51
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
52
52
|
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
|
@@ -59,7 +59,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
|
|
|
59
59
|
declarations: [
|
|
60
60
|
// MessageTextAreaComponent,
|
|
61
61
|
AvatarProfileComponent,
|
|
62
|
-
|
|
62
|
+
HeaderConversationsList,
|
|
63
63
|
UserPresenceComponent,
|
|
64
64
|
UserTypingComponent,
|
|
65
65
|
ListConversationsComponent,
|
|
@@ -95,14 +95,14 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
|
|
|
95
95
|
AutofocusDirective,
|
|
96
96
|
HtmlEntitiesEncodePipe,
|
|
97
97
|
SafeHtmlPipe,
|
|
98
|
-
|
|
98
|
+
HeaderConversationsListArchived,
|
|
99
99
|
NetworkOfflineComponent
|
|
100
100
|
],
|
|
101
101
|
exports: [
|
|
102
102
|
// MessageTextAreaComponent,
|
|
103
103
|
AutofocusDirective,
|
|
104
104
|
AvatarProfileComponent,
|
|
105
|
-
|
|
105
|
+
HeaderConversationsList,
|
|
106
106
|
ImageViewerComponent,
|
|
107
107
|
SidebarComponent,
|
|
108
108
|
SidebarUserDetailsComponent,
|
|
@@ -131,7 +131,7 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
|
|
|
131
131
|
InfoSupportGroupComponent,
|
|
132
132
|
InfoDirectComponent,
|
|
133
133
|
InfoGroupComponent,
|
|
134
|
-
|
|
134
|
+
HeaderConversationsListArchived,
|
|
135
135
|
NetworkOfflineComponent
|
|
136
136
|
|
|
137
137
|
],
|