@hsaadawy/ngx-chat
Version:
46 lines • 6.38 kB
JavaScript
import { animate, state, style, transition, trigger } from '@angular/animations';
import { Component, Inject, Input } from '@angular/core';
import { ForwardMessageEvent } from '../../events/forward-message-event';
import { ChatListStateService } from '../../services/chat-list-state.service';
export class ChatWindowListComponent {
constructor(chatListService, forwardMessageEvent) {
this.chatListService = chatListService;
this.forwardMessageEvent = forwardMessageEvent;
this.pseudoBool = false;
this.forwardMessageEvent.ForwardMessageEmitter$.subscribe((item) => {
debugger;
this.forwardMessage = item;
this.pseudoBool = true;
});
}
fowardSent() {
this.pseudoBool = false;
}
}
ChatWindowListComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-chat-window-list',
template: "<div class=\"chat-list\" [@rosterVisibility]=\"rosterState\">\r\n\r\n <ngx-chat-video-window *ngFor=\"let track of (chatListService.openTracks$ | async)\" [track]=\"track\">\r\n </ngx-chat-video-window>\r\n\r\n <ngx-chat-window *ngFor=\"let chatWindowState of (chatListService.openChats$ | async)\"\r\n [chatWindowState]=\"chatWindowState\"></ngx-chat-window>\r\n <ngx-forward-message [message]=\"forwardMessage\" [pseudoBool]=\"pseudoBool\" (fowardSent)=\"fowardSent()\"></ngx-forward-message>\r\n</div>",
animations: [
trigger('rosterVisibility', [
state('hidden', style({
right: '1em',
})),
state('shown', style({
right: '15em',
})),
transition('hidden => shown', animate('400ms ease')),
transition('shown => hidden', animate('400ms ease'))
])
],
styles: ["*{box-sizing:border-box;margin:0;padding:0;font-family:\"Helvetica\",\"Arial\",serif}.chat-list{display:flex;flex-flow:row nowrap;align-items:flex-end;position:fixed;bottom:0;right:16em;z-index:5;pointer-events:none}\n"]
},] }
];
ChatWindowListComponent.ctorParameters = () => [
{ type: ChatListStateService },
{ type: ForwardMessageEvent, decorators: [{ type: Inject, args: [ForwardMessageEvent,] }] }
];
ChatWindowListComponent.propDecorators = {
rosterState: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC13aW5kb3ctbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wYXp6bmV0d29yay9uZ3gtY2hhdC9zcmMvbGliL2NvbXBvbmVudHMvY2hhdC13aW5kb3ctbGlzdC9jaGF0LXdpbmRvdy1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQW1COUUsTUFBTSxPQUFPLHVCQUF1QjtJQU1oQyxZQUFtQixlQUFxQyxFQUFzQyxtQkFBd0M7UUFBbkgsb0JBQWUsR0FBZixlQUFlLENBQXNCO1FBQXNDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFEdEksZUFBVSxHQUFZLEtBQUssQ0FBQztRQUd4QixJQUFJLENBQUMsbUJBQW1CLENBQUMsc0JBQXNCLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBWSxFQUFFLEVBQUU7WUFDdkUsUUFBUSxDQUFDO1lBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7WUFDM0IsSUFBSSxDQUFDLFVBQVUsR0FBRSxJQUFJLENBQUM7UUFDeEIsQ0FBQyxDQUFDLENBQUE7SUFDUixDQUFDO0lBRUQsVUFBVTtRQUVOLElBQUksQ0FBQyxVQUFVLEdBQUUsS0FBSyxDQUFDO0lBQzNCLENBQUM7OztZQW5DSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsK2lCQUFnRDtnQkFFaEQsVUFBVSxFQUFFO29CQUNSLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRTt3QkFDeEIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7NEJBQ2xCLEtBQUssRUFBRSxLQUFLO3lCQUNmLENBQUMsQ0FBQzt3QkFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQzs0QkFDakIsS0FBSyxFQUFFLE1BQU07eUJBQ2hCLENBQUMsQ0FBQzt3QkFDSCxVQUFVLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDO3dCQUNwRCxVQUFVLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDO3FCQUN2RCxDQUFDO2lCQUNMOzthQUNKOzs7WUFsQlEsb0JBQW9CO1lBRHBCLG1CQUFtQix1QkEwQm1DLE1BQU0sU0FBQyxtQkFBbUI7OzswQkFKcEYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9yd2FyZE1lc3NhZ2VFdmVudCB9IGZyb20gJy4uLy4uL2V2ZW50cy9mb3J3YXJkLW1lc3NhZ2UtZXZlbnQnO1xyXG5pbXBvcnQgeyBDaGF0TGlzdFN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NoYXQtbGlzdC1zdGF0ZS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICduZ3gtY2hhdC13aW5kb3ctbGlzdCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2hhdC13aW5kb3ctbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jaGF0LXdpbmRvdy1saXN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbiAgICBhbmltYXRpb25zOiBbXHJcbiAgICAgICAgdHJpZ2dlcigncm9zdGVyVmlzaWJpbGl0eScsIFtcclxuICAgICAgICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICAgICAgICAgIHJpZ2h0OiAnMWVtJyxcclxuICAgICAgICAgICAgfSkpLFxyXG4gICAgICAgICAgICBzdGF0ZSgnc2hvd24nLCBzdHlsZSh7XHJcbiAgICAgICAgICAgICAgICByaWdodDogJzE1ZW0nLFxyXG4gICAgICAgICAgICB9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2hpZGRlbiA9PiBzaG93bicsIGFuaW1hdGUoJzQwMG1zIGVhc2UnKSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ3Nob3duID0+IGhpZGRlbicsIGFuaW1hdGUoJzQwMG1zIGVhc2UnKSlcclxuICAgICAgICBdKVxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hhdFdpbmRvd0xpc3RDb21wb25lbnQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICByb3N0ZXJTdGF0ZTogc3RyaW5nO1xyXG4gICAgZm9yd2FyZE1lc3NhZ2U6IHN0cmluZztcclxuICAgIHBzZXVkb0Jvb2w6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBjaGF0TGlzdFNlcnZpY2U6IENoYXRMaXN0U3RhdGVTZXJ2aWNlLCBASW5qZWN0KEZvcndhcmRNZXNzYWdlRXZlbnQpIHB1YmxpYyBmb3J3YXJkTWVzc2FnZUV2ZW50OiBGb3J3YXJkTWVzc2FnZUV2ZW50KVxyXG4gICAgIHtcclxuICAgICAgICB0aGlzLmZvcndhcmRNZXNzYWdlRXZlbnQuRm9yd2FyZE1lc3NhZ2VFbWl0dGVyJC5zdWJzY3JpYmUoKGl0ZW06IHN0cmluZykgPT4ge1xyXG4gICAgICAgICAgICBkZWJ1Z2dlcjtcclxuICAgICAgICAgICAgdGhpcy5mb3J3YXJkTWVzc2FnZSA9IGl0ZW07XHJcbiAgICAgICAgICAgIHRoaXMucHNldWRvQm9vbD0gdHJ1ZTtcclxuICAgICAgICAgIH0pXHJcbiAgICB9XHJcblxyXG4gICAgZm93YXJkU2VudCgpXHJcbiAgICB7XHJcbiAgICAgICAgdGhpcy5wc2V1ZG9Cb29sPSBmYWxzZTtcclxuICAgIH1cclxufVxyXG4iXX0=