@alauda-fe/common
Version:
Alauda frontend team common codes.
45 lines • 5.93 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../translate/translate.pipe";
import * as i2 from "@alauda/ui";
export const TYPES = {
placeholder: {
img: ['images/light/no-data.svg', 'images/dark/no-data.svg'],
text: 'no_remote_terminal_connected',
},
permission: {
img: ['images/light/no-permission.svg', 'images/dark/no-permission.svg'],
text: 'no_permission_description',
},
};
export class TerminalPlaceholderComponent {
constructor() {
this.type = 'placeholder';
}
get config() {
return TYPES[this.type];
}
static { this.ɵfac = function TerminalPlaceholderComponent_Factory(t) { return new (t || TerminalPlaceholderComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminalPlaceholderComponent, selectors: [["acl-terminal-placeholder"]], inputs: { type: "type" }, decls: 6, vars: 6, consts: [[1, "tw-flex", "tw-flex-col", "tw-justify-center", "tw-items-center", "tw-w-[100%]", "tw-h-[100%]", "tw-min-h-[360px]"], [1, "tw-w-[200px]", "tw-h-[200px]", "tw-mb-20", 3, "src"], [1, "tw-leading-text-xl", "tw-text-main-text", "tw-font-bolder"]], template: function TerminalPlaceholderComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵelement(1, "img", 1);
i0.ɵɵpipe(2, "auiThemePicker");
i0.ɵɵelementStart(3, "div", 2);
i0.ɵɵtext(4);
i0.ɵɵpipe(5, "translate");
i0.ɵɵelementEnd()();
} if (rf & 2) {
i0.ɵɵadvance();
i0.ɵɵproperty("src", i0.ɵɵpipeBind1(2, 2, ctx.config.img), i0.ɵɵsanitizeUrl);
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, ctx.config.text), " ");
} }, dependencies: [i1.TranslatePipe, i2.ThemePickerPipe], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%;border:1px solid rgb(var(--aui-color-border));border-radius:var(--aui-border-radius-l);overflow:auto}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminalPlaceholderComponent, [{
type: Component,
args: [{ selector: 'acl-terminal-placeholder', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"tw-flex tw-flex-col tw-justify-center tw-items-center tw-w-[100%] tw-h-[100%] tw-min-h-[360px]\"\n>\n <img\n class=\"tw-w-[200px] tw-h-[200px] tw-mb-20\"\n [src]=\"config.img | auiThemePicker\"\n />\n <div class=\"tw-leading-text-xl tw-text-main-text tw-font-bolder\">\n {{ config.text | translate }}\n </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%;border:1px solid rgb(var(--aui-color-border));border-radius:var(--aui-border-radius-l);overflow:auto}\n"] }]
}], null, { type: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TerminalPlaceholderComponent, { className: "TerminalPlaceholderComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2V4ZWMvcGxhY2Vob2xkZXIvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2V4ZWMvcGxhY2Vob2xkZXIvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUUxRSxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUc7SUFDbkIsV0FBVyxFQUFFO1FBQ1gsR0FBRyxFQUFFLENBQUMsMEJBQTBCLEVBQUUseUJBQXlCLENBQUM7UUFDNUQsSUFBSSxFQUFFLDhCQUE4QjtLQUNyQztJQUNELFVBQVUsRUFBRTtRQUNWLEdBQUcsRUFBRSxDQUFDLGdDQUFnQyxFQUFFLCtCQUErQixDQUFDO1FBQ3hFLElBQUksRUFBRSwyQkFBMkI7S0FDbEM7Q0FDTyxDQUFDO0FBUVgsTUFBTSxPQUFPLDRCQUE0QjtJQU56QztRQVFFLFNBQUksR0FBdUIsYUFBYSxDQUFDO0tBUTFDO0lBTkMsSUFBSSxNQUFNO1FBQ1IsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FHckIsQ0FBQztJQUNKLENBQUM7NkZBVFUsNEJBQTRCO29FQUE1Qiw0QkFBNEI7WUNuQnpDLDhCQUVDO1lBQ0MseUJBR0U7O1lBQ0YsOEJBQWlFO1lBQy9ELFlBQ0Y7O1lBQ0YsQUFERSxpQkFBTSxFQUNGOztZQUxGLGNBQW1DO1lBQW5DLDRFQUFtQztZQUduQyxlQUNGO1lBREUsc0VBQ0Y7OztpRkRVVyw0QkFBNEI7Y0FOeEMsU0FBUzsyQkFDRSwwQkFBMEIsbUJBR25CLHVCQUF1QixDQUFDLE1BQU07Z0JBSS9DLElBQUk7a0JBREgsS0FBSzs7a0ZBREssNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IFRZUEVTID0ge1xuICBwbGFjZWhvbGRlcjoge1xuICAgIGltZzogWydpbWFnZXMvbGlnaHQvbm8tZGF0YS5zdmcnLCAnaW1hZ2VzL2Rhcmsvbm8tZGF0YS5zdmcnXSxcbiAgICB0ZXh0OiAnbm9fcmVtb3RlX3Rlcm1pbmFsX2Nvbm5lY3RlZCcsXG4gIH0sXG4gIHBlcm1pc3Npb246IHtcbiAgICBpbWc6IFsnaW1hZ2VzL2xpZ2h0L25vLXBlcm1pc3Npb24uc3ZnJywgJ2ltYWdlcy9kYXJrL25vLXBlcm1pc3Npb24uc3ZnJ10sXG4gICAgdGV4dDogJ25vX3Blcm1pc3Npb25fZGVzY3JpcHRpb24nLFxuICB9LFxufSBhcyBjb25zdDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXRlcm1pbmFsLXBsYWNlaG9sZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3N0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRlcm1pbmFsUGxhY2Vob2xkZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB0eXBlOiBrZXlvZiB0eXBlb2YgVFlQRVMgPSAncGxhY2Vob2xkZXInO1xuXG4gIGdldCBjb25maWcoKSB7XG4gICAgcmV0dXJuIFRZUEVTW3RoaXMudHlwZV0gYXMge1xuICAgICAgaW1nOiBbc3RyaW5nLCBzdHJpbmddO1xuICAgICAgdGV4dDogc3RyaW5nO1xuICAgIH07XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJ0dy1mbGV4IHR3LWZsZXgtY29sIHR3LWp1c3RpZnktY2VudGVyIHR3LWl0ZW1zLWNlbnRlciB0dy13LVsxMDAlXSB0dy1oLVsxMDAlXSB0dy1taW4taC1bMzYwcHhdXCJcbj5cbiAgPGltZ1xuICAgIGNsYXNzPVwidHctdy1bMjAwcHhdIHR3LWgtWzIwMHB4XSB0dy1tYi0yMFwiXG4gICAgW3NyY109XCJjb25maWcuaW1nIHwgYXVpVGhlbWVQaWNrZXJcIlxuICAvPlxuICA8ZGl2IGNsYXNzPVwidHctbGVhZGluZy10ZXh0LXhsIHR3LXRleHQtbWFpbi10ZXh0IHR3LWZvbnQtYm9sZGVyXCI+XG4gICAge3sgY29uZmlnLnRleHQgfCB0cmFuc2xhdGUgfX1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==