dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
75 lines • 7.42 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { MatIconRegistry } from '@angular/material/icon';
import { DomSanitizer } from '@angular/platform-browser';
import { IndexService } from './index.service';
export class IndexComponent {
/**
* @param {?} svr
* @param {?} iconRegistry
* @param {?} sanitizer
*/
constructor(svr, iconRegistry, sanitizer) {
this.svr = svr;
this.iconRegistry = iconRegistry;
this.sanitizer = sanitizer;
// class前加c-，防止重名
this.hostClass = true;
this.svr.init();
/** @type {?} */
const icons = ['arrow_expand'];
icons.forEach((/**
* @param {?} v
* @return {?}
*/
v => {
iconRegistry.addSvgIcon(v, sanitizer.bypassSecurityTrustResourceUrl('assets/index/icon/' + v + '.svg'));
}));
}
/**
* @return {?}
*/
ngOnInit() { }
/**
* @return {?}
*/
test() {
console.log(this.svr.userSetting.Layout);
}
}
IndexComponent.decorators = [
{ type: Component, args: [{
selector: 'common-index',
template: "<div class=\"index-main\" *ngIf=\"svr.inited\">\r\n\t<div class=\"main-wrapper\" [ngClass]=\"'layout-'+svr.userSetting.Layout\">\r\n\t\t<!-- \u25BD 1. \u7B2C\u4E00\u884C\u9ED8\u8BA4\u884C welcome && banner \u25BD -->\r\n\t\t<div class=\"list-1 default-row\">\r\n\t\t\t<common-welcome></common-welcome>\r\n\t\t</div>\r\n\t\t<div class=\"list-2 default-row\">\r\n\t\t\t<common-banner></common-banner>\r\n\t\t</div>\r\n\t\t<!-- \u25BD 2. \u81EA\u5B9A\u4E49\u5E03\u5C40\u90E8\u5206 \u25BD -->\r\n\t\t<ng-container *ngFor=\"let card of svr.userSetting.Cards\"\r\n\t\t\t[ngSwitch]=\"card.Type\">\r\n\t\t\t<div class=\"defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'navigation'\">\r\n\t\t\t\t<common-navigation></common-navigation>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'calendar'\">\r\n\t\t\t\t<common-calendar></common-calendar>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'notice'\">\r\n\t\t\t\t<common-notice></common-notice>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-2 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : 'list-2-2'\"\r\n\t\t\t\t*ngSwitchCase=\"'datalist'\">\r\n\t\t\t\t<common-data-list></common-data-list>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"list-1 defined-row\"\r\n\t\t\t\t[ngClass]=\"card.Size === 'lg' ? 'list-3' : (card.Size === 'md' ? 'list-2' : 'list-1')\"\r\n\t\t\t\t*ngSwitchCase=\"'chart'\">\r\n\t\t\t\t<common-chart></common-chart>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t</div>\r\n</div>",
styles: ["@media (max-width:767px){.list-1,.list-2,.list-3{width:calc(100% - 8px)}}@media (max-width:1199px) and (min-width:768px){.list-1,.list-2{width:calc((100% - 16px)/ 2)}.list-2-2,.list-3{width:calc(100% - 8px)}}@media (min-width:1200px){.list-1{width:calc((100% - 24px)/ 3)}.list-2{width:calc((100% - 24px)/ 3 * 2 + 8px)}.list-3{width:calc(100% - 8px)}}.index-main{width:100%;height:calc(100vh - 30px);box-sizing:border-box;padding:24px 16px 0 24px;overflow:auto}.main-wrapper{display:flex;flex-wrap:wrap;min-width:280px;box-sizing:border-box;margin:0 auto}.list-1,.list-2,.list-3{box-sizing:border-box;padding:0 4px 4px;margin-bottom:16px;margin-right:8px}.default-row{height:240px}.defined-row{height:280px}.index-box{width:100%;height:100%}.layout-auto{width:100%}.layout-simple{max-width:960px!important}"]
}] }
];
/** @nocollapse */
IndexComponent.ctorParameters = () => [
{ type: IndexService },
{ type: MatIconRegistry },
{ type: DomSanitizer }
];
IndexComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index',] }]
};
if (false) {
/** @type {?} */
IndexComponent.prototype.hostClass;
/** @type {?} */
IndexComponent.prototype.svr;
/**
* @type {?}
* @private
*/
IndexComponent.prototype.iconRegistry;
/**
* @type {?}
* @private
*/
IndexComponent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vZGJ3ZWItY29tbW9uLyIsInNvdXJjZXMiOlsibGliL2luZGV4L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFPL0MsTUFBTSxPQUFPLGNBQWM7Ozs7OztJQUkxQixZQUFtQixHQUFpQixFQUFVLFlBQTZCLEVBQVUsU0FBdUI7UUFBekYsUUFBRyxHQUFILEdBQUcsQ0FBYztRQUFVLGlCQUFZLEdBQVosWUFBWSxDQUFpQjtRQUFVLGNBQVMsR0FBVCxTQUFTLENBQWM7O1FBRjlFLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFHOUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQzs7Y0FDVixLQUFLLEdBQUcsQ0FBQyxjQUFjLENBQUM7UUFDOUIsS0FBSyxDQUFDLE9BQU87Ozs7UUFBQyxDQUFDLENBQUMsRUFBRTtZQUNqQixZQUFZLENBQUMsVUFBVSxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsOEJBQThCLENBQUMsb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUM7UUFDekcsQ0FBQyxFQUFDLENBQUM7SUFDSixDQUFDOzs7O0lBQ0QsUUFBUSxLQUFJLENBQUM7Ozs7SUFFYixJQUFJO1FBQ0gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDOzs7WUFwQkQsU0FBUyxTQUFDO2dCQUNWLFFBQVEsRUFBRSxjQUFjO2dCQUN4QiwyeURBQXFDOzthQUVyQzs7OztZQU5RLFlBQVk7WUFGWixlQUFlO1lBQ2YsWUFBWTs7O3dCQVVuQixXQUFXLFNBQUMsZUFBZTs7OztJQUE1QixtQ0FBK0M7O0lBRW5DLDZCQUF3Qjs7Ozs7SUFBRSxzQ0FBcUM7Ozs7O0lBQUUsbUNBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEljb25SZWdpc3RyeSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgSW5kZXhTZXJ2aWNlIH0gZnJvbSAnLi9pbmRleC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLWluZGV4JyxcclxuXHR0ZW1wbGF0ZVVybDogJy4vaW5kZXguY29tcG9uZW50Lmh0bWwnLFxyXG5cdHN0eWxlVXJsczogWycuL2luZGV4LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEluZGV4Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHQvLyBjbGFzc+WJjeWKoGMt77yM6Ziy5q2i6YeN5ZCNXHJcblx0QEhvc3RCaW5kaW5nKCdjbGFzcy5jLWluZGV4JykgaG9zdENsYXNzID0gdHJ1ZTtcclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogSW5kZXhTZXJ2aWNlLCBwcml2YXRlIGljb25SZWdpc3RyeTogTWF0SWNvblJlZ2lzdHJ5LCBwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XHJcblx0XHR0aGlzLnN2ci5pbml0KCk7XHJcblx0XHRjb25zdCBpY29ucyA9IFsnYXJyb3dfZXhwYW5kJ107XHJcblx0XHRpY29ucy5mb3JFYWNoKHYgPT4ge1xyXG5cdFx0XHRpY29uUmVnaXN0cnkuYWRkU3ZnSWNvbih2LCBzYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKCdhc3NldHMvaW5kZXgvaWNvbi8nICsgdiArICcuc3ZnJykpO1xyXG5cdFx0fSk7XHJcblx0fVxyXG5cdG5nT25Jbml0KCkge31cclxuXHJcblx0dGVzdCgpIHtcclxuXHRcdGNvbnNvbGUubG9nKHRoaXMuc3ZyLnVzZXJTZXR0aW5nLkxheW91dCk7XHJcblx0fVxyXG59XHJcbiJdfQ==