dbweb-common
Version:
用`yarn add dbweb-common`安装，不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
77 lines • 8.13 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding } from '@angular/core';
import { ElementsService } from 'dbweb-core';
import { IndexService } from '../index.service';
var NoticeComponent = /** @class */ (function () {
function NoticeComponent(svr, eles) {
var _this = this;
this.svr = svr;
this.eles = eles;
this.hostClass = true;
this.navName = 'notice';
this.navSize = this.svr.userSetting.Cards.find((/**
* @param {?} x
* @return {?}
*/
function (x) { return x.Type === _this.navName; })).Size;
}
/**
* @return {?}
*/
NoticeComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.svr.initNotice();
};
Object.defineProperty(NoticeComponent.prototype, "hasNotReadNoticeCount", {
get: /**
* @return {?}
*/
function () {
if (this.svr.notice) {
return this.svr.notice.filter((/**
* @param {?} v
* @return {?}
*/
function (v) { return !v.IsReaded; })).length;
}
return 0;
},
enumerable: true,
configurable: true
});
NoticeComponent.decorators = [
{ type: Component, args: [{
selector: 'common-notice',
template: "<section class=\"notice-main mat-elevation-z2\">\r\n\t<!-- \u2193 \u6807\u9898 \u2193 -->\r\n\t<div class=\"notice-title\">\r\n\t\t<div class=\"title-left\">\r\n\t\t\t<mat-icon class=\"apps\" svgIcon=\"notifications\"></mat-icon>\r\n\t\t\t<span>\u6D88\u606F\u901F\u89C8</span>\r\n\t\t\t<div class=\"unRead\" *ngIf=\"hasNotReadNoticeCount>0\">\r\n\t\t\t\t<div class=\"unRead-circle\">\r\n\t\t\t\t\t{{hasNotReadNoticeCount}}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"title-right\">\r\n\t\t\t<common-more-vert [typeName]=\"navName\" [theNavSize]=\"navSize\">\r\n\t\t\t</common-more-vert>\r\n\t\t</div>\r\n\r\n\t</div>\r\n\t<!-- \u2193 \u6D88\u606F\u660E\u7EC6 \u2193 -->\r\n\t<div class=\"notice-wrapper\">\r\n\t\t<a class=\"per-notice\" *ngFor=\"let item of svr.notice\" [routerLink]=\"item.FrontURL\">\r\n\t\t\t<div class=\"notice-left\">\r\n\t\t\t\t<div class=\"notice-left-icon\">\r\n\t\t\t\t\t<mat-icon class=\"warn-circle\" color=\"warn\" svgIcon=\"fiber_manual_record\" *ngIf=\"!item.IsReaded\">\r\n\t\t\t\t\t</mat-icon>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"left-text\">{{item.Title}}</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"notice-right\">{{item.Time|date:'MM/dd'}}</div>\r\n\t\t</a>\r\n\t</div>\r\n\t<div class=\"shape\">\r\n\t</div>\r\n\t<a class=\"more\" [routerLink]=\"eles.frontElementURL('list-my-notice')\">\u67E5\u770B\u66F4\u591A\r\n\t\t<mat-icon svgIcon=\"navigate_next\"></mat-icon>\r\n\t</a>\r\n\r\n</section>",
styles: [".notice-main{position:relative;width:100%;height:100%;box-sizing:border-box;padding:8px;border-radius:4px}.notice-title{display:flex;justify-content:space-between;align-items:center;width:100%;height:24px;box-sizing:border-box;margin-bottom:16px;color:#c57a56}.notice-title .title-left{display:flex;align-items:center}.notice-title span{padding-left:8px;padding-right:8px;font:16px bold}.notice-title .unRead-circle{width:24px;height:20px;line-height:20px;border-radius:10px;text-align:center;font-size:14px;color:#fff}.notice-title .title-right{display:none}.notice-main:hover .title-right{display:flex}.notice-wrapper{width:100%;height:224px;box-sizing:border-box;padding-left:16px;padding-right:16px;font-size:14px;overflow:hidden}.per-notice{text-decoration:none;width:100%;display:flex;justify-content:space-between;align-items:center;height:24px;box-sizing:border-box;margin-bottom:16px;cursor:pointer}.notice-left{display:flex;width:calc(100% - 30px - 16px - 8px);height:24px;box-sizing:border-box}.notice-left .notice-left-icon{width:8px;margin-right:8px}.notice-left .left-text{box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-right{width:30px;height:24px;text-align:right;box-sizing:border-box}.warn-circle{width:8px;height:8px}.more{cursor:pointer;position:absolute;right:0;bottom:4px;display:flex;align-items:center;height:12px;line-height:12px;margin-bottom:4px;text-decoration:none;font-size:12px}.shape{position:absolute;bottom:0;right:0;width:100%;height:32px;border-radius:4px}"]
}] }
];
/** @nocollapse */
NoticeComponent.ctorParameters = function () { return [
{ type: IndexService },
{ type: ElementsService }
]; };
NoticeComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-notice',] }]
};
return NoticeComponent;
}());
export { NoticeComponent };
if (false) {
/** @type {?} */
NoticeComponent.prototype.hostClass;
/** @type {?} */
NoticeComponent.prototype.navName;
/** @type {?} */
NoticeComponent.prototype.navSize;
/** @type {?} */
NoticeComponent.prototype.svr;
/** @type {?} */
NoticeComponent.prototype.eles;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9ub3RpY2Uvbm90aWNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQVksWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFMUQ7SUFVQyx5QkFBbUIsR0FBaUIsRUFBUyxJQUFxQjtRQUFsRSxpQkFFQztRQUZrQixRQUFHLEdBQUgsR0FBRyxDQUFjO1FBQVMsU0FBSSxHQUFKLElBQUksQ0FBaUI7UUFKN0IsY0FBUyxHQUFHLElBQUksQ0FBQztRQUN0RCxZQUFPLEdBQUcsUUFBUSxDQUFDO1FBSWxCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUk7Ozs7UUFBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssS0FBSSxDQUFDLE9BQU8sRUFBdkIsQ0FBdUIsRUFBQyxDQUFDLElBQUksQ0FBQztJQUNuRixDQUFDOzs7O0lBRUQsa0NBQVE7OztJQUFSO1FBQ0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBQ0Qsc0JBQUksa0RBQXFCOzs7O1FBQXpCO1lBQ0MsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRTtnQkFDcEIsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxNQUFNOzs7O2dCQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFYLENBQVcsRUFBQyxDQUFDLE1BQU0sQ0FBQzthQUN2RDtZQUNELE9BQU8sQ0FBQyxDQUFDO1FBQ1YsQ0FBQzs7O09BQUE7O2dCQXRCRCxTQUFTLFNBQUM7b0JBQ1YsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLGk4Q0FBc0M7O2lCQUV0Qzs7OztnQkFOa0IsWUFBWTtnQkFEdEIsZUFBZTs7OzRCQVN0QixXQUFXLFNBQUMsc0JBQXNCOztJQWlCcEMsc0JBQUM7Q0FBQSxBQXZCRCxJQXVCQztTQWxCWSxlQUFlOzs7SUFDM0Isb0NBQXNEOztJQUN0RCxrQ0FBbUI7O0lBQ25CLGtDQUFrQjs7SUFFTiw4QkFBd0I7O0lBQUUsK0JBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsZW1lbnRzU2VydmljZSB9IGZyb20gJ2Rid2ViLWNvcmUnO1xyXG5pbXBvcnQgeyBDYXJkU2l6ZSwgSW5kZXhTZXJ2aWNlIH0gZnJvbSAnLi4vaW5kZXguc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2NvbW1vbi1ub3RpY2UnLFxyXG5cdHRlbXBsYXRlVXJsOiAnLi9ub3RpY2UuY29tcG9uZW50Lmh0bWwnLFxyXG5cdHN0eWxlVXJsczogWycuL25vdGljZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpY2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdEBIb3N0QmluZGluZygnY2xhc3MuYy1pbmRleC1ub3RpY2UnKSBob3N0Q2xhc3MgPSB0cnVlO1xyXG5cdG5hdk5hbWUgPSAnbm90aWNlJztcclxuXHRuYXZTaXplOiBDYXJkU2l6ZTtcclxuXHJcblx0Y29uc3RydWN0b3IocHVibGljIHN2cjogSW5kZXhTZXJ2aWNlLCBwdWJsaWMgZWxlczogRWxlbWVudHNTZXJ2aWNlKSB7XHJcblx0XHR0aGlzLm5hdlNpemUgPSB0aGlzLnN2ci51c2VyU2V0dGluZy5DYXJkcy5maW5kKHggPT4geC5UeXBlID09PSB0aGlzLm5hdk5hbWUpLlNpemU7XHJcblx0fVxyXG5cclxuXHRuZ09uSW5pdCgpIHtcclxuXHRcdHRoaXMuc3ZyLmluaXROb3RpY2UoKTtcclxuXHR9XHJcblx0Z2V0IGhhc05vdFJlYWROb3RpY2VDb3VudCgpIHtcclxuXHRcdGlmICh0aGlzLnN2ci5ub3RpY2UpIHtcclxuXHRcdFx0cmV0dXJuIHRoaXMuc3ZyLm5vdGljZS5maWx0ZXIodiA9PiAhdi5Jc1JlYWRlZCkubGVuZ3RoO1xyXG5cdFx0fVxyXG5cdFx0cmV0dXJuIDA7XHJcblx0fVxyXG59XHJcbiJdfQ==