dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
105 lines • 10.3 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';
var WelcomeComponent = /** @class */ (function () {
function WelcomeComponent(prj, cur, dialog) {
this.prj = prj;
this.cur = cur;
this.dialog = dialog;
this.hostClass = true;
this.isWrap = false;
}
/**
* @return {?}
*/
WelcomeComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
/** @type {?} */
var titleWidth = this.prj.projectLabel.length * 24;
/** @type {?} */
var welcomeWidth = this.mainDiv.nativeElement.getBoundingClientRect().width - 16;
if (titleWidth > welcomeWidth) {
this.isWrap = true;
}
else {
this.isWrap = false;
}
};
/**
* @return {?}
*/
WelcomeComponent.prototype.onResize = /**
* @return {?}
*/
function () {
// event.target.innerWidth;
/** @type {?} */
var titleWidth = this.prj.projectLabel.length * 24;
/** @type {?} */
var welcomeWidth = this.mainDiv.nativeElement.getBoundingClientRect().width - 16;
if (titleWidth > welcomeWidth) {
this.isWrap = true;
}
else {
this.isWrap = false;
}
};
/**
* @return {?}
*/
WelcomeComponent.prototype.openSetting = /**
* @return {?}
*/
function () {
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 = function () { return [
{ 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',] }]
};
return WelcomeComponent;
}());
export { WelcomeComponent };
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2VsY29tZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9kYndlYi1jb21tb24vIiwic291cmNlcyI6WyJsaWIvaW5kZXgvd2VsY29tZS93ZWxjb21lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFVLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzVELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRXBGO0lBYUMsMEJBQW1CLEdBQW1CLEVBQVMsR0FBbUIsRUFBVSxNQUFpQjtRQUExRSxRQUFHLEdBQUgsR0FBRyxDQUFnQjtRQUFTLFFBQUcsR0FBSCxHQUFHLENBQWdCO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQVB2RCxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBS3ZELFdBQU0sR0FBRyxLQUFLLENBQUM7SUFFaUYsQ0FBQzs7OztJQUVqRyxtQ0FBUTs7O0lBQVI7O1lBQ08sVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxFQUFFOztZQUM5QyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLEdBQUcsRUFBRTtRQUNsRixJQUFJLFVBQVUsR0FBRyxZQUFZLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDbkI7YUFBTTtZQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0YsQ0FBQzs7OztJQUVELG1DQUFROzs7SUFEUjs7O1lBR08sVUFBVSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxFQUFFOztZQUM5QyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLEdBQUcsRUFBRTtRQUNsRixJQUFJLFVBQVUsR0FBRyxZQUFZLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7U0FDbkI7YUFBTTtZQUNOLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0YsQ0FBQzs7OztJQUNELHNDQUFXOzs7SUFBWDtRQUNDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFO1lBQ3hDLEtBQUssRUFBRSxPQUFPO1lBQ2QsTUFBTSxFQUFFLE9BQU87WUFDZixTQUFTLEVBQUUsS0FBSztTQUNoQixDQUFDLENBQUM7SUFDSixDQUFDOztnQkF6Q0QsU0FBUyxTQUFDO29CQUNWLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLHF5QkFBdUM7O2lCQUV2Qzs7OztnQkFQd0IsY0FBYztnQkFBOUIsY0FBYztnQkFEZCxTQUFTOzs7NEJBVWhCLFdBQVcsU0FBQyx1QkFBdUI7MEJBRW5DLFNBQVMsU0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzJCQWdCbEMsWUFBWSxTQUFDLGVBQWU7O0lBa0I5Qix1QkFBQztDQUFBLEFBMUNELElBMENDO1NBckNZLGdCQUFnQjs7O0lBQzVCLHFDQUF1RDs7SUFFdkQsbUNBQ2lDOztJQUVqQyxrQ0FBZTs7SUFFSCwrQkFBMEI7O0lBQUUsK0JBQTBCOzs7OztJQUFFLGtDQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgT25Jbml0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBDdXJyZW50U2VydmljZSwgUHJvamVjdFNlcnZpY2UgfSBmcm9tICdkYndlYi1jb3JlJztcclxuaW1wb3J0IHsgU2V0dGluZ0RpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL3NldHRpbmctZGlhbG9nL3NldHRpbmctZGlhbG9nLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi13ZWxjb21lJyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vd2VsY29tZS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vd2VsY29tZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXZWxjb21lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRASG9zdEJpbmRpbmcoJ2NsYXNzLmMtaW5kZXgtd2VsY29tZScpIGhvc3RDbGFzcyA9IHRydWU7XHJcblxyXG5cdEBWaWV3Q2hpbGQoJ21haW4nLCB7IHN0YXRpYzogdHJ1ZSB9KVxyXG5cdG1haW5EaXY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG5cclxuXHRpc1dyYXAgPSBmYWxzZTtcclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHByajogUHJvamVjdFNlcnZpY2UsIHB1YmxpYyBjdXI6IEN1cnJlbnRTZXJ2aWNlLCBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7fVxyXG5cclxuXHRuZ09uSW5pdCgpIHtcclxuXHRcdGNvbnN0IHRpdGxlV2lkdGggPSB0aGlzLnByai5wcm9qZWN0TGFiZWwubGVuZ3RoICogMjQ7XHJcblx0XHRjb25zdCB3ZWxjb21lV2lkdGggPSB0aGlzLm1haW5EaXYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCAtIDE2O1xyXG5cdFx0aWYgKHRpdGxlV2lkdGggPiB3ZWxjb21lV2lkdGgpIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSB0cnVlO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblx0QEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXHJcblx0b25SZXNpemUoKSB7XHJcblx0XHQvLyBldmVudC50YXJnZXQuaW5uZXJXaWR0aDtcclxuXHRcdGNvbnN0IHRpdGxlV2lkdGggPSB0aGlzLnByai5wcm9qZWN0TGFiZWwubGVuZ3RoICogMjQ7XHJcblx0XHRjb25zdCB3ZWxjb21lV2lkdGggPSB0aGlzLm1haW5EaXYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCAtIDE2O1xyXG5cdFx0aWYgKHRpdGxlV2lkdGggPiB3ZWxjb21lV2lkdGgpIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSB0cnVlO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5pc1dyYXAgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblx0b3BlblNldHRpbmcoKSB7XHJcblx0XHR0aGlzLmRpYWxvZy5vcGVuKFNldHRpbmdEaWFsb2dDb21wb25lbnQsIHtcclxuXHRcdFx0d2lkdGg6ICc3MjBweCcsXHJcblx0XHRcdGhlaWdodDogJzQzNnB4JyxcclxuXHRcdFx0YXV0b0ZvY3VzOiBmYWxzZVxyXG5cdFx0fSk7XHJcblx0fVxyXG59XHJcbiJdfQ==