@hmcts/media-viewer
Version:
32 lines • 8.78 kB
JavaScript
import { Component } from '@angular/core';
import { select } from '@ngrx/store';
import * as fromSelectors from '../../store/selectors/icp.selectors';
import * as i0 from "@angular/core";
import * as i1 from "../../toolbar/toolbar-event.service";
import * as i2 from "@ngrx/store";
import * as i3 from "../../toolbar/icp-event.service";
import * as i4 from "@angular/common";
export class ParticipantsListComponent {
constructor(toolbarEvents, store, icpEventService) {
this.toolbarEvents = toolbarEvents;
this.store = store;
this.icpEventService = icpEventService;
this.showParticipantsList = false;
}
ngOnInit() {
this.participants$ = this.store.pipe(select(fromSelectors.getParticipants));
this.presenter$ = this.store.pipe(select(fromSelectors.getPresenter));
this.isPresenter$ = this.store.pipe(select(fromSelectors.isPresenter));
this.subscription = this.icpEventService.participantsListVisible.subscribe(isVisible => this.showParticipantsList = isVisible);
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParticipantsListComponent, deps: [{ token: i1.ToolbarEventService }, { token: i2.Store }, { token: i3.IcpEventService }], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ParticipantsListComponent, selector: "mv-participants-list", ngImport: i0, template: "<div class=\"comments-panel comment-container icp-mode\" [ngClass]=\"{'expanded': showParticipantsList }\">\n\n <div class=\"participant__card no-shadow\">\n <p class=\"participant__name\">All Participants</p>\n </div>\n\n <div *ngIf=\"(presenter$ | async)?.username !== ''\" class=\"participant__card\">\n <div class=\"participant__header\"> Presenting </div>\n <p class=\"participant__name\">{{(presenter$ | async)?.username}}</p>\n </div>\n\n <div *ngIf=\"(participants$ | async).length > 1\" class=\"participant__card\">\n <div class=\"participant__header\">Following</div>\n <ng-container *ngFor=\"let participant of (participants$ | async)\">\n <p *ngIf=\"participant.id !== (presenter$ | async)?.id\" class=\"participant__name\">{{participant.username}}</p>\n </ng-container>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParticipantsListComponent, decorators: [{
type: Component,
args: [{ selector: 'mv-participants-list', template: "<div class=\"comments-panel comment-container icp-mode\" [ngClass]=\"{'expanded': showParticipantsList }\">\n\n <div class=\"participant__card no-shadow\">\n <p class=\"participant__name\">All Participants</p>\n </div>\n\n <div *ngIf=\"(presenter$ | async)?.username !== ''\" class=\"participant__card\">\n <div class=\"participant__header\"> Presenting </div>\n <p class=\"participant__name\">{{(presenter$ | async)?.username}}</p>\n </div>\n\n <div *ngIf=\"(participants$ | async).length > 1\" class=\"participant__card\">\n <div class=\"participant__header\">Following</div>\n <ng-container *ngFor=\"let participant of (participants$ | async)\">\n <p *ngIf=\"participant.id !== (presenter$ | async)?.id\" class=\"participant__name\">{{participant.username}}</p>\n </ng-container>\n </div>\n</div>\n" }]
}], ctorParameters: () => [{ type: i1.ToolbarEventService }, { type: i2.Store }, { type: i3.IcpEventService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFydGljaXBhbnRzLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVkaWEtdmlld2VyL3NyYy9saWIvaWNwL3BhcnRpY2lwYW50cy1saXN0L3BhcnRpY2lwYW50cy1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZGlhLXZpZXdlci9zcmMvbGliL2ljcC9wYXJ0aWNpcGFudHMtbGlzdC9wYXJ0aWNpcGFudHMtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUk3RCxPQUFPLEVBQUUsTUFBTSxFQUFTLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sS0FBSyxhQUFhLE1BQU0scUNBQXFDLENBQUM7Ozs7OztBQU9yRSxNQUFNLE9BQU8seUJBQXlCO0lBU3BDLFlBQTZCLGFBQWtDLEVBQzNDLEtBQXNCLEVBQ2IsZUFBZ0M7UUFGaEMsa0JBQWEsR0FBYixhQUFhLENBQXFCO1FBQzNDLFVBQUssR0FBTCxLQUFLLENBQWlCO1FBQ2Isb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBSjdELHlCQUFvQixHQUFHLEtBQUssQ0FBQztJQUltQyxDQUFDO0lBRWpFLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztRQUM1RSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztRQUN0RSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztRQUV2RSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsdUJBQXVCLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLFNBQVMsQ0FBQyxDQUFDO0lBQ2pJLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO2tJQXZCVSx5QkFBeUI7c0hBQXpCLHlCQUF5Qiw0RENadEMsazBCQWtCQTs7NEZETmEseUJBQXlCO2tCQUpyQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVG9vbGJhckV2ZW50U2VydmljZSB9IGZyb20gJy4uLy4uL3Rvb2xiYXIvdG9vbGJhci1ldmVudC5zZXJ2aWNlJztcbmltcG9ydCB7IEljcFBhcnRpY2lwYW50LCBJY3BTdGF0ZSB9IGZyb20gJy4uL2ljcC5pbnRlcmZhY2VzJztcbmltcG9ydCB7IHNlbGVjdCwgU3RvcmUgfSBmcm9tICdAbmdyeC9zdG9yZSc7XG5pbXBvcnQgKiBhcyBmcm9tU2VsZWN0b3JzIGZyb20gJy4uLy4uL3N0b3JlL3NlbGVjdG9ycy9pY3Auc2VsZWN0b3JzJztcbmltcG9ydCB7IEljcEV2ZW50U2VydmljZSB9IGZyb20gJy4uLy4uL3Rvb2xiYXIvaWNwLWV2ZW50LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtdi1wYXJ0aWNpcGFudHMtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXJ0aWNpcGFudHMtbGlzdC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgUGFydGljaXBhbnRzTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcbiAgcGFydGljaXBhbnRzJDogT2JzZXJ2YWJsZTxJY3BQYXJ0aWNpcGFudFtdPjtcbiAgcHJlc2VudGVyJDogT2JzZXJ2YWJsZTxJY3BQYXJ0aWNpcGFudD47XG4gIGlzUHJlc2VudGVyJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICBzaG93UGFydGljaXBhbnRzTGlzdCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgdG9vbGJhckV2ZW50czogVG9vbGJhckV2ZW50U2VydmljZSxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBzdG9yZTogU3RvcmU8SWNwU3RhdGU+LFxuICAgICAgICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGljcEV2ZW50U2VydmljZTogSWNwRXZlbnRTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucGFydGljaXBhbnRzJCA9IHRoaXMuc3RvcmUucGlwZShzZWxlY3QoZnJvbVNlbGVjdG9ycy5nZXRQYXJ0aWNpcGFudHMpKTtcbiAgICB0aGlzLnByZXNlbnRlciQgPSB0aGlzLnN0b3JlLnBpcGUoc2VsZWN0KGZyb21TZWxlY3RvcnMuZ2V0UHJlc2VudGVyKSk7XG4gICAgdGhpcy5pc1ByZXNlbnRlciQgPSB0aGlzLnN0b3JlLnBpcGUoc2VsZWN0KGZyb21TZWxlY3RvcnMuaXNQcmVzZW50ZXIpKTtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9uID0gdGhpcy5pY3BFdmVudFNlcnZpY2UucGFydGljaXBhbnRzTGlzdFZpc2libGUuc3Vic2NyaWJlKGlzVmlzaWJsZSA9PiB0aGlzLnNob3dQYXJ0aWNpcGFudHNMaXN0ID0gaXNWaXNpYmxlKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb21tZW50cy1wYW5lbCBjb21tZW50LWNvbnRhaW5lciBpY3AtbW9kZVwiIFtuZ0NsYXNzXT1cInsnZXhwYW5kZWQnOiBzaG93UGFydGljaXBhbnRzTGlzdCB9XCI+XG5cbiAgPGRpdiBjbGFzcz1cInBhcnRpY2lwYW50X19jYXJkIG5vLXNoYWRvd1wiPlxuICAgIDxwIGNsYXNzPVwicGFydGljaXBhbnRfX25hbWVcIj5BbGwgUGFydGljaXBhbnRzPC9wPlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiKHByZXNlbnRlciQgfCBhc3luYyk/LnVzZXJuYW1lICE9PSAnJ1wiIGNsYXNzPVwicGFydGljaXBhbnRfX2NhcmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGFydGljaXBhbnRfX2hlYWRlclwiPiBQcmVzZW50aW5nIDwvZGl2PlxuICAgIDxwIGNsYXNzPVwicGFydGljaXBhbnRfX25hbWVcIj57eyhwcmVzZW50ZXIkIHwgYXN5bmMpPy51c2VybmFtZX19PC9wPlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiKHBhcnRpY2lwYW50cyQgfCBhc3luYykubGVuZ3RoID4gMVwiIGNsYXNzPVwicGFydGljaXBhbnRfX2NhcmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGFydGljaXBhbnRfX2hlYWRlclwiPkZvbGxvd2luZzwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHBhcnRpY2lwYW50IG9mIChwYXJ0aWNpcGFudHMkIHwgYXN5bmMpXCI+XG4gICAgICAgIDxwICpuZ0lmPVwicGFydGljaXBhbnQuaWQgIT09IChwcmVzZW50ZXIkIHwgYXN5bmMpPy5pZFwiIGNsYXNzPVwicGFydGljaXBhbnRfX25hbWVcIj57e3BhcnRpY2lwYW50LnVzZXJuYW1lfX08L3A+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=