ecp-ui-lib
Version:
49 lines • 9.88 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
export class UserInfoListComponent {
constructor() {
this.changeOpen = false;
//@Input() userHader: string = 'assets/base/user_default.png';
this.userHader = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAEpklEQVRYw72XTWwUZRjHf/POzO7sV7dACtKWLhCiotJIcFED4TPuoZoYNSF6kYuJCQnEgycvxrNKojExQky8ezLxVAJyICApoKF8qSC2bul229Lubrc7O1+vB1iytN3ZGQv8b7vz/N/5Pc+8H8+rEFJnr+Tj6bi+K2Wou42I2BzRxAYgCWjAnOV4Y6bl3aiY7rnyvHPy1Rd6imHfoQQNHL5Z2L46HTkU1cU79yGCyK073onirPVdsWT9tH9bn3wkUL//Ob6xd5VxVFOVN8Nm3CzHk8P5KfPIi0+vPb0sqNHxqUMdMe0LILYcoCbJSs05dqtQ+2jP1nVmKKgzl/PaM92J73VNed/vDbNVm7sVm5rlARDVBR1xjVUpHVW0ztd25aU/xqoDO/t7JwJBnbmcVzf3Jn5UhfJWq0FN2+NWYZ6q6S75XFcVNq6Jk05oLcFcT/51I1/dt6O/N98Wamp65gdNVQ62Gqxue1z7dw7b9Z+zigLP9iRIxVqDOa4cvjI6t2PP1nWV5v9F8498YfpDPyCA28VaWyAAKeGfoukbo6nKlk1r48cW/v8AavhmYX3SUI/6DWJaHuV5py1QQzXLZb7u+sYkDfXd4ZuFA0tCda+MfgnE/QZo94IlE7G9tjHdK6NHT10afbDCBcC1vyf6/SZ2Q4poF7FYfquwKabnqc7oBw9BdaUjhwmwkepqeCpdDXZodKUjR05cGFEAxPmrY1FdVQ4EMQZIepGUgB5dVTalYtrLAKIjru0AOoIYx2fqoaEKM1bg2HRcex1AJA11d1CTCJr2/1Qiqu4EEIaubg5q0rXwUGE8RkQ8DyB0TVkf1NThszu3UtII7tFV0TU4NJIUQCowVFxj/ergDcOG1TE6E8Gh7s+OlADUMJmHqVZHPFxl5b3TSxW2IythjEZEkDTa55E0VKJ6uH3Ndj2AijBtdyyUE+jrivnuP0JRyIT4zA2ZtlfOZTMlUTXd62HNSUMlHmldrYShkoiGmhUAVE33BoAozTtnQ7sBv+bF9QLdDxapwSLKNee048rg2+5jku1IKjVnEEC89lKmNFm2fg5sdiX5aRPTat2S1CyX2xO1UK1OYbZelJITcO8CSWGm/u2azsjbfsdIpeZQLFncnbMbS7elpITJssVk2SIV01jTGWFFQm+5OFxPUixZx3PZjANN7crVW4VzPauMV5oD5+su5ZrLdMXyrUwQaarCyqROR1wjFdMeamlGJ825wmx9Qy6bmXpQKYDxmfqRFUn9V6Eo4s5MnemK1bYiYeS4kmLJoliyUIDOpE73iiielBRm6581gB6qFMAvv41+7rjy40cJE6CC5xxX7mp8Olhwm7Ed+YmUnHlySEw6rnyvGWgRVC6bsYE3gOEnAFQCBnLZzMjCB4sOp1w2UwL2AucfI9AEsD+XzVxY6uGSJ2Yum5kG9gDHePQ6C2zPZTMXWwW0bQsHh0YGgK+ATcuEKQOfqkL5Zv+2Pt8bbaBedXBoJAIcBA4DW0LC3AGOA1/nspm7QQyhm+7BoZF+YADYBTwH9C0YZwq4zr3PdFLXlFN7t/aFulov+3py6uKocKVMA6iKUt23rW/Zh/t/gqqwzo9c3wUAAAAASUVORK5CYII=';
}
/**
* @return {?}
*/
ngOnInit() {
}
}
UserInfoListComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-user-info-list',
template: "<span class=\"user-info-list\" style=\"float: right\" (mouseleave)=\"changeOpen=false\">\r\n <div class=\"header\" [ngClass]=\"{'bg':changeOpen}\" (mouseover)=\"changeOpen=true\">\r\n <img src=\"{{userHader}}\"/></div>\r\n <ul style=\"display: none\" [@displayState]=\"changeOpen == true? 'block' : 'none'\">\r\n <ng-content></ng-content>\r\n <!--<li (click)=\"nav('\u59D3\u540D')\">\u674E\u5148\u751F</li>\r\n <li (click)=\"nav('\u4FEE\u6539\u5BC6\u7801')\">\u4FEE\u6539\u5BC6\u7801</li>\r\n <li (click)=\"nav('\u9000\u51FA')\">\u9000\u51FA</li>-->\r\n </ul>\r\n</span>\r\n",
animations: [
trigger('displayState', [
state('none', style({
display: 'none', opacity: '0',
})),
state('block', style({
display: 'block', opacity: '1',
})),
transition('none => block', animate('100ms linear')),
transition('block => none', animate('80ms linear'))
])
],
styles: [":host>>>.user-info-list{font-size:14px;z-index:1000;margin-right:15px;height:50px;line-height:50px;display:block;float:right;position:relative}:host>>>.user-info-list .header{width:52px;height:43px;line-height:50px;display:inline-block;float:left;text-align:center;padding-top:7px}:host>>>.user-info-list .bg{background-color:#22272e}:host>>>.user-info-list ul{margin:0;position:absolute;right:0;top:50px;background:#22272e;color:#dadada;width:125px;padding:0;box-shadow:0 0 6px rgba(0,0,0,.4)}:host>>>.user-info-list ul li{list-style:none;color:#dadada;width:115px;height:42px;line-height:42px;text-align:left;display:block;padding-left:10px;cursor:pointer;border-bottom:1px solid #303844}:host>>>.user-info-list ul li:last-child{border-bottom-width:0}:host>>>.user-info-list ul li:hover{background-color:#2768ec}"]
}] }
];
/** @nocollapse */
UserInfoListComponent.ctorParameters = () => [];
UserInfoListComponent.propDecorators = {
userHader: [{ type: Input }]
};
if (false) {
/** @type {?} */
UserInfoListComponent.prototype.changeOpen;
/** @type {?} */
UserInfoListComponent.prototype.userHader;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZWNwLXVpLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9uYXYtbW9kdWxlL3VzZXItaW5mby1saXN0L3VzZXItaW5mby1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBZ0IsS0FBSyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBbUIvRSxNQUFNLE9BQU8scUJBQXFCO0lBTWhDO1FBTEEsZUFBVSxHQUFZLEtBQUssQ0FBQzs7UUFFbkIsY0FBUyxHQUFXLDR4REFBNHhELENBQUM7SUFHMXlELENBQUM7Ozs7SUFFakIsUUFBUTtJQUNSLENBQUM7OztZQTFCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsb29CQUE4QztnQkFFOUMsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxjQUFjLEVBQUU7d0JBQ3RCLEtBQUssQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDOzRCQUNsQixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHO3lCQUM5QixDQUFDLENBQUM7d0JBQ0gsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7NEJBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEdBQUc7eUJBQy9CLENBQUMsQ0FBQzt3QkFDSCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQzt3QkFDcEQsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUM7cUJBQ3BELENBQUM7aUJBQ0g7O2FBQ0Y7Ozs7O3dCQUlFLEtBQUs7Ozs7SUFGTiwyQ0FBNEI7O0lBRTVCLDBDQUEwekQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjcC11c2VyLWluZm8tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItaW5mby1saXN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi91c2VyLWluZm8tbGlzdC5jb21wb25lbnQuY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZGlzcGxheVN0YXRlJywgW1xyXG4gICAgICBzdGF0ZSgnbm9uZScsIHN0eWxlKHtcclxuICAgICAgICBkaXNwbGF5OiAnbm9uZScsIG9wYWNpdHk6ICcwJyxcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgnYmxvY2snLCBzdHlsZSh7XHJcbiAgICAgICAgZGlzcGxheTogJ2Jsb2NrJywgb3BhY2l0eTogJzEnLFxyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ25vbmUgPT4gYmxvY2snLCBhbmltYXRlKCcxMDBtcyBsaW5lYXInKSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2Jsb2NrID0+IG5vbmUnLCBhbmltYXRlKCc4MG1zIGxpbmVhcicpKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VySW5mb0xpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNoYW5nZU9wZW46IEJvb2xlYW4gPSBmYWxzZTtcclxuICAvL0BJbnB1dCgpIHVzZXJIYWRlcjogc3RyaW5nID0gJ2Fzc2V0cy9iYXNlL3VzZXJfZGVmYXVsdC5wbmcnO1xyXG4gIEBJbnB1dCgpIHVzZXJIYWRlcjogc3RyaW5nID0gJ2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1VBQUFBbENBWUFBQURGbmlBREFBQUFCR2RCVFVFQUFMR1BDL3hoQlFBQUFDQmpTRkpOQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQUJtSkxSMFFBQUFBQUFBRDVRN3QvQUFBQUNYQklXWE1BQUFzU0FBQUxFZ0hTM1g3OEFBQUVwa2xFUVZSWXc3MlhUV3dVWlJqSGYvUE96TzdzVjdkQUN0S1dMaENpb3RKSWNGRUQ0VFB1b1pvWU5TRjZrWXVKQ1FuRWd5Y3Z4ck5Lb2pFeFFreThlekx4VkFKeUlDQXBvS0Y4cVNDMmJ1bDIyOUx1YnJjN08xK3ZCMWl5dE4zWkdRdjhiN3Z6L04vNVBjKzhIOCtyRUZKbnIrVGo2YmkrSzJXb3U0MkkyQnpSeEFZZ0NXakFuT1Y0WTZibDNhaVk3cm55dkhQeTFSZDZpbUhmb1FRTkhMNVoyTDQ2SFRrVTFjVTc5eUdDeUswNzNvbmlyUFZkc1dUOXRIOWJuM3drVUwvL09iNnhkNVZ4VkZPVk44Tm0zQ3pIazhQNUtmUElpMCt2UGIwc3FOSHhxVU1kTWUwTElMWWNvQ2JKU3MwNWRxdFErMmpQMW5WbUtLZ3psL1BhTTkySjczVk5lZC92RGJOVm03c1ZtNXJsQVJEVkJSMXhqVlVwSFZXMHp0ZDI1YVUveHFvRE8vdDdKd0pCbmJtY1Z6ZjNKbjVVaGZKV3EwRk4yK05XWVo2cTZTNzVYRmNWTnE2SmswNW9MY0ZjVC81MUkxL2R0Nk8vTjk4V2FtcDY1Z2ROVlE2MkdxeHVlMXo3ZHc3YjlaK3ppZ0xQOWlSSXhWcURPYTRjdmpJNnQyUFAxbldWNXY5Rjg0OThZZnBEUHlDQTI4VmFXeUFBS2VHZm91a2JvNm5LbGsxcjQ4Y1cvdjhBYXZobVlYM1NVSS82RFdKYUh1VjVweTFRUXpYTFpiN3Urc1lrRGZYZDRadUZBMHRDZGErTWZnbkUvUVpvOTRJbEU3Rzl0akhkSzZOSFQxMGFmYkRDQmNDMXZ5ZjYvU1oyUTRwb0Y3RllmcXV3S2FibnFjN29CdzlCZGFVamh3bXdrZXBxZUNwZERYWm9kS1VqUjA1Y0dGRUF4UG1yWTFGZFZRNEVNUVpJZXBHVWdCNWRWVGFsWXRyTEFLSWpydTBBT29JWXgyZnFvYUVLTTFiZzJIUmNleDFBSkExMWQxQ1RDSnIyLzFRaXF1NEVFSWF1Ymc1cTByWHdVR0U4UmtROER5QjBUVmtmMU5UaHN6dTNVdElJN3RGVjBUVTROSklVUUNvd1ZGeGovZXJnRGNPRzFURTZFOEdoN3MrT2xBRFVNSm1IcVZaSFBGeGw1YjNUU3hXMkl5dGhqRVpFa0RUYTU1RTBWS0o2dUgzTmRqMkFpakJ0ZHl5VUUranJpdm51UDBKUnlJVDR6QTJadGxmT1pUTWxVVFhkNjJITlNVTWxIbWxkcllTaGtvaUdtaFVBVkUzM0JvQW96VHRuUTdzQnYrYkY5UUxkRHhhcHdTTEtOZWUwNDhyZzIrNWprdTFJS2pWbkVFQzg5bEttTkZtMmZnNXNkaVg1YVJQVGF0MlMxQ3lYMnhPMVVLMU9ZYlplbEpJVGNPOENTV0dtL3UyYXpzamJmc2RJcGVaUUxGbmNuYk1iUzdlbHBJVEpzc1ZrMlNJVjAxalRHV0ZGUW0rNU9GeFBVaXhaeDNQWmpBTk43Y3JWVzRWelBhdU1WNW9ENStzdTVackxkTVh5clV3UWFhckN5cVJPUjF3akZkTWVhbWxHSjgyNXdteDlReTZibVhwUUtZRHhtZnFSRlVuOVY2RW80czVNbmVtSzFiWWlZZVM0a21MSm9saXlVSURPcEU3M2lpaWVsQlJtNjU4MWdCNnFGTUF2djQxKzdyank0MGNKRTZDQzV4eFg3bXA4T2xod203RWQrWW1VbkhseVNFdzZybnl2R1dnUlZDNmJzWUUzZ09FbkFGUUNCbkxaek1qQ0I0c09wMXcyVXdMMkF1Y2ZJOUFFc0QrWHpWeFk2dUdTSjJZdW01a0c5Z0RIZVBRNkMyelBaVE1YV3dXMGJRc0hoMFlHZ0srQVRjdUVLUU9mcWtMNVp2KzJQdDhiYmFCZWRYQm9KQUljQkE0RFcwTEMzQUdPQTEvbnNwbTdRUXlobSs3Qm9aRitZQURZQlR3SDlDMFlad3E0enIzUGRGTFhsRk43dC9hRnVsb3YrM3B5NnVLb2NLVk1BNmlLVXQyM3JXL1poL3QvZ3Fxd3pvOWMzd1VBQUFBQVNVVk9SSzVDWUlJPSc7XHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==