/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component } from '@angular/core';
import { ContextService } from './context.service';
export class SideMenuRightComponent {
    /**
     * @param {?} contextService
     */
    constructor(contextService) {
        this.contextService = contextService;
        this.open = false;
    }
    /**
     * @return {?}
     */
    ngOnInit() {
        this.contexts = this.contextService.getContext();
        this.menu = this.contextService.getContextMenu();
    }
    /**
     * @param {?} parameter
     * @return {?}
     */
    navigateToOption(parameter) {
    }
    /**
     * @return {?}
     */
    openOptions() {
        this.open = true;
    }
    /**
     * @return {?}
     */
    goBack() {
        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 = () => [
    { type: ContextService }
];
if (false) {
    /** @type {?} */
    SideMenuRightComponent.prototype.contexts;
    /** @type {?} */
    SideMenuRightComponent.prototype.menu;
    /** @type {?} */
    SideMenuRightComponent.prototype.open;
    /**
     * @type {?}
     * @private
     */
    SideMenuRightComponent.prototype.contextService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1tZW51LXJpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BiaWRpL2NvbW1vbi1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL21vZHVsZXMvc2lkZS1tZW51LXJpZ2h0L3NpZGUtbWVudS1yaWdodC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBU25ELE1BQU0sT0FBTyxzQkFBc0I7Ozs7SUFNakMsWUFBcUIsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBRm5ELFNBQUksR0FBRyxLQUFLLENBQUM7SUFFMEMsQ0FBQzs7OztJQUV4RCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUNuRCxDQUFDOzs7OztJQUVELGdCQUFnQixDQUFDLFNBQVM7SUFFMUIsQ0FBQzs7OztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNuQixDQUFDOzs7O0lBQ0QsTUFBTTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLENBQUM7OztZQTNCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsa3FDQUErQzs7YUFHaEQ7Ozs7WUFSUSxjQUFjOzs7O0lBV3JCLDBDQUFvQjs7SUFDcEIsc0NBQW9COztJQUNwQixzQ0FBYTs7Ozs7SUFFQSxnREFBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udGV4dCwgQ29udGV4dE1lbnUgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQ29udGV4dFNlcnZpY2UgfSBmcm9tICcuL2NvbnRleHQuc2VydmljZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYmlkaS1zaWRlLW1lbnUtcmlnaHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1tZW51LXJpZ2h0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1tZW51LXJpZ2h0LmNvbXBvbmVudC5zY3NzJ11cblxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTWVudVJpZ2h0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb250ZXh0czogQ29udGV4dFtdO1xuICBtZW51OiBDb250ZXh0TWVudVtdO1xuICBvcGVuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoIHByaXZhdGUgY29udGV4dFNlcnZpY2U6IENvbnRleHRTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbnRleHRzID0gdGhpcy5jb250ZXh0U2VydmljZS5nZXRDb250ZXh0KCk7XG4gICAgdGhpcy5tZW51ID0gdGhpcy5jb250ZXh0U2VydmljZS5nZXRDb250ZXh0TWVudSgpO1xuICB9XG5cbiAgbmF2aWdhdGVUb09wdGlvbihwYXJhbWV0ZXIpIHtcblxuICB9XG4gIG9wZW5PcHRpb25zKCkge1xuICAgIHRoaXMub3BlbiA9IHRydWU7XG4gIH1cbiAgZ29CYWNrKCkge1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICB9XG5cblxufVxuIl19