dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
99 lines • 9.88 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, HostListener, ViewChild, ElementRef } from '@angular/core';
import { MatDialog } from '@angular/material';
import { CurrentService, ProjectService } from 'dbweb-core';
import { SettingDialogComponent } from '../setting-dialog/setting-dialog.component';
export class WelcomeComponent {
/**
* @param {?} prj
* @param {?} cur
* @param {?} dialog
*/
constructor(prj, cur, dialog) {
this.prj = prj;
this.cur = cur;
this.dialog = dialog;
this.hostClass = true;
this.isWrap = false;
}
/**
* @return {?}
*/
ngOnInit() {
/** @type {?} */
const titleWidth = this.prj.projectLabel.length * 24;
/** @type {?} */
const welcomeWidth = this.mainDiv.nativeElement.getBoundingClientRect().width - 16;
if (titleWidth > welcomeWidth) {
this.isWrap = true;
}
else {
this.isWrap = false;
}
}
/**
* @return {?}
*/
onResize() {
// event.target.innerWidth;
/** @type {?} */
const titleWidth = this.prj.projectLabel.length * 24;
/** @type {?} */
const welcomeWidth = this.mainDiv.nativeElement.getBoundingClientRect().width - 16;
if (titleWidth > welcomeWidth) {
this.isWrap = true;
}
else {
this.isWrap = false;
}
}
/**
* @return {?}
*/
openSetting() {
this.dialog.open(SettingDialogComponent, {
width: '720px',
height: '436px',
autoFocus: false
});
}
}
WelcomeComponent.decorators = [
{ type: Component, args: [{
selector: 'common-welcome',
template: "<div class=\"welcome-main mat-elevation-z2\" #main>\r\n\t<header class=\"main-top\">\r\n\t\t<span class=\"top-left\">{{ cur.data.UserName }}\uFF0C\u6B22\u8FCE\u8BBF\u95EE</span>\r\n\t\t<span class=\"top-right\">v{{ prj.version }}</span>\r\n\t</header>\r\n\t<section class=\"main-box\">\r\n\t\t<img class=\"logo\" [src]=\"prj.logoImageURL()\" />\r\n\t\t<div [class]=\"!isWrap ? 'box-title':'box-title-2'\"><b>{{ prj.projectLabel }}</b></div>\r\n\t</section>\r\n\t<footer class=\"main-footer\">\r\n\t\t<div>\r\n\t\t\t<span class=\"welcome-owner\">{{ prj.projectOwner }}</span>\r\n\t\t</div>\r\n\t\t<div class=\"welcome-icon\">\r\n\t\t\t<mat-icon svgIcon=\"help\"></mat-icon>\r\n\t\t\t<mat-icon svgIcon=\"settings\" (click)=\"openSetting()\"></mat-icon>\r\n\t\t</div>\r\n\t</footer>\r\n</div>\r\n",
styles: [".welcome-main{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:236px;box-sizing:border-box;padding:8px;border-radius:4px;background:0 0/100% auto #666}.main-top{display:flex;justify-content:space-between;width:100%}.main-top .top-right{font-size:12px}.main-box{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.main-box .logo{width:80px;height:80px;margin-top:16px;margin-bottom:16px}.main-box .box-title{text-align:center;font-size:24px}.main-box .box-title-2{text-align:left;font-size:18px}.main-footer{display:flex;justify-content:space-between;width:100%;box-sizing:border-box}.main-footer .welcome-owner{font-size:12px}.main-footer .welcome-icon{flex-shrink:0}.main-footer .welcome-icon .mat-icon{margin-left:8px;cursor:pointer}.welcome-all{width:100%;height:100%;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:url(/front/assets/login/bg_logo.jpg) center bottom/100% auto no-repeat}.welcome-top{width:100%;display:flex;flex-direction:column;align-items:center}.welcome-top .honorific{width:100%;padding:8px 0 16px 8px;box-sizing:border-box;display:block;text-align:left;font-size:18px}.welcome-top .logo{width:80px;height:80px;margin-bottom:16px}.welcome-top .labelName{font-size:24px;font-weight:700;position:relative}.welcome-top .labelName .edition{display:block;width:40px;height:16px;border-radius:8px;line-height:16px;text-align:center;font-size:10px;font-weight:500;position:absolute;top:0;right:-44px}.welcome-bottom{width:100%;padding:0 8px 8px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end}.welcome-bottom .welcome-owner{font-size:12px}.welcome-bottom .welcome-icon{flex-shrink:0}.welcome-bottom .welcome-icon .mat-icon{margin-left:8px;cursor:pointer}"]
}] }
];
/** @nocollapse */
WelcomeComponent.ctorParameters = () => [
{ type: ProjectService },
{ type: CurrentService },
{ type: MatDialog }
];
WelcomeComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-welcome',] }],
mainDiv: [{ type: ViewChild, args: ['main', { static: true },] }],
onResize: [{ type: HostListener, args: ['window:resize',] }]
};
if (false) {
/** @type {?} */
WelcomeComponent.prototype.hostClass;
/** @type {?} */
WelcomeComponent.prototype.mainDiv;
/** @type {?} */
WelcomeComponent.prototype.isWrap;
/** @type {?} */
WelcomeComponent.prototype.prj;
/** @type {?} */
WelcomeComponent.prototype.cur;
/**
* @type {?}
* @private
*/
WelcomeComponent.prototype.dialog;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2VsY29tZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9kYndlYi1jb21tb24vIiwic291cmNlcyI6WyJsaWIvaW5kZXgvd2VsY29tZS93ZWxjb21lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFVLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzVELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBT3BGLE1BQU0sT0FBTyxnQkFBZ0I7Ozs7OztJQVE1QixZQUFtQixHQUFtQixFQUFTLEdBQW1CLEVBQVUsTUFBaUI7UUFBMUUsUUFBRyxHQUFILEdBQUcsQ0FBZ0I7UUFBUyxRQUFHLEdBQUgsR0FBRyxDQUFnQjtRQUFVLFdBQU0sR0FBTixNQUFNLENBQVc7UUFQdkQsY0FBUyxHQUFHLElBQUksQ0FBQztRQUt2RCxXQUFNLEdBQUcsS0FBSyxDQUFDO0lBRWlGLENBQUM7Ozs7SUFFakcsUUFBUTs7Y0FDRCxVQUFVLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLEVBQUU7O2NBQzlDLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEtBQUssR0FBRyxFQUFFO1FBQ2xGLElBQUksVUFBVSxHQUFHLFlBQVksRUFBRTtZQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztTQUNuQjthQUFNO1lBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7U0FDcEI7SUFDRixDQUFDOzs7O0lBRUQsUUFBUTs7O2NBRUQsVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxFQUFFOztjQUM5QyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLEdBQUcsRUFBRTtRQUNsRixJQUFJLFVBQVUsR0FBRyxZQUFZLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDbkI7YUFBTTtZQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0YsQ0FBQzs7OztJQUNELFdBQVc7UUFDVixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRTtZQUN4QyxLQUFLLEVBQUUsT0FBTztZQUNkLE1BQU0sRUFBRSxPQUFPO1lBQ2YsU0FBUyxFQUFFLEtBQUs7U0FDaEIsQ0FBQyxDQUFDO0lBQ0osQ0FBQzs7O1lBekNELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixxeUJBQXVDOzthQUV2Qzs7OztZQVB3QixjQUFjO1lBQTlCLGNBQWM7WUFEZCxTQUFTOzs7d0JBVWhCLFdBQVcsU0FBQyx1QkFBdUI7c0JBRW5DLFNBQVMsU0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3VCQWdCbEMsWUFBWSxTQUFDLGVBQWU7Ozs7SUFsQjdCLHFDQUF1RDs7SUFFdkQsbUNBQ2lDOztJQUVqQyxrQ0FBZTs7SUFFSCwrQkFBMEI7O0lBQUUsK0JBQTBCOzs7OztJQUFFLGtDQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgT25Jbml0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBDdXJyZW50U2VydmljZSwgUHJvamVjdFNlcnZpY2UgfSBmcm9tICdkYndlYi1jb3JlJztcclxuaW1wb3J0IHsgU2V0dGluZ0RpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL3NldHRpbmctZGlhbG9nL3NldHRpbmctZGlhbG9nLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi13ZWxjb21lJyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vd2VsY29tZS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vd2VsY29tZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXZWxjb21lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmMtaW5kZXgtd2VsY29tZScpIGhvc3RDbGFzcyA9IHRydWU7XHJcblxyXG5cdEBWaWV3Q2hpbGQoJ21haW4nLCB7IHN0YXRpYzogdHJ1ZSB9KVxyXG5cdG1haW5EaXY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG5cclxuXHRpc1dyYXAgPSBmYWxzZTtcclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHByajogUHJvamVjdFNlcnZpY2UsIHB1YmxpYyBjdXI6IEN1cnJlbnRTZXJ2aWNlLCBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7fVxyXG5cclxuXHRuZ09uSW5pdCgpIHtcclxuXHRcdGNvbnN0IHRpdGxlV2lkdGggPSB0aGlzLnByai5wcm9qZWN0TGFiZWwubGVuZ3RoICogMjQ7XHJcblx0XHRjb25zdCB3ZWxjb21lV2lkdGggPSB0aGlzLm1haW5EaXYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCAtIDE2O1xyXG5cdFx0aWYgKHRpdGxlV2lkdGggPiB3ZWxjb21lV2lkdGgpIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSB0cnVlO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblx0QEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXHJcblx0b25SZXNpemUoKSB7XHJcblx0XHQvLyBldmVudC50YXJnZXQuaW5uZXJXaWR0aDtcclxuXHRcdGNvbnN0IHRpdGxlV2lkdGggPSB0aGlzLnByai5wcm9qZWN0TGFiZWwubGVuZ3RoICogMjQ7XHJcblx0XHRjb25zdCB3ZWxjb21lV2lkdGggPSB0aGlzLm1haW5EaXYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCAtIDE2O1xyXG5cdFx0aWYgKHRpdGxlV2lkdGggPiB3ZWxjb21lV2lkdGgpIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSB0cnVlO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblx0b3BlblNldHRpbmcoKSB7XHJcblx0XHR0aGlzLmRpYWxvZy5vcGVuKFNldHRpbmdEaWFsb2dDb21wb25lbnQsIHtcclxuXHRcdFx0d2lkdGg6ICc3MjBweCcsXHJcblx0XHRcdGhlaWdodDogJzQzNnB4JyxcclxuXHRcdFx0YXV0b0ZvY3VzOiBmYWxzZVxyXG5cdFx0fSk7XHJcblx0fVxyXG59XHJcbiJdfQ==