{"version":3,"mappings":"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","names":["h","LIST","s","e","i","constructor","n","this","ngOnInit","message","sendDate","format","calendarService","isToday","showMailEntry","read","showEntry","emit","toggleCheckbox","isChecked","toggleChk","_inputElement","nativeElement","checked","toggle","checkedBySelectAll","_","T","selectors","d","pageLength","pageSize","page","pageIndex","search","queryString","a","messages$","loadMessages","loading$","getMessagesLoadingObservable","loadingMessage$","getMessageLoadingObservable","searchForm","showMessageEntry","content","messageService","loadMessage","id","displayedMessageId","showContent","getSelectedEntries","entries","filter","map","getSelectedEntryIds","updateSelectedEntries","selectedEntries","toggleCheckAll","forEach","deleteMessages","deleting","messageIds","subscribe","showDeleteNotification","delay","response","fetchMessages","f","submitSearch","valid","value","Promise","t","setTimeout","p","y","l","g","u","path","component","pathMatch","r","B","M","Z","C","z","G"],"sources":["webpack:///src/app/modules/account/components/message-list/message-list-mode.enum.ts","webpack:///src/app/modules/account/components/message-list/message-list-entry/message-list-entry.component.html","webpack:///src/app/modules/account/components/message-list/message-list-entry/message-list-entry.component.ts","webpack:///src/app/modules/account/components/message-list/message-list.component.html","webpack:///src/app/modules/account/components/message-list/message-list.component.ts","webpack:///src/app/modules/account/components/message-list/message-list-entry/message-list-entry.module.ts","webpack:///src/app/modules/account/components/message-list/message-list.module.ts"],"sourcesContent":["export enum MessageListMode {\n    'LIST' = 'list',\n    'DETAIL' = 'detail'\n}","<div class=\"row div-result-entry d-flex align-items-center py-l\" (click)=\"showMailEntry()\" *ngIf=\"mode === MessageListMode.LIST\"\n     [class.font-weight-bold]=\"!message.read\">\n    <div class=\"col-md-2\">\n        <mat-checkbox (click)=\"toggleCheckbox($event); $event.stopPropagation();\"></mat-checkbox>\n    </div>\n    <div class=\"col-md-8\">{{message.subject}}</div>\n    <div class=\"col-md-2\">{{message.sendDate | date: format}}</div>\n</div>\n<div class=\"row div-result-entry d-flex align-items-center py-l\" (click)=\"showMailEntry()\" *ngIf=\"mode === MessageListMode.DETAIL\"\n     [class.font-weight-bold]=\"!message.read\">\n    <div class=\"col-md-2\">\n        <mat-checkbox (click)=\"toggleCheckbox($event); $event.stopPropagation();\"></mat-checkbox>\n    </div>\n    <div class=\"col-md-8\">{{message.subject}}</div>\n    <div class=\"col-md-2\">{{message.sendDate | date: format}}</div>\n</div>\n","import {Component, EventEmitter, Inject, Input, OnInit, Output, ViewChild} from '@angular/core';\nimport {CalendarService} from '../../../../../core/services/calendar.service';\nimport {MessageListMode} from '../message-list-mode.enum';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport {Message} from \"../../../../../core/models/message/message.model\";\n\n@Component({\n    selector: 'message-list-entry',\n    templateUrl: './message-list-entry.component.html',\n    styleUrls: ['./message-list-entry.component.scss']\n})\nexport class MessageListEntryComponent implements OnInit {\n    @Input() message: Message;\n    @Input() mode: MessageListMode;\n    @Output() showEntry = new EventEmitter<MessageListEntryComponent>();\n    @Output() toggle = new EventEmitter<MessageListEntryComponent>();\n    @ViewChild(MatCheckbox) public toggleChk: MatCheckbox;\n    public format: string;\n    public isChecked = false;\n    MessageListMode: typeof MessageListMode = MessageListMode;\n\n    constructor(@Inject(CalendarService) public calendarService: CalendarService) {\n    }\n\n    ngOnInit() {\n        if (this.message && this.message.sendDate) {\n            this.format = (this.calendarService.isToday(this.message.sendDate) ? 'H:mm' : 'dd. MMMM H:mm');\n        }\n    }\n\n    showMailEntry() {\n        this.message.read = true;\n        this.showEntry.emit(this);\n    }\n\n    toggleCheckbox() {\n        this.isChecked = !this.isChecked;\n        this.toggleChk._inputElement.nativeElement.checked = this.isChecked;\n        this.toggle.emit(this);\n    }\n    checkedBySelectAll() {\n        this.isChecked = !this.isChecked;\n        this.toggleChk.checked = this.isChecked;\n        this.toggle.emit(this);\n    }\n\n}\n","<div id=\"content\">\n    <notification *ngIf=\"showDeleteNotification\" message=\"Ihre Nachricht(en) wurde(n) erfolgreich gelöscht.\"\n                  type=\"info\"></notification>\n    <div class=\"panel\">\n        <spinner message=\"Ihre Nachrichten werden geladen.\"\n                 *ngIf=\"(loading$ | async)\"></spinner>\n        <div id=\"empty-messagebox\" *ngIf=\"(messages$ | async) && (messages$ | async).total === 0 && !(loading$ | async) && !queryString\">\n            Aktuell sind keine Nachrichten für Sie vorhanden.\n        </div>\n        <div id=\"empty-messagebox\" *ngIf=\"(messages$ | async) && (messages$ | async).total === 0 && !(loading$ | async) && queryString\">\n            Zu Ihrer Suche konnte nichts gefunden werden.\n            <br/><a (click)=\"fetchMessages()\">Klicken Sie hier um die Suche zurückzusetzen.</a>\n        </div>\n        <ng-container *ngIf=\"(messages$ | async) && (messages$ | async).total > 0 && !(loading$ | async)\">\n            <div id=\"messagebox\">\n                <div class=\"d-block\">\n                    <div class=\"row\">\n                        <div class=\"col-md-8\">\n                            <h2 class=\"pb-s\">Postfach</h2>\n                        </div>\n                        <div class=\"col-md-4\">\n                            <div class=\"search-box\">\n                                <form [formGroup]=\"searchForm\">\n                                    <mat-form-field appearance=\"outline\" class=\"w-75 pt-0 mb-s\">\n                                        <input matInput autocomplete=\"off\" placeholder=\"Betreff, Inhalt\"\n                                               formControlName=\"queryString\" data-cy=\"search-box-query-string\">\n                                    </mat-form-field>\n                                    <button class=\"btn-primary btn-round mt-0 ml-xs\" (click)=\"submitSearch()\"\n                                            data-cy=\"search\">\n                                        <i class=\"fal fa-search\"></i>\n                                    </button>\n                                </form>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"clearfix\"></div>\n                <div class=\"div-result-table\">\n                    <ng-container *ngIf=\"!showContent\">\n                        <ng-container *ngFor=\"let message of (messages$ | async).results; let i = index\">\n\n                            <div class=\"row div-result-header text-left\" *ngIf=\"i==0\">\n                                <div class=\"col-md-2 position-relative\">\n                                    <mat-checkbox (click)=\"toggleCheckAll($event)\" class=\"mr-xs\"></mat-checkbox>\n                                    <div class=\"position-absolute\" style=\"top: 0; left: 37px;\">\n                                        <button class=\"btn-icon\" mat-button matTooltip=\"btn-icon\">\n                                            <i class=\"fal fa-redo\" (click)=\"fetchMessages()\"></i>\n                                        </button>\n                                        <button class=\"btn-icon\" mat-button matTooltip=\"btn-icon\">\n                                            <i class=\"fal fa-trash\" (click)=\"deleteMessages()\"></i>\n                                        </button>\n                                    </div>\n                                </div>\n                                <div class=\"col-md-8\">Betreff</div>\n                                <div class=\"col-md-2\">Datum</div>\n                            </div>\n                            <message-list-entry [message]=\"message\" (showEntry)=\"showMessageEntry($event)\"\n                                           (toggle)=\"updateSelectedEntries()\" [mode]=\"MessageListMode.LIST\"></message-list-entry>\n                        </ng-container>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"showContent\">\n                        <div class=\"row\">\n                            <div class=\"col-md-6\">\n                                <ng-container *ngFor=\"let message of (messages$ | async).results; let i = index\">\n\n                                    <div class=\"row div-result-header text-left\" *ngIf=\"i==0\">\n                                        <div class=\"col-md-12 position-relative\">\n                                            <mat-checkbox (click)=\"toggleCheckAll($event)\" class=\"mr-xs\"></mat-checkbox>\n                                            <div class=\"position-absolute\" style=\"top: 0; left: 37px;\">\n                                                <button class=\"btn-icon\" mat-button matTooltip=\"btn-icon\">\n                                                    <i class=\"fal fa-redo\" (click)=\"fetchMessages()\"></i>\n                                                </button>\n                                                <button class=\"btn-icon\" mat-button matTooltip=\"btn-icon\">\n                                                    <i class=\"fal fa-trash\" (click)=\"deleteMessages()\"></i>\n                                                </button>\n                                            </div>\n                                        </div>\n\n                                    </div>\n                                    <message-list-entry [message]=\"message\" (showEntry)=\"showMessageEntry($event)\"\n                                                   (toggle)=\"updateSelectedEntries()\"\n                                                   [mode]=\"MessageListMode.DETAIL\"></message-list-entry>\n\n                                </ng-container>\n                            </div>\n                            <div class=\"col-md-6 position-relative\">\n                                <spinner message=\"Die Nachricht wird geladen.\" class=\"message-spinner\"\n                                         *ngIf=\"(loadingMessage$ | async)\"></spinner>\n                                <ng-container *ngIf=\"!(loadingMessage$ | async)\">\n                                    <ng-container *ngFor=\"let message of (messages$ | async).results; let i = index\">\n                                        <ng-container *ngIf=\"message.id === displayedMessageId\">\n                                            <div class=\"border-bottom py-l corrected-lh\">Betreff: {{message.subject}} vom\n                                                {{message.sendDate |\n                                                date: 'dd. MMMM yyyy, H:mm:ss' }}\n                                            </div>\n                                            <div class=\"my-l\" [innerHTML]=\"message.content\"></div>\n                                        </ng-container>\n                                    </ng-container>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n            <mat-paginator [length]=\"(messages$ | async).total\"\n                           [pageSize]=\"(messages$ | async).pageLength\"\n                           [pageIndex]=\"(messages$ | async).page\"\n                           [pageSizeOptions]=\"[5, 10, 25]\" (page)=\"page($event)\">\n            </mat-paginator>\n        </ng-container>\n    </div>\n</div>\n","import {Component, Inject, OnInit, QueryList, ViewChildren} from '@angular/core';\nimport {MessageResponse} from '../../../../core/models/message/message-response.model';\nimport {Observable} from 'rxjs';\nimport {Message} from '../../../../core/models/message/message.model';\nimport {FormControl, FormGroup} from '@angular/forms';\nimport {MessageService} from \"../../../../core/services/message.service\";\nimport {MessageListEntryComponent} from \"./message-list-entry/message-list-entry.component\";\nimport {MessageListMode} from './message-list-mode.enum';\n\nexport class MessageRequest {\n    pageLength: number;\n    page: number;\n    search: string;\n\n    constructor(obj: any = {}) {\n        this.pageLength = obj && obj.pageSize || 10;\n        this.page = obj && obj.pageIndex || 0;\n        this.search = obj && obj.queryString || '';\n    }\n}\n\n@Component({\n    selector: 'messagebox',\n    templateUrl: './message-list.component.html',\n    styleUrls: ['./message-list.component.scss']\n})\nexport class MessageListComponent implements OnInit {\n    @ViewChildren(MessageListEntryComponent) entries: QueryList<MessageListEntryComponent>;\n    public messages$: Observable<MessageResponse>;\n    public loading$: Observable<boolean>;\n    public loadingMessage$: Observable<boolean>;\n    public showContent = false;\n    public deleting = false;\n    public showDeleteNotification = false;\n    public displayedMessageId: string;\n    public selectedEntries: Message[];\n    public response: any = {};\n    public queryString: FormControl = new FormControl('');\n    public searchForm: FormGroup;\n    public color: string = '#000';\n\n    MessageListMode: typeof MessageListMode = MessageListMode;\n\n    constructor(@Inject(MessageService) public messageService: MessageService) {\n        this.messages$ = messageService.loadMessages({page: 0, pageLength: 10});\n        this.loading$ = messageService.getMessagesLoadingObservable();\n        this.loadingMessage$ = messageService.getMessageLoadingObservable();\n    }\n\n    ngOnInit() {\n        this.searchForm = new FormGroup({\n            queryString: this.queryString,\n        });\n    }\n\n    showMessageEntry(entry: MessageListEntryComponent) {\n        if (!entry.message.content) {\n            this.messageService.loadMessage(entry.message.id);\n        }\n        if (this.displayedMessageId === entry.message.id) {\n            this.showContent = !this.showContent;\n        } else {\n            this.displayedMessageId = entry.message.id;\n            this.showContent = true;\n        }\n    }\n\n    getSelectedEntries(): Message[] {\n        return this.entries.filter(result => result.isChecked).map(result => result.message);\n    }\n\n    getSelectedEntryIds(): string[] {\n        return this.entries.filter(result => result.isChecked).map(result => result.message.id);\n    }\n\n    updateSelectedEntries() {\n        this.selectedEntries = this.getSelectedEntries();\n    }\n\n    toggleCheckAll() {\n        if (this.entries) {\n            this.entries.forEach(entry => entry.checkedBySelectAll());\n        }\n    }\n\n    deleteMessages() {\n        this.deleting = true;\n        this.messageService.deleteMessages({page: 0, pageLength: 10, messageIds: this.getSelectedEntryIds()}).subscribe((response) => {\n            this.showDeleteNotification = true;\n            (async () => {\n                await this.delay(3000);\n                this.showDeleteNotification = false;\n            })();\n            this.response = response;\n            this.deleting = false;\n            this.fetchMessages();\n        });\n    }\n\n    fetchMessages() {\n\n        this.showContent = false;\n        this.messageService.loadMessages(new MessageRequest({page: 0, pageLength: 10}));\n    }\n\n    page(e) {\n        this.showContent = false;\n        this.messageService.loadMessages(new MessageRequest(e));\n    }\n\n    submitSearch() {\n        this.showContent = false;\n        if (this.searchForm.valid) {\n            this.messageService.loadMessages(new MessageRequest(this.searchForm.value));\n        }\n    }\n\n    delay(ms: number) {\n        return new Promise(resolve => setTimeout(resolve, ms));\n    }\n\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MessageListEntryComponent} from './message-list-entry.component';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        MatCheckboxModule\n    ],\n    declarations: [MessageListEntryComponent],\n    exports: [MessageListEntryComponent]\n})\nexport class MessageListEntryModule {\n}\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MessageListComponent} from './message-list.component';\nimport {RouterModule} from '@angular/router';\nimport {MessageListEntryModule} from './message-list-entry/message-list-entry.module';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {SpinnerModule} from '../../../shared/spinner/spinner.module';\nimport {NotificationModule} from '../../../shared/notification/notification.module';\n\nexport const routes = [\n    {path: '', component: MessageListComponent, pathMatch: 'full'},\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        RouterModule.forChild(routes),\n        MessageListEntryModule,\n        FormsModule,\n        ReactiveFormsModule,\n        MatFormFieldModule,\n        MatInputModule,\n        MatPaginatorModule,\n        MatCheckboxModule,\n        SpinnerModule,\n        NotificationModule\n    ],\n    declarations: [MessageListComponent]\n})\nexport class MessageListModule {\n    static routes = routes;\n}\n"]}