/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component } from '@angular/core';
import { ContextService } from './context.service';
var SideMenuRightComponent = /** @class */ (function () {
    function SideMenuRightComponent(contextService) {
        this.contextService = contextService;
        this.open = false;
    }
    /**
     * @return {?}
     */
    SideMenuRightComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.contexts = this.contextService.getContext();
        this.menu = this.contextService.getContextMenu();
    };
    /**
     * @param {?} parameter
     * @return {?}
     */
    SideMenuRightComponent.prototype.navigateToOption = /**
     * @param {?} parameter
     * @return {?}
     */
    function (parameter) {
    };
    /**
     * @return {?}
     */
    SideMenuRightComponent.prototype.openOptions = /**
     * @return {?}
     */
    function () {
        this.open = true;
    };
    /**
     * @return {?}
     */
    SideMenuRightComponent.prototype.goBack = /**
     * @return {?}
     */
    function () {
        this.open = false;
    };
    SideMenuRightComponent.decorators = [
        { type: Component, args: [{
                    selector: 'bidi-side-menu-right',
                    template: "<div class=\"content\">\n  <div class=\"context-menu\">\n    <h3 class=\"has-text-tt-secondary is-size-6 is-uppercase\">Mis cursos asignados</h3>\n    <div class=\"context-container\" *ngFor=\"let context of contexts\">\n        <h3 class=\"has-text-tt-secondary is-size-7 is-uppercase\"> {{ context.school }} </h3>\n        <div class=\"buttons\" >\n            <button class=\"button is-circle-medium is-tt\"\n            *ngFor=\"let class of context.course\"\n            (click)=\"openOptions()\">\n              {{ class.name }}\n            </button>\n          </div>\n    </div>\n\n  </div>\n  <div class=\"context-submenu-container has-background-tt\" [ngClass]=\"{'open': open}\">\n    <p>\n        <svg class=\"icon-chevron-right icon is-small has-text-tt-secondary is-pulled-right\" (click)=\"goBack()\">\n            <use xlink:href=\"#icon-chevron-right\"></use>\n        </svg>\n    </p>\n\n    <div class=\"buttons\">\n      <button class=\"button is-tt is-inverted is-outlined is-size-7 is-full-width\" (click)=\"navigateToOption(option.parameter)\" *ngFor=\"let option of menu\">\n        {{ option.text }}\n      </button>\n    </div>\n  </div>\n</div>\n",
                    styles: [".content{background-color:#fff;position:relative;overflow:hidden;min-height:136px;margin-top:95px}.content h3{font-weight:400;margin:9px 0 4px}.content .context-menu{padding:10px;border-top:5px solid #5cff85}.content .context-menu .context-container{margin:25px 0}.content .context-menu .context-container h3{margin-bottom:10px;margin-left:3px;font-weight:300}.content .context-submenu-container{padding:10px;position:absolute;width:100%;right:-100%;top:0;bottom:0;transition:.25s}.content .context-submenu-container p{margin-bottom:23px}.content .context-submenu-container.open{right:0}"]
                }] }
    ];
    /** @nocollapse */
    SideMenuRightComponent.ctorParameters = function () { return [
        { type: ContextService }
    ]; };
    return SideMenuRightComponent;
}());
export { SideMenuRightComponent };
if (false) {
    /** @type {?} */
    SideMenuRightComponent.prototype.contexts;
    /** @type {?} */
    SideMenuRightComponent.prototype.menu;
    /** @type {?} */
    SideMenuRightComponent.prototype.open;
    /**
     * @type {?}
     * @private
     */
    SideMenuRightComponent.prototype.contextService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LXJpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BiaWRpL2NvbW1vbi1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL21vZHVsZXMvc2lkZS1tZW51LXJpZ2h0L3NpZGUtbWVudS1yaWdodC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBR25EO0lBWUUsZ0NBQXFCLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUZuRCxTQUFJLEdBQUcsS0FBSyxDQUFDO0lBRTBDLENBQUM7Ozs7SUFFeEQseUNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUNuRCxDQUFDOzs7OztJQUVELGlEQUFnQjs7OztJQUFoQixVQUFpQixTQUFTO0lBRTFCLENBQUM7Ozs7SUFDRCw0Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNuQixDQUFDOzs7O0lBQ0QsdUNBQU07OztJQUFOO1FBQ0UsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs7Z0JBM0JGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxrcUNBQStDOztpQkFHaEQ7Ozs7Z0JBUlEsY0FBYzs7SUFpQ3ZCLDZCQUFDO0NBQUEsQUE5QkQsSUE4QkM7U0F4Qlksc0JBQXNCOzs7SUFFakMsMENBQW9COztJQUNwQixzQ0FBb0I7O0lBQ3BCLHNDQUFhOzs7OztJQUVBLGdEQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZXh0LCBDb250ZXh0TWVudSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBDb250ZXh0U2VydmljZSB9IGZyb20gJy4vY29udGV4dC5zZXJ2aWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWRpLXNpZGUtbWVudS1yaWdodCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLW1lbnUtcmlnaHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLW1lbnUtcmlnaHQuY29tcG9uZW50LnNjc3MnXVxuXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVNZW51UmlnaHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnRleHRzOiBDb250ZXh0W107XG4gIG1lbnU6IENvbnRleHRNZW51W107XG4gIG9wZW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvciggcHJpdmF0ZSBjb250ZXh0U2VydmljZTogQ29udGV4dFNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29udGV4dHMgPSB0aGlzLmNvbnRleHRTZXJ2aWNlLmdldENvbnRleHQoKTtcbiAgICB0aGlzLm1lbnUgPSB0aGlzLmNvbnRleHRTZXJ2aWNlLmdldENvbnRleHRNZW51KCk7XG4gIH1cblxuICBuYXZpZ2F0ZVRvT3B0aW9uKHBhcmFtZXRlcikge1xuXG4gIH1cbiAgb3Blbk9wdGlvbnMoKSB7XG4gICAgdGhpcy5vcGVuID0gdHJ1ZTtcbiAgfVxuICBnb0JhY2soKSB7XG4gICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gIH1cblxuXG59XG4iXX0=