@alauda-fe/common
Version:
Alauda frontend team common codes.
72 lines • 10.5 kB
JavaScript
import { NgIf } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { getJobStatus, getWorkloadStatus, JobStatusColorMapper, JobStatusIconMapper, parseToWorkloadStatus, PurePipe, WorkloadStatusColorMapper, WorkloadStatusIconMapper, } from '../core/public-api';
import { StatusIconComponent } from '../widget/public-api';
import * as i0 from "@angular/core";
function WorkloadStatusIconComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "acl-status-icon", 2);
i0.ɵɵpipe(2, "pure");
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance();
i0.ɵɵproperty("status", i0.ɵɵpipeBind2(2, 3, ctx_r0.resource, ctx_r0.getJobStatus))("colorMapper", ctx_r0.JobStatusColorMapper)("iconMapper", ctx_r0.JobStatusIconMapper);
} }
function WorkloadStatusIconComponent_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelement(1, "acl-status-icon", 2);
i0.ɵɵpipe(2, "pure");
i0.ɵɵelementStart(3, "span");
i0.ɵɵtext(4);
i0.ɵɵpipe(5, "pure");
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const workloadStatus_r2 = ctx.ngIf;
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("status", i0.ɵɵpipeBind2(2, 4, workloadStatus_r2, ctx_r0.getWorkloadStatus))("colorMapper", ctx_r0.WorkloadStatusColorMapper)("iconMapper", ctx_r0.WorkloadStatusIconMapper);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(5, 7, workloadStatus_r2, ctx_r0.getInstancesText));
} }
function WorkloadStatusIconComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, WorkloadStatusIconComponent_ng_template_1_ng_container_0_Template, 6, 10, "ng-container", 3);
i0.ɵɵpipe(1, "pure");
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind2(1, 1, ctx_r0.resource, ctx_r0.parseToWorkloadStatus));
} }
/**
* http://confluence.alaudatech.com/pages/viewpage.action?pageId=27178273
*/
export class WorkloadStatusIconComponent {
constructor() {
this.getWorkloadStatus = getWorkloadStatus;
this.parseToWorkloadStatus = parseToWorkloadStatus;
this.WorkloadStatusColorMapper = WorkloadStatusColorMapper;
this.WorkloadStatusIconMapper = WorkloadStatusIconMapper;
this.getJobStatus = getJobStatus;
this.JobStatusColorMapper = JobStatusColorMapper;
this.JobStatusIconMapper = JobStatusIconMapper;
this.isJob = (resource) => resource?.kind === 'Job';
}
getInstancesText(status) {
return `(${status.current || 0}/${status.desired || 0})`;
}
static { this.ɵfac = function WorkloadStatusIconComponent_Factory(t) { return new (t || WorkloadStatusIconComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkloadStatusIconComponent, selectors: [["rc-workload-status-icon"]], inputs: { resource: "resource" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 2, consts: [["baseWorkloadStatusTemplate", ""], [4, "ngIf", "ngIfElse"], [3, "status", "colorMapper", "iconMapper"], [4, "ngIf"]], template: function WorkloadStatusIconComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, WorkloadStatusIconComponent_ng_container_0_Template, 3, 6, "ng-container", 1)(1, WorkloadStatusIconComponent_ng_template_1_Template, 2, 4, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const baseWorkloadStatusTemplate_r3 = i0.ɵɵreference(2);
i0.ɵɵproperty("ngIf", ctx.isJob(ctx.resource))("ngIfElse", baseWorkloadStatusTemplate_r3);
} }, dependencies: [NgIf, StatusIconComponent, PurePipe], styles: ["[_nghost-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%] aui-icon[_ngcontent-%COMP%], [_nghost-%COMP%] > span[_ngcontent-%COMP%]{margin-right:2px;line-height:20px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkloadStatusIconComponent, [{
type: Component,
args: [{ selector: 'rc-workload-status-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, StatusIconComponent, PurePipe], template: "<ng-container *ngIf=\"isJob(resource); else baseWorkloadStatusTemplate\">\n <acl-status-icon\n [status]=\"resource | pure: getJobStatus\"\n [colorMapper]=\"JobStatusColorMapper\"\n [iconMapper]=\"JobStatusIconMapper\"\n ></acl-status-icon>\n</ng-container>\n<ng-template #baseWorkloadStatusTemplate>\n <ng-container\n *ngIf=\"resource | pure: parseToWorkloadStatus as workloadStatus\"\n >\n <acl-status-icon\n [status]=\"workloadStatus | pure: getWorkloadStatus\"\n [colorMapper]=\"WorkloadStatusColorMapper\"\n [iconMapper]=\"WorkloadStatusIconMapper\"\n ></acl-status-icon>\n <span>{{ workloadStatus | pure: getInstancesText }}</span>\n </ng-container>\n</ng-template>\n", styles: [":host{display:flex;align-items:center}:host aui-icon,:host>span{margin-right:2px;line-height:20px}\n"] }]
}], null, { resource: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkloadStatusIconComponent, { className: "WorkloadStatusIconComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3dvcmtsb2FkLXN0YXR1cy1pY29uL2NvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy93b3JrbG9hZC1zdGF0dXMtaWNvbi90ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBRUwsWUFBWSxFQUNaLGlCQUFpQixFQUVqQixvQkFBb0IsRUFDcEIsbUJBQW1CLEVBRW5CLHFCQUFxQixFQUNyQixRQUFRLEVBQ1IseUJBQXlCLEVBQ3pCLHdCQUF3QixHQUN6QixNQUFNLG9CQUFvQixDQUFDO0FBQzVCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7SUNoQjNELDZCQUF1RTtJQUNyRSxxQ0FJbUI7Ozs7O0lBSGpCLGNBQXdDO0lBRXhDLEFBREEsQUFEQSxtRkFBd0MsNENBQ0osMENBQ0Y7OztJQUlwQyw2QkFFQztJQUNDLHFDQUltQjs7SUFDbkIsNEJBQU07SUFBQSxZQUE2Qzs7SUFBQSxpQkFBTzs7Ozs7SUFKeEQsY0FBbUQ7SUFFbkQsQUFEQSxBQURBLDBGQUFtRCxpREFDViwrQ0FDRjtJQUVuQyxlQUE2QztJQUE3QyxzRkFBNkM7OztJQVJyRCw2R0FFQzs7OztJQURFLDBGQUE2Qzs7QURpQmxEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLDJCQUEyQjtJQVh4QztRQWdCRSxzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUN0QywwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUU5Qyw4QkFBeUIsR0FBRyx5QkFBeUIsQ0FBQztRQUN0RCw2QkFBd0IsR0FBRyx3QkFBd0IsQ0FBQztRQUVwRCxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUM1Qix5QkFBb0IsR0FBRyxvQkFBb0IsQ0FBQztRQUM1Qyx3QkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztRQU0xQyxVQUFLLEdBQUcsQ0FBQyxRQUE0QixFQUFtQixFQUFFLENBQ3hELFFBQVEsRUFBRSxJQUFJLEtBQUssS0FBSyxDQUFDO0tBQzVCO0lBTkMsZ0JBQWdCLENBQUMsTUFBNkI7UUFDNUMsT0FBTyxJQUFJLE1BQU0sQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUM7SUFDM0QsQ0FBQzs0RkFqQlUsMkJBQTJCO29FQUEzQiwyQkFBMkI7WUN0QnhDLEFBUEEsOEZBQXVFLGdIQU85Qjs7O1lBUEgsQUFBdkIsOENBQXVCLDJDQUErQjs0QkR3QnpELElBQUksRUFBRSxtQkFBbUIsRUFBRSxRQUFROztpRkFLbEMsMkJBQTJCO2NBWHZDLFNBQVM7MkJBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxtQkFBbUIsRUFBRSxRQUFRLENBQUM7Z0JBUTlDLFFBQVE7a0JBRFAsS0FBSzs7a0ZBRkssMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBHZW5lcmljV29ya2xvYWRTdGF0dXMsXG4gIGdldEpvYlN0YXR1cyxcbiAgZ2V0V29ya2xvYWRTdGF0dXMsXG4gIEpvYixcbiAgSm9iU3RhdHVzQ29sb3JNYXBwZXIsXG4gIEpvYlN0YXR1c0ljb25NYXBwZXIsXG4gIEt1YmVybmV0ZXNSZXNvdXJjZSxcbiAgcGFyc2VUb1dvcmtsb2FkU3RhdHVzLFxuICBQdXJlUGlwZSxcbiAgV29ya2xvYWRTdGF0dXNDb2xvck1hcHBlcixcbiAgV29ya2xvYWRTdGF0dXNJY29uTWFwcGVyLFxufSBmcm9tICcuLi9jb3JlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgU3RhdHVzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3dpZGdldC9wdWJsaWMtYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncmMtd29ya2xvYWQtc3RhdHVzLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWydzdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgU3RhdHVzSWNvbkNvbXBvbmVudCwgUHVyZVBpcGVdLFxufSlcbi8qKlxuICogaHR0cDovL2NvbmZsdWVuY2UuYWxhdWRhdGVjaC5jb20vcGFnZXMvdmlld3BhZ2UuYWN0aW9uP3BhZ2VJZD0yNzE3ODI3M1xuICovXG5leHBvcnQgY2xhc3MgV29ya2xvYWRTdGF0dXNJY29uQ29tcG9uZW50IHtcbiAgLy8g5pSv5oyBIERlcGxveW1lbnTjgIFTdGF0ZWZ1bFNldOOAgURhZW1vblNldOOAgUpvYiDnmoTnirbmgIHorqHnrpdcbiAgQElucHV0KClcbiAgcmVzb3VyY2U6IEt1YmVybmV0ZXNSZXNvdXJjZTtcblxuICBnZXRXb3JrbG9hZFN0YXR1cyA9IGdldFdvcmtsb2FkU3RhdHVzO1xuICBwYXJzZVRvV29ya2xvYWRTdGF0dXMgPSBwYXJzZVRvV29ya2xvYWRTdGF0dXM7XG5cbiAgV29ya2xvYWRTdGF0dXNDb2xvck1hcHBlciA9IFdvcmtsb2FkU3RhdHVzQ29sb3JNYXBwZXI7XG4gIFdvcmtsb2FkU3RhdHVzSWNvbk1hcHBlciA9IFdvcmtsb2FkU3RhdHVzSWNvbk1hcHBlcjtcblxuICBnZXRKb2JTdGF0dXMgPSBnZXRKb2JTdGF0dXM7XG4gIEpvYlN0YXR1c0NvbG9yTWFwcGVyID0gSm9iU3RhdHVzQ29sb3JNYXBwZXI7XG4gIEpvYlN0YXR1c0ljb25NYXBwZXIgPSBKb2JTdGF0dXNJY29uTWFwcGVyO1xuXG4gIGdldEluc3RhbmNlc1RleHQoc3RhdHVzOiBHZW5lcmljV29ya2xvYWRTdGF0dXMpIHtcbiAgICByZXR1cm4gYCgke3N0YXR1cy5jdXJyZW50IHx8IDB9LyR7c3RhdHVzLmRlc2lyZWQgfHwgMH0pYDtcbiAgfVxuXG4gIGlzSm9iID0gKHJlc291cmNlOiBLdWJlcm5ldGVzUmVzb3VyY2UpOiByZXNvdXJjZSBpcyBKb2IgPT5cbiAgICByZXNvdXJjZT8ua2luZCA9PT0gJ0pvYic7XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaXNKb2IocmVzb3VyY2UpOyBlbHNlIGJhc2VXb3JrbG9hZFN0YXR1c1RlbXBsYXRlXCI+XG4gIDxhY2wtc3RhdHVzLWljb25cbiAgICBbc3RhdHVzXT1cInJlc291cmNlIHwgcHVyZTogZ2V0Sm9iU3RhdHVzXCJcbiAgICBbY29sb3JNYXBwZXJdPVwiSm9iU3RhdHVzQ29sb3JNYXBwZXJcIlxuICAgIFtpY29uTWFwcGVyXT1cIkpvYlN0YXR1c0ljb25NYXBwZXJcIlxuICA+PC9hY2wtc3RhdHVzLWljb24+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjYmFzZVdvcmtsb2FkU3RhdHVzVGVtcGxhdGU+XG4gIDxuZy1jb250YWluZXJcbiAgICAqbmdJZj1cInJlc291cmNlIHwgcHVyZTogcGFyc2VUb1dvcmtsb2FkU3RhdHVzIGFzIHdvcmtsb2FkU3RhdHVzXCJcbiAgPlxuICAgIDxhY2wtc3RhdHVzLWljb25cbiAgICAgIFtzdGF0dXNdPVwid29ya2xvYWRTdGF0dXMgfCBwdXJlOiBnZXRXb3JrbG9hZFN0YXR1c1wiXG4gICAgICBbY29sb3JNYXBwZXJdPVwiV29ya2xvYWRTdGF0dXNDb2xvck1hcHBlclwiXG4gICAgICBbaWNvbk1hcHBlcl09XCJXb3JrbG9hZFN0YXR1c0ljb25NYXBwZXJcIlxuICAgID48L2FjbC1zdGF0dXMtaWNvbj5cbiAgICA8c3Bhbj57eyB3b3JrbG9hZFN0YXR1cyB8IHB1cmU6IGdldEluc3RhbmNlc1RleHQgfX08L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==