leaf-framework
Version:
Light Everis Angular Frontend Framework
40 lines • 2.54 kB
JavaScript
import { Component, Input, Inject } from '@angular/core';
import { navDropdownOpenClose } from '../../animations/nav-dropdown-open-close.animation';
import { LoggerService } from '../../services/logger.service';
var NavUserItemComponent = /** @class */ (function () {
function NavUserItemComponent(loggerService) {
this.loggerService = loggerService;
this.isShown = false;
}
NavUserItemComponent.prototype.ngOnInit = function () {
this.loggerService.log('... initializing NavUserItemComponent from core module.');
};
NavUserItemComponent.prototype.onHidden = function () {
this.loggerService.log("onHidden()");
this.isShown = false;
};
NavUserItemComponent.prototype.onShown = function () {
this.loggerService.log("onShown()");
this.isShown = true;
};
NavUserItemComponent.prototype.isOpenChange = function () {
console.log('Dropdown state is changed');
};
NavUserItemComponent.decorators = [
{ type: Component, args: [{
selector: '[leaf-layout-navbar-user]',
template: "\n <span dropdown class=\"dropdown\" (onShown)=\"onShown()\" (onHidden)=\"onHidden()\" (isOpenChange)=\"isOpenChange()\">\n <a dropdownToggle class=\"dropdown-toggle\" >\n <div>\n <img alt=\"image\" class=\"img-circle\" src=\"http://10.129.100.30/rest/user/{{employee.id}}/photo?square=true\" width=\"60\" height=\"60\">\n </div>\n <span class=\"block m-t-xs ng-binding\">\n <strong class=\"font-bold ng-binding\">{{employee.name}}</strong><br>{{employee.surname}}\n </span>\n <small ><span class=\"text-muted text-xs block\">Opciones <span class=\"fa fa-caret-down\"></span></span></small>\n </a>\n <ul *dropdownMenu class=\"dropdown-menu\" [@navDropdownOpenClose]=\"isShown\">\n <li><a>Mi perfil</a></li>\n <li class=\"divider\"></li>\n <li><a>Salir</a></li>\n </ul>\n </span>\n ",
animations: [navDropdownOpenClose]
},] },
];
/** @nocollapse */
NavUserItemComponent.ctorParameters = function () { return [
{ type: LoggerService, decorators: [{ type: Inject, args: ['LoggerService',] },] },
]; };
NavUserItemComponent.propDecorators = {
'employee': [{ type: Input, args: ['leaf-layout-navbar-user',] },],
};
return NavUserItemComponent;
}());
export { NavUserItemComponent };
//# sourceMappingURL=nav-user-item.component.js.map