@w11k/ngx-present
Version:
Angular based Presentation Tool
141 lines • 13.8 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/presentation/side-bar-content.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation } from '@angular/core';
import { OnDestroyMixin, untilComponentDestroyed } from '@w11k/ngx-componentdestroyed';
import { skipNil } from '@w11k/rx-ninja';
import { PresentationService } from '../core/presentation.service';
export class SideBarContentComponent extends OnDestroyMixin {
/**
* @param {?} presentation
*/
constructor(presentation) {
super();
this.presentation = presentation;
this.id = '';
this.presentation.select((/**
* @param {?} state
* @return {?}
*/
state => state.id))
.pipe(untilComponentDestroyed(this))
.subscribe((/**
* @param {?} id
* @return {?}
*/
id => this.id = id));
this.showCoordinates$ = this.presentation
.select(((/**
* @param {?} state
* @return {?}
*/
state => state.config.sidebar.tableOfContent.showCoordinates)))
.pipe(skipNil(), untilComponentDestroyed(this));
this.showTableOfContent$ = this.presentation
.select(((/**
* @param {?} state
* @return {?}
*/
state => state.config.sidebar.tableOfContent.enabled)))
.pipe(skipNil(), untilComponentDestroyed(this));
this.coordinatesSeparator$ = this.presentation
.select(((/**
* @param {?} state
* @return {?}
*/
state => state.config.sidebar.tableOfContent.separator)))
.pipe(skipNil(), untilComponentDestroyed(this));
this.depth$ = this.presentation
.select((/**
* @param {?} state
* @return {?}
*/
state => state.config.sidebar.tableOfContent.depth))
.pipe(untilComponentDestroyed(this));
this.showExpertMenu$ = this.presentation
.select((/**
* @param {?} state
* @return {?}
*/
state => state.sideBar.expert))
.pipe(untilComponentDestroyed(this));
this.showSettings$ = this.presentation
.select((/**
* @param {?} state
* @return {?}
*/
state => state.sideBar.settings))
.pipe(untilComponentDestroyed(this));
this.themeLight$ = this.presentation
.select((/**
* @param {?} state
* @return {?}
*/
state => state.config.code.theme === 'light'))
.pipe(untilComponentDestroyed(this));
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @return {?}
*/
closeSideNav() {
setTimeout((/**
* @return {?}
*/
() => {
this.presentation.dispatch.closeSideBar();
}), 25);
}
/**
* @return {?}
*/
startP2P() { }
/**
* @param {?} event
* @return {?}
*/
setTheme(event) {
this.presentation.dispatch.setCodeTheme(event.checked ? 'light' : 'dark');
}
}
SideBarContentComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-present-sidebar-content',
template: "<div class=\"menu\">\n <mat-nav-list (click)=\"closeSideNav()\">\n <a mat-list-item\n routerLink=\"slide\"\n routerLinkActive=\"active\">Slides</a>\n <a mat-list-item\n routerLink=\"overview\"\n routerLinkActive=\"active\">Overview</a>\n <a mat-list-item\n routerLink=\"help\"\n routerLinkActive=\"active\">Help</a>\n </mat-nav-list>\n <mat-divider></mat-divider>\n <div class=\"mat-nav-list table-of-content\"\n *ngIf=\"showTableOfContent$ | async\"\n (click)=\"closeSideNav()\">\n <h2>Table of Content</h2>\n <ngx-present-table-of-content [showCoordinates]=\"showCoordinates$ | async\"\n [depth]=\"depth$ | async\"\n [coordinatesSeparator]=\"coordinatesSeparator$ | async\">\n </ngx-present-table-of-content>\n </div>\n <span class=\"fill-remaining-space\"></span>\n <ng-container *ngIf=\"showSettings$ | async\">\n <mat-divider></mat-divider>\n <mat-nav-list >\n <mat-list-item [disableRipple]=\"true\">\n <mat-slide-toggle #toggle [checked]=\"themeLight$ | async\" (change)=\"setTheme($event)\">Dark / Light</mat-slide-toggle>\n </mat-list-item>\n </mat-nav-list>\n </ng-container>\n <ng-container *ngIf=\"showExpertMenu$ | async\">\n <mat-divider></mat-divider>\n <mat-nav-list (click)=\"closeSideNav()\">\n <a mat-list-item\n (click)=\"startP2P()\"\n routerLink=\"presenter\"\n [queryParams]=\"{ id: id }\">Presenter</a>\n </mat-nav-list>\n </ng-container>\n</div>\n",
encapsulation: ViewEncapsulation.None,
styles: ["ngx-present-sidebar-content .mat-nav-list .mat-list-item.active{font-weight:700}ngx-present-sidebar-content div.menu{display:flex;flex-direction:column;height:100vh}ngx-present-sidebar-content .table-of-content{padding-top:8px;overflow-y:scroll}ngx-present-sidebar-content .table-of-content h2{display:block;padding:0 16px;font-size:inherit}ngx-present-sidebar-content .table-of-content ul{list-style-type:none;margin:0;padding:0}ngx-present-sidebar-content .table-of-content ul li{padding:8px 0 8px 16px}ngx-present-sidebar-content .fill-remaining-space{flex:1 1 auto}"]
}] }
];
/** @nocollapse */
SideBarContentComponent.ctorParameters = () => [
{ type: PresentationService }
];
if (false) {
/** @type {?} */
SideBarContentComponent.prototype.id;
/** @type {?} */
SideBarContentComponent.prototype.showTableOfContent$;
/** @type {?} */
SideBarContentComponent.prototype.showCoordinates$;
/** @type {?} */
SideBarContentComponent.prototype.coordinatesSeparator$;
/** @type {?} */
SideBarContentComponent.prototype.depth$;
/** @type {?} */
SideBarContentComponent.prototype.showExpertMenu$;
/** @type {?} */
SideBarContentComponent.prototype.showSettings$;
/** @type {?} */
SideBarContentComponent.prototype.themeLight$;
/**
* @type {?}
* @private
*/
SideBarContentComponent.prototype.presentation;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXItY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdzExay9uZ3gtcHJlc2VudC8iLCJzb3VyY2VzIjpbImxpYi9wcmVzZW50YXRpb24vc2lkZS1iYXItY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJFLE9BQU8sRUFBRSxjQUFjLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFRbkUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGNBQWM7Ozs7SUFVekQsWUFBNkIsWUFBaUM7UUFDNUQsS0FBSyxFQUFFLENBQUM7UUFEbUIsaUJBQVksR0FBWixZQUFZLENBQXFCO1FBVHZELE9BQUUsR0FBRyxFQUFFLENBQUM7UUFZYixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU07Ozs7UUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUM7YUFDeEMsSUFBSSxDQUNILHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFFO2FBQ2hDLFNBQVM7Ozs7UUFBQyxFQUFFLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFDLENBQUM7UUFFakMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZO2FBQ3RDLE1BQU0sQ0FBQzs7OztRQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLGVBQWUsRUFBQyxDQUFDO2FBQ3RFLElBQUksQ0FDSCxPQUFPLEVBQUUsRUFDVCx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FDOUIsQ0FDRjtRQUVELElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsWUFBWTthQUN6QyxNQUFNLENBQUM7Ozs7UUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUMsQ0FBQzthQUM5RCxJQUFJLENBQ0gsT0FBTyxFQUFFLEVBQ1QsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQzlCLENBQ0Y7UUFFRCxJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLFlBQVk7YUFDM0MsTUFBTSxDQUFDOzs7O1FBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsU0FBUyxFQUFDLENBQUM7YUFDaEUsSUFBSSxDQUNILE9BQU8sRUFBRSxFQUNULHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUM5QixDQUNGO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWTthQUM1QixNQUFNOzs7O1FBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFDO2FBQzFELElBQUksQ0FDSCx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FDOUIsQ0FDRjtRQUVELElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFlBQVk7YUFDckMsTUFBTTs7OztRQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUM7YUFDckMsSUFBSSxDQUNILHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUM5QixDQUNGO1FBRUQsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsWUFBWTthQUNuQyxNQUFNOzs7O1FBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBQzthQUN2QyxJQUFJLENBQ0gsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQzlCLENBQ0Y7UUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZO2FBQ2pDLE1BQU07Ozs7UUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLEVBQUM7YUFDcEQsSUFBSSxDQUNILHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUM5QixDQUNGO0lBQ0gsQ0FBQzs7OztJQUVELFFBQVEsS0FBVSxDQUFDOzs7O0lBRW5CLFlBQVk7UUFDVixVQUFVOzs7UUFBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM1QyxDQUFDLEdBQUUsRUFBRSxDQUFDLENBQUM7SUFDVCxDQUFDOzs7O0lBRUQsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsUUFBUSxDQUFDLEtBQTJCO1FBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVFLENBQUM7OztZQXpGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsd2pEQUFnRDtnQkFFaEQsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3RDOzs7O1lBUFEsbUJBQW1COzs7O0lBUzFCLHFDQUFlOztJQUNmLHNEQUFnRDs7SUFDaEQsbURBQTZDOztJQUM3Qyx3REFBaUQ7O0lBQ2pELHlDQUE4Qzs7SUFDOUMsa0RBQTRDOztJQUM1QyxnREFBMEM7O0lBQzFDLDhDQUF3Qzs7Ozs7SUFFNUIsK0NBQWtEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRTbGlkZVRvZ2dsZUNoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5pbXBvcnQgeyBPbkRlc3Ryb3lNaXhpbiwgdW50aWxDb21wb25lbnREZXN0cm95ZWQgfSBmcm9tICdAdzExay9uZ3gtY29tcG9uZW50ZGVzdHJveWVkJztcbmltcG9ydCB7IHNraXBOaWwgfSBmcm9tICdAdzExay9yeC1uaW5qYSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBQcmVzZW50YXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9wcmVzZW50YXRpb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1wcmVzZW50LXNpZGViYXItY29udGVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWJhci1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1iYXItY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlQmFyQ29udGVudENvbXBvbmVudCBleHRlbmRzIE9uRGVzdHJveU1peGluIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGlkID0gJyc7XG4gIHB1YmxpYyBzaG93VGFibGVPZkNvbnRlbnQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICBwdWJsaWMgc2hvd0Nvb3JkaW5hdGVzJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcbiAgcHVibGljIGNvb3JkaW5hdGVzU2VwYXJhdG9yJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBwdWJsaWMgZGVwdGgkOiBPYnNlcnZhYmxlPG51bWJlciB8IHVuZGVmaW5lZD47XG4gIHB1YmxpYyBzaG93RXhwZXJ0TWVudSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIHB1YmxpYyBzaG93U2V0dGluZ3MkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICBwdWJsaWMgdGhlbWVMaWdodCQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBwcmVzZW50YXRpb246IFByZXNlbnRhdGlvblNlcnZpY2UpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgdGhpcy5wcmVzZW50YXRpb24uc2VsZWN0KHN0YXRlID0+IHN0YXRlLmlkKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHVudGlsQ29tcG9uZW50RGVzdHJveWVkKHRoaXMpLClcbiAgICAgIC5zdWJzY3JpYmUoaWQgPT4gdGhpcy5pZCA9IGlkKTtcblxuICAgIHRoaXMuc2hvd0Nvb3JkaW5hdGVzJCA9IHRoaXMucHJlc2VudGF0aW9uXG4gICAgICAuc2VsZWN0KChzdGF0ZSA9PiBzdGF0ZS5jb25maWcuc2lkZWJhci50YWJsZU9mQ29udGVudC5zaG93Q29vcmRpbmF0ZXMpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHNraXBOaWwoKSxcbiAgICAgICAgdW50aWxDb21wb25lbnREZXN0cm95ZWQodGhpcyksXG4gICAgICApXG4gICAgO1xuXG4gICAgdGhpcy5zaG93VGFibGVPZkNvbnRlbnQkID0gdGhpcy5wcmVzZW50YXRpb25cbiAgICAgIC5zZWxlY3QoKHN0YXRlID0+IHN0YXRlLmNvbmZpZy5zaWRlYmFyLnRhYmxlT2ZDb250ZW50LmVuYWJsZWQpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHNraXBOaWwoKSxcbiAgICAgICAgdW50aWxDb21wb25lbnREZXN0cm95ZWQodGhpcyksXG4gICAgICApXG4gICAgO1xuXG4gICAgdGhpcy5jb29yZGluYXRlc1NlcGFyYXRvciQgPSB0aGlzLnByZXNlbnRhdGlvblxuICAgICAgLnNlbGVjdCgoc3RhdGUgPT4gc3RhdGUuY29uZmlnLnNpZGViYXIudGFibGVPZkNvbnRlbnQuc2VwYXJhdG9yKSlcbiAgICAgIC5waXBlKFxuICAgICAgICBza2lwTmlsKCksXG4gICAgICAgIHVudGlsQ29tcG9uZW50RGVzdHJveWVkKHRoaXMpLFxuICAgICAgKVxuICAgIDtcblxuICAgIHRoaXMuZGVwdGgkID0gdGhpcy5wcmVzZW50YXRpb25cbiAgICAgIC5zZWxlY3Qoc3RhdGUgPT4gc3RhdGUuY29uZmlnLnNpZGViYXIudGFibGVPZkNvbnRlbnQuZGVwdGgpXG4gICAgICAucGlwZShcbiAgICAgICAgdW50aWxDb21wb25lbnREZXN0cm95ZWQodGhpcyksXG4gICAgICApXG4gICAgO1xuXG4gICAgdGhpcy5zaG93RXhwZXJ0TWVudSQgPSB0aGlzLnByZXNlbnRhdGlvblxuICAgICAgLnNlbGVjdChzdGF0ZSA9PiBzdGF0ZS5zaWRlQmFyLmV4cGVydClcbiAgICAgIC5waXBlKFxuICAgICAgICB1bnRpbENvbXBvbmVudERlc3Ryb3llZCh0aGlzKSxcbiAgICAgIClcbiAgICA7XG5cbiAgICB0aGlzLnNob3dTZXR0aW5ncyQgPSB0aGlzLnByZXNlbnRhdGlvblxuICAgICAgLnNlbGVjdChzdGF0ZSA9PiBzdGF0ZS5zaWRlQmFyLnNldHRpbmdzKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHVudGlsQ29tcG9uZW50RGVzdHJveWVkKHRoaXMpLFxuICAgICAgKVxuICAgIDtcblxuICAgIHRoaXMudGhlbWVMaWdodCQgPSB0aGlzLnByZXNlbnRhdGlvblxuICAgICAgLnNlbGVjdChzdGF0ZSA9PiBzdGF0ZS5jb25maWcuY29kZS50aGVtZSA9PT0gJ2xpZ2h0JylcbiAgICAgIC5waXBlKFxuICAgICAgICB1bnRpbENvbXBvbmVudERlc3Ryb3llZCh0aGlzKSxcbiAgICAgIClcbiAgICA7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgY2xvc2VTaWRlTmF2KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5wcmVzZW50YXRpb24uZGlzcGF0Y2guY2xvc2VTaWRlQmFyKCk7XG4gICAgfSwgMjUpO1xuICB9XG5cbiAgc3RhcnRQMlAoKSB7fVxuXG4gIHNldFRoZW1lKGV2ZW50OiBNYXRTbGlkZVRvZ2dsZUNoYW5nZSkge1xuICAgIHRoaXMucHJlc2VudGF0aW9uLmRpc3BhdGNoLnNldENvZGVUaGVtZShldmVudC5jaGVja2VkID8gJ2xpZ2h0JyA6ICdkYXJrJyk7XG4gIH1cbn1cbiJdfQ==