@rtsee/ngx 0.0.20 → 0.0.21
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/dist/ngx/bundles/rtsee-ngx.umd.js +77 -17
- package/dist/ngx/bundles/rtsee-ngx.umd.js.map +1 -1
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat/chat.component.js +41 -4
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat-input/chat-input.component.js +3 -2
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.js +2 -2
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/chats-list/chats-list.component.js +3 -3
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/message/message.component.js +2 -2
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/messenger/messenger.component.js +7 -3
- package/dist/ngx/esm2015/lib/components/rtsee-messenger/messenger-header/messenger-header.component.js +9 -5
- package/dist/ngx/esm2015/lib/ngx.module.js +10 -2
- package/dist/ngx/esm2015/lib/services/default-images.service.js +16 -0
- package/dist/ngx/fesm2015/rtsee-ngx.js +78 -12
- package/dist/ngx/fesm2015/rtsee-ngx.js.map +1 -1
- package/dist/ngx/lib/components/rtsee-messenger/chat/chat.component.d.ts +11 -1
- package/dist/ngx/lib/components/rtsee-messenger/messenger/messenger.component.d.ts +1 -0
- package/dist/ngx/lib/components/rtsee-messenger/messenger-header/messenger-header.component.d.ts +3 -0
- package/dist/ngx/lib/ngx.module.d.ts +3 -1
- package/dist/ngx/lib/services/default-images.service.d.ts +6 -0
- package/dist/ngx/src/lib/common/compiled-scss/styles.scss +528 -0
- package/package.json +7 -3
|
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "ngx-autosize";
|
|
5
6
|
export class ChatInputComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.sendMessageForm = new FormGroup({
|
|
@@ -21,7 +22,7 @@ export class ChatInputComponent {
|
|
|
21
22
|
}
|
|
22
23
|
}
|
|
23
24
|
ChatInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\">\n <div class=\"rtsee-send-message\">\n <form [formGroup]=\"sendMessageForm\">\n <
|
|
25
|
+
ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\" xmlns=\"http://www.w3.org/1999/html\">\n <div class=\"rtsee-send-message\">\n <form [formGroup]=\"sendMessageForm\">\n <textarea\n placeholder=\"Type message...\"\n type=\"text\"\n formControlName=\"message\"\n class=\"rtsee-chat-input-field\"\n autosize\n required\n ></textarea>\n </form>\n </div>\n <button (click)=\"sendMessage()\"\n class=\"rtsee-send-message-button\"\n type=\"submit\">\n <span>Send</span>\n </button>\n</div>\n", styles: [""], directives: [{ type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.AutosizeDirective, selector: "[autosize]", inputs: ["onlyGrow", "useImportant", "minRows", "autosize", "maxRows"], outputs: ["resized"] }, { type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
|
|
25
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, decorators: [{
|
|
26
27
|
type: Component,
|
|
27
28
|
args: [{
|
|
@@ -34,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
34
35
|
}], chat: [{
|
|
35
36
|
type: Input
|
|
36
37
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0LWlucHV0L2NoYXQtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUXBFLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNRSxvQkFBZSxHQUFjLElBQUksU0FBUyxDQUFDO1lBQ3pDLG9CQUFvQjtZQUNwQixPQUFPLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxFQUFFLFVBQVUsQ0FBQyxRQUFRLENBQUM7WUFDakQsbUJBQW1CO1NBQ3BCLENBQUMsQ0FBQztLQWFKO0lBUkMsV0FBVzs7UUFDVCxNQUFNLElBQUksR0FBRyxNQUFBLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQywwQ0FBRSxLQUFlLENBQUM7UUFDbEUsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNULE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLE1BQUEsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLDBDQUFFLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDOzsrR0FqQlUsa0JBQWtCO21HQUFsQixrQkFBa0Isd0dDVC9CLHVpQkFtQkE7MkZEVmEsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2lCQUMxQzs4QkFRVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXQtaW5wdXQuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0SW5wdXRDb21wb25lbnQge1xuICBzZW5kTWVzc2FnZUZvcm06IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIC8qIGVzbGludC1kaXNhYmxlICovXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnLCBWYWxpZGF0b3JzLnJlcXVpcmVkKSxcbiAgICAvKiBlc2xpbnQtZW5hYmxlICovXG4gIH0pO1xuXG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuICBASW5wdXQoKSBjaGF0ITogUlRTZWVDaGF0O1xuXG4gIHNlbmRNZXNzYWdlKCkge1xuICAgIGNvbnN0IHRleHQgPSB0aGlzLnNlbmRNZXNzYWdlRm9ybS5nZXQoJ21lc3NhZ2UnKT8udmFsdWUgYXMgc3RyaW5nO1xuICAgIGlmICghdGV4dCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNoYXQuc2VuZE1lc3NhZ2UodGV4dCk7XG4gICAgdGhpcy5zZW5kTWVzc2FnZUZvcm0uZ2V0KCdtZXNzYWdlJyk/LnNldFZhbHVlKCcnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLWNoYXQtaW5wdXRcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkvaHRtbFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtc2VuZC1tZXNzYWdlXCI+XG4gICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJzZW5kTWVzc2FnZUZvcm1cIj5cbiAgICAgIDx0ZXh0YXJlYVxuICAgICAgICBwbGFjZWhvbGRlcj1cIlR5cGUgbWVzc2FnZS4uLlwiXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwibWVzc2FnZVwiXG4gICAgICAgIGNsYXNzPVwicnRzZWUtY2hhdC1pbnB1dC1maWVsZFwiXG4gICAgICAgIGF1dG9zaXplXG4gICAgICAgIHJlcXVpcmVkXG4gICAgICA+PC90ZXh0YXJlYT5cbiAgICA8L2Zvcm0+XG4gIDwvZGl2PlxuICA8YnV0dG9uIChjbGljayk9XCJzZW5kTWVzc2FnZSgpXCJcbiAgICAgICAgICBjbGFzcz1cInJ0c2VlLXNlbmQtbWVzc2FnZS1idXR0b25cIlxuICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIj5cbiAgICA8c3Bhbj5TZW5kPC9zcGFuPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
package/dist/ngx/esm2015/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class ChatThumbnailComponent {
|
|
4
4
|
}
|
|
5
5
|
ChatThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n <div class=\"
|
|
6
|
+
ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n <div class=\"rtsee-chat-thumbnail-image\">\n <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n </div>\n <div class=\"rtsee-chat-thumbnail-info\">\n <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n </div>\n</div>\n", styles: [""] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
16
16
|
}], messenger: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7dUdBQXRCLHNCQUFzQiw0R0NSbkMsK2FBU0E7MkZERGEsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5Qzs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJUU2VlQ2hhdCwgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LWNoYXQtdGh1bWJuYWlsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXQtdGh1bWJuYWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdC10aHVtYm5haWwuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGF0VGh1bWJuYWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY2hhdCE6IFJUU2VlQ2hhdDtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWxcIiAoY2xpY2spPVwibWVzc2VuZ2VyLm9wZW5DaGF0KGNoYXQpXCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1pbWFnZVwiPlxuICAgIDxpbWcgW3NyY109XCJjaGF0LmltYWdlVXJsXCIgYWx0PVwiY2hhdC1pbWdcIj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1pbmZvXCI+XG4gICAgPHAgY2xhc3M9XCJydHNlZS1jaGF0LXRodW1ibmFpbC1uYW1lXCI+e3sgY2hhdC5uYW1lIH19PC9wPlxuICAgIDxwIGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtbGFzdC1tZXNzYWdlXCI+e3tjaGF0LmdldExhc3RTZW5kZXJOYW1lKCl9fSB7e2NoYXQuZ2V0TGFzdFNlbnRNZXNzYWdlVGV4dCgpfX08L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,11 +4,11 @@ import * as i1 from "../chat-thumbnail/chat-thumbnail.component";
|
|
|
4
4
|
import * as i2 from "@angular/common";
|
|
5
5
|
export class ChatsListComponent {
|
|
6
6
|
ngOnInit() {
|
|
7
|
-
console.log(this.chats);
|
|
7
|
+
// console.log(this.chats);
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
ChatsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "ngx-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n <ngx-chat-thumbnail [chat]=\"chat\" [messenger]=\"messenger\"></ngx-chat-thumbnail>\n <div class=\"rtsee-chat-separator\"></div>\n </div>\n</div>\n", styles: ["
|
|
11
|
+
ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "ngx-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n <ngx-chat-thumbnail [chat]=\"chat\" [messenger]=\"messenger\"></ngx-chat-thumbnail>\n <div class=\"rtsee-chat-separator\"></div>\n </div>\n</div>\n", styles: [""], components: [{ type: i1.ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: ["chat", "messenger"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
21
21
|
}], chats: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdHMtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9jaGF0cy1saXN0L2NoYXRzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdHMtbGlzdC9jaGF0cy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDOzsrR0FOVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwR0NSL0IsZ1NBTUE7MkZERWEsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFdBQVcsRUFBRSw2QkFBNkI7b0JBQzFDLFNBQVMsRUFBRSxDQUFDLDRCQUE0QixDQUFDO2lCQUMxQzs4QkFFVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVDaGF0LCBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtY2hhdHMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0cy1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hhdHMtbGlzdC5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENoYXRzTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1lc3NlbmdlciE6IFJUU2VlTWVzc2VuZ2VyO1xuICBASW5wdXQoKSBjaGF0cyE6IFJUU2VlQ2hhdFtdO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUubG9nKHRoaXMuY2hhdHMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdHMtbGlzdFwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtY2hhdC10aHVtYm5haWwtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGNoYXQgb2YgY2hhdHM7IGxldCBsYXN0ID0gbGFzdDtcIj5cbiAgICA8bmd4LWNoYXQtdGh1bWJuYWlsIFtjaGF0XT1cImNoYXRcIiBbbWVzc2VuZ2VyXT1cIm1lc3NlbmdlclwiPjwvbmd4LWNoYXQtdGh1bWJuYWlsPlxuICAgIDxkaXYgY2xhc3M9XCJydHNlZS1jaGF0LXNlcGFyYXRvclwiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -28,7 +28,7 @@ export class MessageComponent {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, deps: [{ token: i1.WidgetsService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n <div class=\"rtsee-messenger-message\">\n <ng-template widgetHost></ng-template>\n <p *ngIf=\"!message.widget\">{{ message.text }}</p>\n </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.WidgetDirective, selector: "[widgetHost]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
31
|
+
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-messenger-message-container\" [ngClass]=\"{'rtsee-message-from-me': message.from !== chat.receiverId}\">\n <div class=\"rtsee-messenger-message\">\n <ng-template widgetHost></ng-template>\n <p *ngIf=\"!message.widget\"\n class=\"rtsee-messenger-message-text\"\n >{{ message.text }}</p>\n </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.WidgetDirective, selector: "[widgetHost]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{
|
|
@@ -48,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
48
48
|
type: ViewChild,
|
|
49
49
|
args: [WidgetDirective, { static: false }]
|
|
50
50
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZS9tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBR1QsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQVF2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7O0FBT3ZFLE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0IsWUFDVSxjQUE4QixFQUM5Qix3QkFBa0Q7UUFEbEQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQzlCLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7SUFDekQsQ0FBQztJQUVKLGVBQWU7UUFDYixvQkFBb0I7UUFDcEIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtZQUN2QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLHdCQUF3QixDQUN6RCxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FDcEIsQ0FBQztZQUNGLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ1gsT0FBTzthQUNSO1lBQ0QsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDO1lBQzFELGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3pCLE1BQU0sZUFBZSxHQUNuQixJQUFJLENBQUMsd0JBQXdCLENBQUMsdUJBQXVCLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDaEUsTUFBTSxZQUFZLEdBQ2hCLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUNwRCxZQUFZLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1lBQzdDLFlBQVksQ0FBQyxRQUFRLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDakQsWUFBWSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ2hEO1FBQ0QsbUJBQW1CO0lBQ3JCLENBQUM7OzZHQWpDVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQix1TEFLaEIsZUFBZSxnREMzQjVCLHNWQVFBOzJGRGNhLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsV0FBVyxFQUFFLDBCQUEwQjtvQkFDdkMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQ3ZDOzRJQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ3lDLFVBQVU7c0JBQXhELFNBQVM7dUJBQUMsZUFBZSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICBDb21wb25lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgUlRTZWVDaGF0LFxuICBSVFNlZUNoYXRNZW1iZXIsXG4gIFJUU2VlTWVzc2FnZSxcbiAgUlRTZWVNZXNzZW5nZXIsXG59IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuaW1wb3J0IHsgV2lkZ2V0c1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy93aWRnZXRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgV2lkZ2V0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vZGlyZWN0aXZlcy93aWRnZXQuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LW1lc3NhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lc3NhZ2UuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGNoYXQhOiBSVFNlZUNoYXQ7XG4gIEBJbnB1dCgpIG1lc3NhZ2UhOiBSVFNlZU1lc3NhZ2U7XG4gIEBJbnB1dCgpIG1lbWJlciE6IFJUU2VlQ2hhdE1lbWJlcjxhbnk+O1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcbiAgQFZpZXdDaGlsZChXaWRnZXREaXJlY3RpdmUsIHsgc3RhdGljOiBmYWxzZSB9KSB3aWRnZXRIb3N0ITogV2lkZ2V0RGlyZWN0aXZlO1xuICBkZXRhY2g/OiAoKSA9PiB2b2lkO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgd2lkZ2V0c1NlcnZpY2U6IFdpZGdldHNTZXJ2aWNlLFxuICAgIHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXJcbiAgKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAvKiBlc2xpbnQtZGlzYWJsZSAqL1xuICAgIGlmICh0aGlzLm1lc3NhZ2Uud2lkZ2V0KSB7XG4gICAgICBjb25zdCB3aWRnZXQgPSB0aGlzLndpZGdldHNTZXJ2aWNlLmdldFdpZGdldENvbXBvbmVudEJ5TmFtZShcbiAgICAgICAgdGhpcy5tZXNzYWdlLndpZGdldFxuICAgICAgKTtcbiAgICAgIGlmICghd2lkZ2V0KSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnN0IHZpZXdDb250YWluZXJSZWYgPSB0aGlzLndpZGdldEhvc3Qudmlld0NvbnRhaW5lclJlZjtcbiAgICAgIHZpZXdDb250YWluZXJSZWYuY2xlYXIoKTtcbiAgICAgIGNvbnN0IGNvbXBvbmVudFRvU2hvdyA9XG4gICAgICAgIHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KHdpZGdldCk7XG4gICAgICBjb25zdCBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjx0eXBlb2Ygd2lkZ2V0PiA9XG4gICAgICAgIHZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KGNvbXBvbmVudFRvU2hvdyk7XG4gICAgICBjb21wb25lbnRSZWYuaW5zdGFuY2UubWVzc2FnZSA9IHRoaXMubWVzc2FnZTtcbiAgICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5tZXNzZW5nZXIgPSB0aGlzLm1lc3NlbmdlcjtcbiAgICAgIGNvbXBvbmVudFJlZi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICAgIC8qIGVzbGludC1lbmFibGUgKi9cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1tZXNzYWdlLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsncnRzZWUtbWVzc2FnZS1mcm9tLW1lJzogbWVzc2FnZS5mcm9tICE9PSBjaGF0LnJlY2VpdmVySWR9XCI+XG4gIDxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItbWVzc2FnZVwiPlxuICAgIDxuZy10ZW1wbGF0ZSB3aWRnZXRIb3N0PjwvbmctdGVtcGxhdGU+XG4gICAgPHAgKm5nSWY9XCIhbWVzc2FnZS53aWRnZXRcIlxuICAgICAgIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLW1lc3NhZ2UtdGV4dFwiXG4gICAgPnt7IG1lc3NhZ2UudGV4dCB9fTwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,11 +3,15 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../messenger-header/messenger-header.component";
|
|
4
4
|
import * as i2 from "../chats-list/chats-list.component";
|
|
5
5
|
import * as i3 from "../chat/chat.component";
|
|
6
|
-
import * as i4 from "
|
|
6
|
+
import * as i4 from "ngx-infinite-scroll";
|
|
7
|
+
import * as i5 from "@angular/common";
|
|
7
8
|
export class MessengerComponent {
|
|
9
|
+
onScroll() {
|
|
10
|
+
this.messenger.loadChats();
|
|
11
|
+
}
|
|
8
12
|
}
|
|
9
13
|
MessengerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
MessengerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerComponent, selector: "ngx-messenger", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger\">\n <div class=\"rtsee-messenger-header-container\">\n <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n </div>\n <div
|
|
14
|
+
MessengerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerComponent, selector: "ngx-messenger", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger\">\n <div class=\"rtsee-messenger-header-container\">\n <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n </div>\n <div class=\"rtsee-messenger-body-container\"\n infiniteScroll\n [infiniteScrollDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\"\n [scrollWindow]=\"false\"\n (scrolled)=\"onScroll()\"\n >\n <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n <p *ngIf=\"messenger.loadingChatsInProgress\">PRELOADER</p>\n </div>\n</div>\n\n\n", styles: [""], components: [{ type: i1.MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: ["messenger"] }, { type: i2.ChatsListComponent, selector: "ngx-chats-list", inputs: ["messenger", "chats"] }, { type: i3.ChatComponent, selector: "ngx-chat", inputs: ["chat", "messenger"] }], directives: [{ type: i4.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
11
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerComponent, decorators: [{
|
|
12
16
|
type: Component,
|
|
13
17
|
args: [{
|
|
@@ -18,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
18
22
|
}], propDecorators: { messenger: [{
|
|
19
23
|
type: Input
|
|
20
24
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2VuZ2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21lc3Nlbmdlci9tZXNzZW5nZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2VuZ2VyL21lc3Nlbmdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVFqRCxNQUFNLE9BQU8sa0JBQWtCO0lBRzdCLFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQzdCLENBQUM7OytHQUxVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHlGQ1IvQixxdEJBa0JBOzJGRFZhLGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsV0FBVyxFQUFFLDRCQUE0QjtvQkFDekMsU0FBUyxFQUFFLENBQUMsNEJBQTRCLENBQUM7aUJBQzFDOzhCQUVVLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZU1lc3NlbmdlciB9IGZyb20gJ0BydHNlZS9tZXNzZW5nZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtbWVzc2VuZ2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lc3Nlbmdlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lc3Nlbmdlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzZW5nZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBtZXNzZW5nZXIhOiBSVFNlZU1lc3NlbmdlcjtcblxuICBvblNjcm9sbCgpIHtcbiAgICB0aGlzLm1lc3Nlbmdlci5sb2FkQ2hhdHMoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3NlbmdlclwiPlxuICA8ZGl2IGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLWhlYWRlci1jb250YWluZXJcIj5cbiAgICA8bmd4LW1lc3Nlbmdlci1oZWFkZXIgW21lc3Nlbmdlcl09XCJtZXNzZW5nZXJcIj48L25neC1tZXNzZW5nZXItaGVhZGVyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1ib2R5LWNvbnRhaW5lclwiXG4gICAgICAgaW5maW5pdGVTY3JvbGxcbiAgICAgICBbaW5maW5pdGVTY3JvbGxEaXN0YW5jZV09XCIyXCJcbiAgICAgICBbaW5maW5pdGVTY3JvbGxUaHJvdHRsZV09XCI1MFwiXG4gICAgICAgW3Njcm9sbFdpbmRvd109XCJmYWxzZVwiXG4gICAgICAgKHNjcm9sbGVkKT1cIm9uU2Nyb2xsKClcIlxuICA+XG4gICAgPG5neC1jaGF0cy1saXN0ICpuZ0lmPVwiIW1lc3Nlbmdlci5vcGVuZWRDaGF0XCIgW2NoYXRzXT1cIm1lc3Nlbmdlci5jaGF0c1wiIFttZXNzZW5nZXJdPVwibWVzc2VuZ2VyXCI+PC9uZ3gtY2hhdHMtbGlzdD5cbiAgICA8bmd4LWNoYXQgKm5nSWY9XCJtZXNzZW5nZXIub3BlbmVkQ2hhdFwiIFttZXNzZW5nZXJdPVwibWVzc2VuZ2VyXCIgW2NoYXRdPVwibWVzc2VuZ2VyLm9wZW5lZENoYXRcIj48L25neC1jaGF0PlxuICAgIDxwICpuZ0lmPVwibWVzc2VuZ2VyLmxvYWRpbmdDaGF0c0luUHJvZ3Jlc3NcIj5QUkVMT0FERVI8L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG5cblxuIl19
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
3
|
+
import * as i1 from "../../../services/default-images.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
4
5
|
export class MessengerHeaderComponent {
|
|
6
|
+
constructor(defaultImagesService) {
|
|
7
|
+
this.defaultImagesService = defaultImagesService;
|
|
8
|
+
}
|
|
5
9
|
call() {
|
|
6
10
|
var _a;
|
|
7
11
|
if (!((_a = this.messenger.openedChat) === null || _a === void 0 ? void 0 : _a.id)) {
|
|
@@ -11,8 +15,8 @@ export class MessengerHeaderComponent {
|
|
|
11
15
|
void this.messenger.initializeVideoCall(this.messenger.openedChat.id);
|
|
12
16
|
}
|
|
13
17
|
}
|
|
14
|
-
MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\"
|
|
18
|
+
MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [{ token: i1.DefaultImagesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\"\n [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n </div>\n\n <button class=\"rtsee-messenger-close-chat\"\n *ngIf=\"messenger.openedChat\"\n (click)=\"messenger.closeChat()\"\n ><span>←</span>\n </button>\n\n <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n <div class=\"rtsee-messenger-profile-image\">\n <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n </div>\n <p *ngIf=\"messenger.openedChat\"\n class=\"rtsee-messenger-header-chat-title\"\n >{{ messenger.openedChat.name }}</p>\n </div>\n\n <p *ngIf=\"!messenger.openedChat\"\n class=\"rtsee-messenger-header-title\"\n >Chats</p>\n\n <button\n *ngIf=\"messenger.openedChat\"\n (click)=\"call()\"\n class=\"rtsee-messenger-call-button\"\n >Call</button>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, decorators: [{
|
|
17
21
|
type: Component,
|
|
18
22
|
args: [{
|
|
@@ -20,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
20
24
|
templateUrl: './messenger-header.component.html',
|
|
21
25
|
styleUrls: ['./messenger-header.component.css'],
|
|
22
26
|
}]
|
|
23
|
-
}], propDecorators: { messenger: [{
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i1.DefaultImagesService }]; }, propDecorators: { messenger: [{
|
|
24
28
|
type: Input
|
|
25
29
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2VuZ2VyLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gvc3JjL2xpYi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzZW5nZXItaGVhZGVyL21lc3Nlbmdlci1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4L3NyYy9saWIvY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2VuZ2VyLWhlYWRlci9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBU2pELE1BQU0sT0FBTyx3QkFBd0I7SUFFbkMsWUFBbUIsb0JBQTBDO1FBQTFDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBc0I7SUFBRyxDQUFDO0lBRWpFLElBQUk7O1FBQ0YsSUFBSSxDQUFDLENBQUEsTUFBQSxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsMENBQUUsRUFBRSxDQUFBLEVBQUU7WUFDbEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDO1lBQy9DLE9BQU87U0FDUjtRQUNELEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN4RSxDQUFDOztxSEFWVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixnR0NUckMsMHdDQWtDQTsyRkR6QmEsd0JBQXdCO2tCQUxwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFdBQVcsRUFBRSxtQ0FBbUM7b0JBQ2hELFNBQVMsRUFBRSxDQUFDLGtDQUFrQyxDQUFDO2lCQUNoRDsyR0FFVSxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUlRTZWVNZXNzZW5nZXIgfSBmcm9tICdAcnRzZWUvbWVzc2VuZ2VyJztcbmltcG9ydCB7IERlZmF1bHRJbWFnZXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZGVmYXVsdC1pbWFnZXMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1tZXNzZW5nZXItaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lc3Nlbmdlci1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tZXNzZW5nZXItaGVhZGVyLmNvbXBvbmVudC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTWVzc2VuZ2VySGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbWVzc2VuZ2VyITogUlRTZWVNZXNzZW5nZXI7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBkZWZhdWx0SW1hZ2VzU2VydmljZTogRGVmYXVsdEltYWdlc1NlcnZpY2UpIHt9XG5cbiAgY2FsbCgpIHtcbiAgICBpZiAoIXRoaXMubWVzc2VuZ2VyLm9wZW5lZENoYXQ/LmlkKSB7XG4gICAgICBjb25zb2xlLmxvZygnVW5hYmxlIHRvIGNhbGwsIG5vIG9wZW5lZCBjaGF0IScpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB2b2lkIHRoaXMubWVzc2VuZ2VyLmluaXRpYWxpemVWaWRlb0NhbGwodGhpcy5tZXNzZW5nZXIub3BlbmVkQ2hhdC5pZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItaGVhZGVyXCJcbiAgICAgW25nQ2xhc3NdPVwieyAncnRzZWUtbWVzc2VuZ2VyLWhlYWRlci1jaGF0LW9wZW5lZCc6IG1lc3Nlbmdlci5vcGVuZWRDaGF0IH1cIlxuPlxuICA8ZGl2ICpuZ0lmPVwiIW1lc3Nlbmdlci5vcGVuZWRDaGF0XCIgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItcHJvZmlsZS1pbWFnZVwiPlxuICAgIDxpbWcgKm5nSWY9XCJtZXNzZW5nZXIubXlQZWVyPy5pbWFnZVVybFwiIFtzcmNdPVwibWVzc2VuZ2VyLm15UGVlci5pbWFnZVVybFwiPlxuICAgIDxpbWcgKm5nSWY9XCIhbWVzc2VuZ2VyLm15UGVlcj8uaW1hZ2VVcmxcIiBbc3JjXT1cImRlZmF1bHRJbWFnZXNTZXJ2aWNlLlBST0ZJTEVcIj5cbiAgPC9kaXY+XG5cbiAgPGJ1dHRvbiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1jbG9zZS1jaGF0XCJcbiAgICAgICAgICAqbmdJZj1cIm1lc3Nlbmdlci5vcGVuZWRDaGF0XCJcbiAgICAgICAgICAoY2xpY2spPVwibWVzc2VuZ2VyLmNsb3NlQ2hhdCgpXCJcbiAgPjxzcGFuPiYjODU5Mjs8L3NwYW4+XG4gIDwvYnV0dG9uPlxuXG4gIDxkaXYgKm5nSWY9XCJtZXNzZW5nZXIub3BlbmVkQ2hhdFwiIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLWhlYWRlci1vcGVuZWQtY2hhdC1pbmZvXCI+XG4gICAgPGRpdiBjbGFzcz1cInJ0c2VlLW1lc3Nlbmdlci1wcm9maWxlLWltYWdlXCI+XG4gICAgICA8aW1nICpuZ0lmPVwibWVzc2VuZ2VyLm9wZW5lZENoYXQuaW1hZ2VVcmxcIiBbc3JjXT1cIm1lc3Nlbmdlci5vcGVuZWRDaGF0LmltYWdlVXJsXCI+XG4gICAgICA8aW1nICpuZ0lmPVwiIW1lc3Nlbmdlci5vcGVuZWRDaGF0LmltYWdlVXJsXCIgW3NyY109XCJkZWZhdWx0SW1hZ2VzU2VydmljZS5QUk9GSUxFXCI+XG4gICAgPC9kaXY+XG4gICAgPHAgKm5nSWY9XCJtZXNzZW5nZXIub3BlbmVkQ2hhdFwiXG4gICAgICAgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItaGVhZGVyLWNoYXQtdGl0bGVcIlxuICAgID57eyBtZXNzZW5nZXIub3BlbmVkQ2hhdC5uYW1lIH19PC9wPlxuICA8L2Rpdj5cblxuICA8cCAqbmdJZj1cIiFtZXNzZW5nZXIub3BlbmVkQ2hhdFwiXG4gICAgIGNsYXNzPVwicnRzZWUtbWVzc2VuZ2VyLWhlYWRlci10aXRsZVwiXG4gID5DaGF0czwvcD5cblxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJtZXNzZW5nZXIub3BlbmVkQ2hhdFwiXG4gICAgKGNsaWNrKT1cImNhbGwoKVwiXG4gICAgY2xhc3M9XCJydHNlZS1tZXNzZW5nZXItY2FsbC1idXR0b25cIlxuICA+Q2FsbDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -25,6 +25,8 @@ import { RtseeEventsDashboardClientComponent } from './components/rtsee-events-d
|
|
|
25
25
|
import { RtseeEventsDashboardClientThumbnailComponent } from './components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component';
|
|
26
26
|
import { WidgetDirective } from './directives/widget.directive';
|
|
27
27
|
import { CallWidgetComponent } from './components/rtsee-messenger/message-widgets/call-widget/call-widget.component';
|
|
28
|
+
import { AutosizeModule } from 'ngx-autosize';
|
|
29
|
+
import { InfiniteScrollModule } from 'ngx-infinite-scroll';
|
|
28
30
|
import * as i0 from "@angular/core";
|
|
29
31
|
export class RTSeeModule {
|
|
30
32
|
}
|
|
@@ -53,7 +55,9 @@ RTSeeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
|
|
|
53
55
|
MatSelectModule,
|
|
54
56
|
BrowserAnimationsModule,
|
|
55
57
|
MatFormFieldModule,
|
|
56
|
-
ReactiveFormsModule
|
|
58
|
+
ReactiveFormsModule,
|
|
59
|
+
AutosizeModule,
|
|
60
|
+
InfiniteScrollModule], exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent] });
|
|
57
61
|
RTSeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RTSeeModule, imports: [[
|
|
58
62
|
CommonModule,
|
|
59
63
|
MatIconModule,
|
|
@@ -62,6 +66,8 @@ RTSeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
|
|
|
62
66
|
BrowserAnimationsModule,
|
|
63
67
|
MatFormFieldModule,
|
|
64
68
|
ReactiveFormsModule,
|
|
69
|
+
AutosizeModule,
|
|
70
|
+
InfiniteScrollModule,
|
|
65
71
|
]] });
|
|
66
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RTSeeModule, decorators: [{
|
|
67
73
|
type: NgModule,
|
|
@@ -95,8 +101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
95
101
|
BrowserAnimationsModule,
|
|
96
102
|
MatFormFieldModule,
|
|
97
103
|
ReactiveFormsModule,
|
|
104
|
+
AutosizeModule,
|
|
105
|
+
InfiniteScrollModule,
|
|
98
106
|
],
|
|
99
107
|
exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],
|
|
100
108
|
}]
|
|
101
109
|
}] });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL25neC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDcEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQ25HLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDOUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNqRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvRUFBb0UsQ0FBQztBQUMzRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUM5RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQztBQUNwSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSxzSEFBc0gsQ0FBQztBQUMzSyxPQUFPLEVBQUUsNENBQTRDLEVBQUUsTUFBTSwwSUFBMEksQ0FBQztBQUN4TSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0ZBQWdGLENBQUM7QUFDckgsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFxQzNELE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXO3lHQUFYLFdBQVcsaUJBakNwQixjQUFjO1FBQ2Qsc0JBQXNCO1FBQ3RCLGtCQUFrQjtRQUNsQixzQkFBc0I7UUFDdEIsdUJBQXVCO1FBQ3ZCLHNCQUFzQjtRQUN0QixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIscUJBQXFCO1FBQ3JCLHNCQUFzQjtRQUN0QixrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLDZCQUE2QjtRQUM3QixtQ0FBbUM7UUFDbkMsNENBQTRDO1FBQzVDLGVBQWU7UUFDZixtQkFBbUIsYUFHbkIsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2YsZUFBZTtRQUNmLHVCQUF1QjtRQUN2QixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxvQkFBb0IsYUFFWixjQUFjLEVBQUUsa0JBQWtCLEVBQUUsNkJBQTZCO3lHQUVoRSxXQUFXLFlBYmI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixlQUFlO1lBQ2YsdUJBQXVCO1lBQ3ZCLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsY0FBYztZQUNkLG9CQUFvQjtTQUNyQjsyRkFHVSxXQUFXO2tCQW5DdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osY0FBYzt3QkFDZCxzQkFBc0I7d0JBQ3RCLGtCQUFrQjt3QkFDbEIsc0JBQXNCO3dCQUN0Qix1QkFBdUI7d0JBQ3ZCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3dCQUNsQix3QkFBd0I7d0JBQ3hCLDZCQUE2Qjt3QkFDN0IsbUNBQW1DO3dCQUNuQyw0Q0FBNEM7d0JBQzVDLGVBQWU7d0JBQ2YsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZix1QkFBdUI7d0JBQ3ZCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsY0FBYyxFQUFFLGtCQUFrQixFQUFFLDZCQUE2QixDQUFDO2lCQUM3RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSVFNlZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS9ydHNlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUlRTZWVDb250cm9sc0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS9ydHNlZS1jb250cm9scy9ydHNlZS1jb250cm9scy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJ0c2VlUGVlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1wZWVyL3J0c2VlLXBlZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFJ0c2VlU291bmRiYXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcnRzZWUtc291bmRiYXIvcnRzZWUtc291bmRiYXIuY29tcG9uZW50JztcbmltcG9ydCB7IFJ0c2VlUGVlcnNMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3J0c2VlLXBlZXJzLWxpc3QvcnRzZWUtcGVlcnMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IFJ0c2VlU2V0dGluZ3NDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcnRzZWUtc2V0dGluZ3MvcnRzZWUtc2V0dGluZ3MuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1lc3NlbmdlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2VuZ2VyL21lc3Nlbmdlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hhdENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC9jaGF0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZXNzYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzYWdlL21lc3NhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IENoYXRzTGlzdENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdHMtbGlzdC9jaGF0cy1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNZXNzYWdlc0xpc3RDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcnRzZWUtbWVzc2VuZ2VyL21lc3NhZ2VzLWxpc3QvbWVzc2FnZXMtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hhdFRodW1ibmFpbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC10aHVtYm5haWwvY2hhdC10aHVtYm5haWwuY29tcG9uZW50JztcbmltcG9ydCB7IENoYXRJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvY2hhdC1pbnB1dC9jaGF0LWlucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWVzc2VuZ2VySGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3J0c2VlLW1lc3Nlbmdlci9tZXNzZW5nZXItaGVhZGVyL21lc3Nlbmdlci1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFJ0c2VlRXZlbnRzRGFzaGJvYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUnRzZWVFdmVudHNEYXNoYm9hcmRDbGllbnRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC9jb21wb25lbnRzL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50L3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSdHNlZUV2ZW50c0Rhc2hib2FyZENsaWVudFRodW1ibmFpbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1ldmVudHMtZGFzaGJvYXJkL2NvbXBvbmVudHMvcnRzZWUtZXZlbnRzLWRhc2hib2FyZC1jbGllbnQtdGh1bWJuYWlsL3J0c2VlLWV2ZW50cy1kYXNoYm9hcmQtY2xpZW50LXRodW1ibmFpbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgV2lkZ2V0RGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3dpZGdldC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ2FsbFdpZGdldENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9ydHNlZS1tZXNzZW5nZXIvbWVzc2FnZS13aWRnZXRzL2NhbGwtd2lkZ2V0L2NhbGwtd2lkZ2V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBdXRvc2l6ZU1vZHVsZSB9IGZyb20gJ25neC1hdXRvc2l6ZSc7XG5pbXBvcnQgeyBJbmZpbml0ZVNjcm9sbE1vZHVsZSB9IGZyb20gJ25neC1pbmZpbml0ZS1zY3JvbGwnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSVFNlZUNvbXBvbmVudCxcbiAgICBSVFNlZUNvbnRyb2xzQ29tcG9uZW50LFxuICAgIFJ0c2VlUGVlckNvbXBvbmVudCxcbiAgICBSdHNlZVNvdW5kYmFyQ29tcG9uZW50LFxuICAgIFJ0c2VlUGVlcnNMaXN0Q29tcG9uZW50LFxuICAgIFJ0c2VlU2V0dGluZ3NDb21wb25lbnQsXG4gICAgTWVzc2VuZ2VyQ29tcG9uZW50LFxuICAgIENoYXRDb21wb25lbnQsXG4gICAgTWVzc2FnZUNvbXBvbmVudCxcbiAgICBDaGF0c0xpc3RDb21wb25lbnQsXG4gICAgTWVzc2FnZXNMaXN0Q29tcG9uZW50LFxuICAgIENoYXRUaHVtYm5haWxDb21wb25lbnQsXG4gICAgQ2hhdElucHV0Q29tcG9uZW50LFxuICAgIE1lc3NlbmdlckhlYWRlckNvbXBvbmVudCxcbiAgICBSdHNlZUV2ZW50c0Rhc2hib2FyZENvbXBvbmVudCxcbiAgICBSdHNlZUV2ZW50c0Rhc2hib2FyZENsaWVudENvbXBvbmVudCxcbiAgICBSdHNlZUV2ZW50c0Rhc2hib2FyZENsaWVudFRodW1ibmFpbENvbXBvbmVudCxcbiAgICBXaWRnZXREaXJlY3RpdmUsXG4gICAgQ2FsbFdpZGdldENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRTZWxlY3RNb2R1bGUsXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgQXV0b3NpemVNb2R1bGUsXG4gICAgSW5maW5pdGVTY3JvbGxNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtSVFNlZUNvbXBvbmVudCwgTWVzc2VuZ2VyQ29tcG9uZW50LCBSdHNlZUV2ZW50c0Rhc2hib2FyZENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFJUU2VlTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class DefaultImagesService {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.PROFILE = 'https://werf-assets.s3.amazonaws.com/default-profile-logo.png';
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
DefaultImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
9
|
+
DefaultImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, providedIn: 'root' });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, decorators: [{
|
|
11
|
+
type: Injectable,
|
|
12
|
+
args: [{
|
|
13
|
+
providedIn: 'root',
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1pbWFnZXMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC9zcmMvbGliL3NlcnZpY2VzL2RlZmF1bHQtaW1hZ2VzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLM0MsTUFBTSxPQUFPLG9CQUFvQjtJQUhqQztRQUlFLFlBQU8sR0FBRywrREFBK0QsQ0FBQztLQUMzRTs7aUhBRlksb0JBQW9CO3FIQUFwQixvQkFBb0IsY0FGbkIsTUFBTTsyRkFFUCxvQkFBb0I7a0JBSGhDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgRGVmYXVsdEltYWdlc1NlcnZpY2Uge1xuICBQUk9GSUxFID0gJ2h0dHBzOi8vd2VyZi1hc3NldHMuczMuYW1hem9uYXdzLmNvbS9kZWZhdWx0LXByb2ZpbGUtbG9nby5wbmcnO1xufVxuIl19
|
|
@@ -9,6 +9,11 @@ import { MatFormFieldModule } from '@angular/material/form-field';
|
|
|
9
9
|
import * as i1$1 from '@angular/forms';
|
|
10
10
|
import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
11
11
|
import { interval } from 'rxjs';
|
|
12
|
+
import { RTSeeChatEvents } from '@rtsee/messenger';
|
|
13
|
+
import * as i2$1 from 'ngx-autosize';
|
|
14
|
+
import { AutosizeModule } from 'ngx-autosize';
|
|
15
|
+
import * as i3$1 from 'ngx-infinite-scroll';
|
|
16
|
+
import { InfiniteScrollModule } from 'ngx-infinite-scroll';
|
|
12
17
|
import * as dayjs from 'dayjs';
|
|
13
18
|
import * as relativeTime from 'dayjs/plugin/relativeTime';
|
|
14
19
|
import { MatIconModule } from '@angular/material/icon';
|
|
@@ -200,7 +205,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
200
205
|
type: Input
|
|
201
206
|
}] } });
|
|
202
207
|
|
|
208
|
+
class DefaultImagesService {
|
|
209
|
+
constructor() {
|
|
210
|
+
this.PROFILE = 'https://werf-assets.s3.amazonaws.com/default-profile-logo.png';
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
DefaultImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
214
|
+
DefaultImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, providedIn: 'root' });
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: DefaultImagesService, decorators: [{
|
|
216
|
+
type: Injectable,
|
|
217
|
+
args: [{
|
|
218
|
+
providedIn: 'root',
|
|
219
|
+
}]
|
|
220
|
+
}] });
|
|
221
|
+
|
|
203
222
|
class MessengerHeaderComponent {
|
|
223
|
+
constructor(defaultImagesService) {
|
|
224
|
+
this.defaultImagesService = defaultImagesService;
|
|
225
|
+
}
|
|
204
226
|
call() {
|
|
205
227
|
var _a;
|
|
206
228
|
if (!((_a = this.messenger.openedChat) === null || _a === void 0 ? void 0 : _a.id)) {
|
|
@@ -210,8 +232,8 @@ class MessengerHeaderComponent {
|
|
|
210
232
|
void this.messenger.initializeVideoCall(this.messenger.openedChat.id);
|
|
211
233
|
}
|
|
212
234
|
}
|
|
213
|
-
MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
214
|
-
MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\"
|
|
235
|
+
MessengerHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, deps: [{ token: DefaultImagesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
236
|
+
MessengerHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger-header\"\n [ngClass]=\"{ 'rtsee-messenger-header-chat-opened': messenger.openedChat }\"\n>\n <div *ngIf=\"!messenger.openedChat\" class=\"rtsee-messenger-profile-image\">\n <img *ngIf=\"messenger.myPeer?.imageUrl\" [src]=\"messenger.myPeer.imageUrl\">\n <img *ngIf=\"!messenger.myPeer?.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n </div>\n\n <button class=\"rtsee-messenger-close-chat\"\n *ngIf=\"messenger.openedChat\"\n (click)=\"messenger.closeChat()\"\n ><span>←</span>\n </button>\n\n <div *ngIf=\"messenger.openedChat\" class=\"rtsee-messenger-header-opened-chat-info\">\n <div class=\"rtsee-messenger-profile-image\">\n <img *ngIf=\"messenger.openedChat.imageUrl\" [src]=\"messenger.openedChat.imageUrl\">\n <img *ngIf=\"!messenger.openedChat.imageUrl\" [src]=\"defaultImagesService.PROFILE\">\n </div>\n <p *ngIf=\"messenger.openedChat\"\n class=\"rtsee-messenger-header-chat-title\"\n >{{ messenger.openedChat.name }}</p>\n </div>\n\n <p *ngIf=\"!messenger.openedChat\"\n class=\"rtsee-messenger-header-title\"\n >Chats</p>\n\n <button\n *ngIf=\"messenger.openedChat\"\n (click)=\"call()\"\n class=\"rtsee-messenger-call-button\"\n >Call</button>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
215
237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerHeaderComponent, decorators: [{
|
|
216
238
|
type: Component,
|
|
217
239
|
args: [{
|
|
@@ -219,14 +241,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
219
241
|
templateUrl: './messenger-header.component.html',
|
|
220
242
|
styleUrls: ['./messenger-header.component.css'],
|
|
221
243
|
}]
|
|
222
|
-
}], propDecorators: { messenger: [{
|
|
244
|
+
}], ctorParameters: function () { return [{ type: DefaultImagesService }]; }, propDecorators: { messenger: [{
|
|
223
245
|
type: Input
|
|
224
246
|
}] } });
|
|
225
247
|
|
|
226
248
|
class ChatThumbnailComponent {
|
|
227
249
|
}
|
|
228
250
|
ChatThumbnailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
229
|
-
ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n <div class=\"
|
|
251
|
+
ChatThumbnailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat-thumbnail\" (click)=\"messenger.openChat(chat)\">\n <div class=\"rtsee-chat-thumbnail-image\">\n <img [src]=\"chat.imageUrl\" alt=\"chat-img\">\n </div>\n <div class=\"rtsee-chat-thumbnail-info\">\n <p class=\"rtsee-chat-thumbnail-name\">{{ chat.name }}</p>\n <p class=\"rtsee-chat-thumbnail-last-message\">{{chat.getLastSenderName()}} {{chat.getLastSentMessageText()}}</p>\n </div>\n</div>\n", styles: [""] });
|
|
230
252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatThumbnailComponent, decorators: [{
|
|
231
253
|
type: Component,
|
|
232
254
|
args: [{
|
|
@@ -242,11 +264,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
242
264
|
|
|
243
265
|
class ChatsListComponent {
|
|
244
266
|
ngOnInit() {
|
|
245
|
-
console.log(this.chats);
|
|
267
|
+
// console.log(this.chats);
|
|
246
268
|
}
|
|
247
269
|
}
|
|
248
270
|
ChatsListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
249
|
-
ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "ngx-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n <ngx-chat-thumbnail [chat]=\"chat\" [messenger]=\"messenger\"></ngx-chat-thumbnail>\n <div class=\"rtsee-chat-separator\"></div>\n </div>\n</div>\n", styles: ["
|
|
271
|
+
ChatsListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatsListComponent, selector: "ngx-chats-list", inputs: { messenger: "messenger", chats: "chats" }, ngImport: i0, template: "<div class=\"rtsee-chats-list\">\n <div class=\"rtsee-chat-thumbnail-container\" *ngFor=\"let chat of chats; let last = last;\">\n <ngx-chat-thumbnail [chat]=\"chat\" [messenger]=\"messenger\"></ngx-chat-thumbnail>\n <div class=\"rtsee-chat-separator\"></div>\n </div>\n</div>\n", styles: [""], components: [{ type: ChatThumbnailComponent, selector: "ngx-chat-thumbnail", inputs: ["chat", "messenger"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
250
272
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatsListComponent, decorators: [{
|
|
251
273
|
type: Component,
|
|
252
274
|
args: [{
|
|
@@ -357,7 +379,7 @@ class MessageComponent {
|
|
|
357
379
|
}
|
|
358
380
|
}
|
|
359
381
|
MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, deps: [{ token: WidgetsService }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
|
|
360
|
-
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-message-container\" [ngClass]=\"{'rtsee-from-me': message.from !== chat.receiverId}\">\n <div class=\"rtsee-messenger-message\">\n <ng-template widgetHost></ng-template>\n <p *ngIf=\"!message.widget\">{{ message.text }}</p>\n </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: WidgetDirective, selector: "[widgetHost]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
382
|
+
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessageComponent, selector: "ngx-message", inputs: { chat: "chat", message: "message", member: "member", messenger: "messenger" }, viewQueries: [{ propertyName: "widgetHost", first: true, predicate: WidgetDirective, descendants: true }], ngImport: i0, template: "<div class=\"rtsee-messenger-message-container\" [ngClass]=\"{'rtsee-message-from-me': message.from !== chat.receiverId}\">\n <div class=\"rtsee-messenger-message\">\n <ng-template widgetHost></ng-template>\n <p *ngIf=\"!message.widget\"\n class=\"rtsee-messenger-message-text\"\n >{{ message.text }}</p>\n </div>\n</div>\n", styles: [""], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: WidgetDirective, selector: "[widgetHost]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
361
383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessageComponent, decorators: [{
|
|
362
384
|
type: Component,
|
|
363
385
|
args: [{
|
|
@@ -414,7 +436,7 @@ class ChatInputComponent {
|
|
|
414
436
|
}
|
|
415
437
|
}
|
|
416
438
|
ChatInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
417
|
-
ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\">\n <div class=\"rtsee-send-message\">\n <form [formGroup]=\"sendMessageForm\">\n <
|
|
439
|
+
ChatInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatInputComponent, selector: "ngx-chat-input", inputs: { messenger: "messenger", chat: "chat" }, ngImport: i0, template: "<div class=\"rtsee-chat-input\" xmlns=\"http://www.w3.org/1999/html\">\n <div class=\"rtsee-send-message\">\n <form [formGroup]=\"sendMessageForm\">\n <textarea\n placeholder=\"Type message...\"\n type=\"text\"\n formControlName=\"message\"\n class=\"rtsee-chat-input-field\"\n autosize\n required\n ></textarea>\n </form>\n </div>\n <button (click)=\"sendMessage()\"\n class=\"rtsee-send-message-button\"\n type=\"submit\">\n <span>Send</span>\n </button>\n</div>\n", styles: [""], directives: [{ type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.AutosizeDirective, selector: "[autosize]", inputs: ["onlyGrow", "useImportant", "minRows", "autosize", "maxRows"], outputs: ["resized"] }, { type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }] });
|
|
418
440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatInputComponent, decorators: [{
|
|
419
441
|
type: Component,
|
|
420
442
|
args: [{
|
|
@@ -429,9 +451,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
429
451
|
}] } });
|
|
430
452
|
|
|
431
453
|
class ChatComponent {
|
|
454
|
+
constructor() {
|
|
455
|
+
this.bindScrollFunction = this.scrollToBottom.bind(this);
|
|
456
|
+
}
|
|
457
|
+
ngAfterViewInit() {
|
|
458
|
+
this.scrollToBottom();
|
|
459
|
+
}
|
|
460
|
+
onMessageSent() {
|
|
461
|
+
this.scrollToBottom();
|
|
462
|
+
}
|
|
463
|
+
ngOnDestroy() {
|
|
464
|
+
this.chat.off(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);
|
|
465
|
+
}
|
|
466
|
+
ngOnInit() {
|
|
467
|
+
this.chat.on(RTSeeChatEvents.MESSAGE_ADDED, this.bindScrollFunction);
|
|
468
|
+
}
|
|
469
|
+
onScroll() {
|
|
470
|
+
this.chat.loadRemoteMessages();
|
|
471
|
+
console.log('Melia Loh');
|
|
472
|
+
}
|
|
473
|
+
scrollToBottom() {
|
|
474
|
+
var _a, _b;
|
|
475
|
+
if (!((_b = (_a = this.scrollContainer) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.scrollHeight)) {
|
|
476
|
+
return;
|
|
477
|
+
}
|
|
478
|
+
try {
|
|
479
|
+
this.scrollContainer.nativeElement.scrollTop =
|
|
480
|
+
this.scrollContainer.nativeElement.scrollHeight;
|
|
481
|
+
}
|
|
482
|
+
catch (err) {
|
|
483
|
+
console.log('Failed to Scroll');
|
|
484
|
+
}
|
|
485
|
+
}
|
|
432
486
|
}
|
|
433
487
|
ChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
434
|
-
ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatComponent, selector: "ngx-chat", inputs: { chat: "chat", messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-chat\">\n <div class=\"rtsee-chat-body-container\">\n <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n </div>\n <div class=\"
|
|
488
|
+
ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: ChatComponent, selector: "ngx-chat", inputs: { chat: "chat", messenger: "messenger" }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollBlock"], descendants: true }], ngImport: i0, template: "<div class=\"rtsee-chat\">\n <div #scrollBlock\n class=\"rtsee-chat-body-container\"\n infiniteScroll\n [infiniteScrollUpDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\"\n [scrollWindow]=\"false\"\n (scrolledUp)=\"onScroll()\"\n >\n <ngx-messages-list [messenger]=\"messenger\" [chat]=\"chat\"></ngx-messages-list>\n </div>\n <div class=\"rtsee-chat-footer-container\">\n <ngx-chat-input [messenger]=\"messenger\" [chat]=\"chat\"></ngx-chat-input>\n </div>\n</div>\n", styles: [""], components: [{ type: MessagesListComponent, selector: "ngx-messages-list", inputs: ["chat", "messenger"] }, { type: ChatInputComponent, selector: "ngx-chat-input", inputs: ["messenger", "chat"] }], directives: [{ type: i3$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }] });
|
|
435
489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: ChatComponent, decorators: [{
|
|
436
490
|
type: Component,
|
|
437
491
|
args: [{
|
|
@@ -439,16 +493,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
439
493
|
templateUrl: './chat.component.html',
|
|
440
494
|
styleUrls: ['./chat.component.css'],
|
|
441
495
|
}]
|
|
442
|
-
}], propDecorators: {
|
|
496
|
+
}], ctorParameters: function () { return []; }, propDecorators: { scrollContainer: [{
|
|
497
|
+
type: ViewChild,
|
|
498
|
+
args: ['scrollBlock']
|
|
499
|
+
}], chat: [{
|
|
443
500
|
type: Input
|
|
444
501
|
}], messenger: [{
|
|
445
502
|
type: Input
|
|
446
503
|
}] } });
|
|
447
504
|
|
|
448
505
|
class MessengerComponent {
|
|
506
|
+
onScroll() {
|
|
507
|
+
this.messenger.loadChats();
|
|
508
|
+
}
|
|
449
509
|
}
|
|
450
510
|
MessengerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
451
|
-
MessengerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerComponent, selector: "ngx-messenger", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger\">\n <div class=\"rtsee-messenger-header-container\">\n <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n </div>\n <div
|
|
511
|
+
MessengerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.2", type: MessengerComponent, selector: "ngx-messenger", inputs: { messenger: "messenger" }, ngImport: i0, template: "<div class=\"rtsee-messenger\">\n <div class=\"rtsee-messenger-header-container\">\n <ngx-messenger-header [messenger]=\"messenger\"></ngx-messenger-header>\n </div>\n <div class=\"rtsee-messenger-body-container\"\n infiniteScroll\n [infiniteScrollDistance]=\"2\"\n [infiniteScrollThrottle]=\"50\"\n [scrollWindow]=\"false\"\n (scrolled)=\"onScroll()\"\n >\n <ngx-chats-list *ngIf=\"!messenger.openedChat\" [chats]=\"messenger.chats\" [messenger]=\"messenger\"></ngx-chats-list>\n <ngx-chat *ngIf=\"messenger.openedChat\" [messenger]=\"messenger\" [chat]=\"messenger.openedChat\"></ngx-chat>\n <p *ngIf=\"messenger.loadingChatsInProgress\">PRELOADER</p>\n </div>\n</div>\n\n\n", styles: [""], components: [{ type: MessengerHeaderComponent, selector: "ngx-messenger-header", inputs: ["messenger"] }, { type: ChatsListComponent, selector: "ngx-chats-list", inputs: ["messenger", "chats"] }, { type: ChatComponent, selector: "ngx-chat", inputs: ["chat", "messenger"] }], directives: [{ type: i3$1.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
452
512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: MessengerComponent, decorators: [{
|
|
453
513
|
type: Component,
|
|
454
514
|
args: [{
|
|
@@ -571,7 +631,9 @@ RTSeeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
|
|
|
571
631
|
MatSelectModule,
|
|
572
632
|
BrowserAnimationsModule,
|
|
573
633
|
MatFormFieldModule,
|
|
574
|
-
ReactiveFormsModule
|
|
634
|
+
ReactiveFormsModule,
|
|
635
|
+
AutosizeModule,
|
|
636
|
+
InfiniteScrollModule], exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent] });
|
|
575
637
|
RTSeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RTSeeModule, imports: [[
|
|
576
638
|
CommonModule,
|
|
577
639
|
MatIconModule,
|
|
@@ -580,6 +642,8 @@ RTSeeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
|
|
|
580
642
|
BrowserAnimationsModule,
|
|
581
643
|
MatFormFieldModule,
|
|
582
644
|
ReactiveFormsModule,
|
|
645
|
+
AutosizeModule,
|
|
646
|
+
InfiniteScrollModule,
|
|
583
647
|
]] });
|
|
584
648
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImport: i0, type: RTSeeModule, decorators: [{
|
|
585
649
|
type: NgModule,
|
|
@@ -613,6 +677,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.2", ngImpor
|
|
|
613
677
|
BrowserAnimationsModule,
|
|
614
678
|
MatFormFieldModule,
|
|
615
679
|
ReactiveFormsModule,
|
|
680
|
+
AutosizeModule,
|
|
681
|
+
InfiniteScrollModule,
|
|
616
682
|
],
|
|
617
683
|
exports: [RTSeeComponent, MessengerComponent, RtseeEventsDashboardComponent],
|
|
618
684
|
}]
|