dbweb-common
Version:
用`yarn add dbweb-common`安装,不要忘记修改`angular.json`里的 `architect\build\options\assets`,加上
71 lines • 7.58 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';
export class NoticeComponent {
/**
* @param {?} svr
* @param {?} eles
*/
constructor(svr, eles) {
this.svr = svr;
this.eles = eles;
this.hostClass = true;
this.navName = 'notice';
this.navSize = this.svr.userSetting.Cards.find((/**
* @param {?} x
* @return {?}
*/
x => x.Type === this.navName)).Size;
}
/**
* @return {?}
*/
ngOnInit() {
this.svr.initNotice();
}
/**
* @return {?}
*/
get hasNotReadNoticeCount() {
if (this.svr.notice) {
return this.svr.notice.filter((/**
* @param {?} v
* @return {?}
*/
v => !v.IsReaded)).length;
}
return 0;
}
}
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 = () => [
{ type: IndexService },
{ type: ElementsService }
];
NoticeComponent.propDecorators = {
hostClass: [{ type: HostBinding, args: ['class.c-index-notice',] }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Rid2ViLWNvbW1vbi8iLCJzb3VyY2VzIjpbImxpYi9pbmRleC9ub3RpY2Uvbm90aWNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQVksWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFPMUQsTUFBTSxPQUFPLGVBQWU7Ozs7O0lBSzNCLFlBQW1CLEdBQWlCLEVBQVMsSUFBcUI7UUFBL0MsUUFBRyxHQUFILEdBQUcsQ0FBYztRQUFTLFNBQUksR0FBSixJQUFJLENBQWlCO1FBSjdCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEQsWUFBTyxHQUFHLFFBQVEsQ0FBQztRQUlsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJOzs7O1FBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxPQUFPLEVBQUMsQ0FBQyxJQUFJLENBQUM7SUFDbkYsQ0FBQzs7OztJQUVELFFBQVE7UUFDUCxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7Ozs7SUFDRCxJQUFJLHFCQUFxQjtRQUN4QixJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3BCLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsTUFBTTs7OztZQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFDLENBQUMsTUFBTSxDQUFDO1NBQ3ZEO1FBQ0QsT0FBTyxDQUFDLENBQUM7SUFDVixDQUFDOzs7WUF0QkQsU0FBUyxTQUFDO2dCQUNWLFFBQVEsRUFBRSxlQUFlO2dCQUN6QixpOENBQXNDOzthQUV0Qzs7OztZQU5rQixZQUFZO1lBRHRCLGVBQWU7Ozt3QkFTdEIsV0FBVyxTQUFDLHNCQUFzQjs7OztJQUFuQyxvQ0FBc0Q7O0lBQ3RELGtDQUFtQjs7SUFDbkIsa0NBQWtCOztJQUVOLDhCQUF3Qjs7SUFBRSwrQkFBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWxlbWVudHNTZXJ2aWNlIH0gZnJvbSAnZGJ3ZWItY29yZSc7XHJcbmltcG9ydCB7IENhcmRTaXplLCBJbmRleFNlcnZpY2UgfSBmcm9tICcuLi9pbmRleC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAnY29tbW9uLW5vdGljZScsXHJcblx0dGVtcGxhdGVVcmw6ICcuL25vdGljZS5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmxzOiBbJy4vbm90aWNlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblx0QEhvc3RCaW5kaW5nKCdjbGFzcy5jLWluZGV4LW5vdGljZScpIGhvc3RDbGFzcyA9IHRydWU7XHJcblx0bmF2TmFtZSA9ICdub3RpY2UnO1xyXG5cdG5hdlNpemU6IENhcmRTaXplO1xyXG5cclxuXHRjb25zdHJ1Y3RvcihwdWJsaWMgc3ZyOiBJbmRleFNlcnZpY2UsIHB1YmxpYyBlbGVzOiBFbGVtZW50c1NlcnZpY2UpIHtcclxuXHRcdHRoaXMubmF2U2l6ZSA9IHRoaXMuc3ZyLnVzZXJTZXR0aW5nLkNhcmRzLmZpbmQoeCA9PiB4LlR5cGUgPT09IHRoaXMubmF2TmFtZSkuU2l6ZTtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0dGhpcy5zdnIuaW5pdE5vdGljZSgpO1xyXG5cdH1cclxuXHRnZXQgaGFzTm90UmVhZE5vdGljZUNvdW50KCkge1xyXG5cdFx0aWYgKHRoaXMuc3ZyLm5vdGljZSkge1xyXG5cdFx0XHRyZXR1cm4gdGhpcy5zdnIubm90aWNlLmZpbHRlcih2ID0+ICF2LklzUmVhZGVkKS5sZW5ndGg7XHJcblx0XHR9XHJcblx0XHRyZXR1cm4gMDtcclxuXHR9XHJcbn1cclxuIl19