UNPKG

@alauda-fe/common

Version:

Alauda frontend team common codes.

113 lines 15.2 kB
import { ChangeDetectionStrategy, Component, Inject, Input, inject, } from '@angular/core'; import { toSignal } from '@angular/core/rxjs-interop'; import { TOKEN_LOGO_URL } from '../../core/constants/tokens'; import { LicenseApiService } from '../../license/public-api'; import { TranslateService } from '../../translate/public-api'; import { ProductEntryName } from './common-layout/public-api'; import * as i0 from "@angular/core"; import * as i1 from "../../translate/public-api"; const _c0 = ["*", [["", "aclAccountMenuContent", ""]], [["", "previewConsoleButtonContent", ""]], [["", "customActions", ""]], [["", "aclHelpMenuContent", ""]]]; const _c1 = ["*", "[aclAccountMenuContent]", "[previewConsoleButtonContent]", "[customActions]", "[aclHelpMenuContent]"]; function PageHeaderComponent_a_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "a", 10); i0.ɵɵelement(1, "img", 11); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵproperty("href", ctx_r0.logoUrl, i0.ɵɵsanitizeUrl); i0.ɵɵadvance(); i0.ɵɵproperty("src", ctx_r0.logoSrc, i0.ɵɵsanitizeUrl); } } function PageHeaderComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "a", 12); i0.ɵɵelement(1, "img", 11); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("src", ctx_r0.logoSrc, i0.ɵɵsanitizeUrl); } } function PageHeaderComponent_ng_container_10_acl_enterprise_support_status_1_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "acl-enterprise-support-status", 15); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵproperty("product", ctx_r0.currentProduct); } } function PageHeaderComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementContainerStart(0); i0.ɵɵtemplate(1, PageHeaderComponent_ng_container_10_acl_enterprise_support_status_1_Template, 1, 1, "acl-enterprise-support-status", 13); i0.ɵɵprojection(2, 2); i0.ɵɵprojection(3, 3); i0.ɵɵelementStart(4, "acl-help-menu", 14); i0.ɵɵprojection(5, 4); i0.ɵɵelementEnd(); i0.ɵɵelementContainerEnd(); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", !ctx_r0.isLicenseExempt()); i0.ɵɵadvance(3); i0.ɵɵproperty("helpDocPath", ctx_r0.helpDocPath || "container_platform"); } } function PageHeaderComponent_div_11_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "div", 4); } } export class PageHeaderComponent { constructor(logoUrl, translate) { this.logoUrl = logoUrl; this.translate = translate; this.logoSrc = '/console/api/v1/cm/ui-logos/logo'; this.locale$ = this.translate.locale$; this.menuActions = true; this.menuSeparator = true; this.isLicenseExempt = toSignal(inject(LicenseApiService).isLicenseExempt(), { initialValue: true, }); } static { this.ɵfac = function PageHeaderComponent_Factory(t) { return new (t || PageHeaderComponent)(i0.ɵɵdirectiveInject(TOKEN_LOGO_URL), i0.ɵɵdirectiveInject(i1.TranslateService)); }; } static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageHeaderComponent, selectors: [["acl-page-header"]], inputs: { title: "title", currentProduct: "currentProduct", helpDocPath: "helpDocPath", menuActions: "menuActions", menuSeparator: "menuSeparator" }, ngContentSelectors: _c1, decls: 14, vars: 6, consts: [["plainPictureRef", ""], [1, "page-header__left"], [1, "page-header__logo"], [3, "href", 4, "ngIf", "ngIfElse"], [1, "page-header__separator"], [3, "current", "title"], [1, "page-header__center"], [1, "page-header__right"], [4, "ngIf"], ["class", "page-header__separator", 4, "ngIf"], [3, "href"], ["alt", "logo", 3, "src"], ["href", "/"], [3, "product", 4, "ngIf"], [3, "helpDocPath"], [3, "product"]], template: function PageHeaderComponent_Template(rf, ctx) { if (rf & 1) { i0.ɵɵprojectionDef(_c0); i0.ɵɵelementStart(0, "div", 1)(1, "div", 2); i0.ɵɵtemplate(2, PageHeaderComponent_a_2_Template, 2, 2, "a", 3)(3, PageHeaderComponent_ng_template_3_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor); i0.ɵɵelementEnd(); i0.ɵɵelement(5, "div", 4)(6, "acl-product-select", 5); i0.ɵɵelementEnd(); i0.ɵɵelementStart(7, "div", 6); i0.ɵɵprojection(8); i0.ɵɵelementEnd(); i0.ɵɵelementStart(9, "div", 7); i0.ɵɵtemplate(10, PageHeaderComponent_ng_container_10_Template, 6, 2, "ng-container", 8)(11, PageHeaderComponent_div_11_Template, 1, 0, "div", 9); i0.ɵɵelementStart(12, "acl-account-menu"); i0.ɵɵprojection(13, 1); i0.ɵɵelementEnd()(); } if (rf & 2) { const plainPictureRef_r2 = i0.ɵɵreference(4); i0.ɵɵadvance(2); i0.ɵɵproperty("ngIf", ctx.logoUrl)("ngIfElse", plainPictureRef_r2); i0.ɵɵadvance(4); i0.ɵɵproperty("current", ctx.currentProduct)("title", ctx.title); i0.ɵɵadvance(4); i0.ɵɵproperty("ngIf", ctx.menuActions); i0.ɵɵadvance(); i0.ɵɵproperty("ngIf", ctx.menuSeparator); } }, styles: ["[_nghost-%COMP%]{display:flex;flex:1;align-items:center;height:60px}[_nghost-%COMP%] > div[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%] acl-product-select[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%] .page-header__left[_ngcontent-%COMP%]{min-width:256px;max-width:400px}[_nghost-%COMP%] .page-header__center[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%] .page-header__logo[_ngcontent-%COMP%]{display:flex;align-items:center;min-width:32px;max-width:160px}[_nghost-%COMP%] .page-header__logo[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{height:32px}[_nghost-%COMP%] .page-header__separator[_ngcontent-%COMP%]{height:32px;width:1px;background-color:rgb(var(--aui-color-n-2));margin:0 8px 0 16px;opacity:.1}[_nghost-%COMP%] .page-header__title[_ngcontent-%COMP%]{height:24px;line-height:24px;font-size:18px;font-weight:500;color:rgb(var(--aui-color-n-1));white-space:nowrap;word-break:keep-all}[_nghost-%COMP%] acl-account-menu[_ngcontent-%COMP%]{margin-left:24px}"], changeDetection: 0 }); } } (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageHeaderComponent, [{ type: Component, args: [{ selector: 'acl-page-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-header__left\">\n <div class=\"page-header__logo\">\n <a\n *ngIf=\"logoUrl; else plainPictureRef\"\n [href]=\"logoUrl\"\n >\n <img\n [src]=\"logoSrc\"\n alt=\"logo\"\n />\n </a>\n <ng-template #plainPictureRef>\n <a href=\"/\">\n <img\n [src]=\"logoSrc\"\n alt=\"logo\"\n />\n </a>\n </ng-template>\n </div>\n <div class=\"page-header__separator\"></div>\n <acl-product-select\n [current]=\"currentProduct\"\n [title]=\"title\"\n ></acl-product-select>\n</div>\n<div class=\"page-header__center\">\n <ng-content></ng-content>\n</div>\n<div class=\"page-header__right\">\n <ng-container *ngIf=\"menuActions\">\n <acl-enterprise-support-status\n *ngIf=\"!isLicenseExempt()\"\n [product]=\"currentProduct\"\n ></acl-enterprise-support-status>\n <ng-content select=\"[previewConsoleButtonContent]\"></ng-content>\n <ng-content select=\"[customActions]\"></ng-content>\n <acl-help-menu [helpDocPath]=\"helpDocPath || 'container_platform'\">\n <ng-content select=\"[aclHelpMenuContent]\"></ng-content>\n </acl-help-menu>\n </ng-container>\n <div\n *ngIf=\"menuSeparator\"\n class=\"page-header__separator\"\n ></div>\n <acl-account-menu>\n <ng-content select=\"[aclAccountMenuContent]\"></ng-content>\n </acl-account-menu>\n</div>\n", styles: [":host{display:flex;flex:1;align-items:center;height:60px}:host>div{display:flex;align-items:center}:host acl-product-select{overflow:hidden;text-overflow:ellipsis}:host .page-header__left{min-width:256px;max-width:400px}:host .page-header__center{flex:1}:host .page-header__logo{display:flex;align-items:center;min-width:32px;max-width:160px}:host .page-header__logo img{height:32px}:host .page-header__separator{height:32px;width:1px;background-color:rgb(var(--aui-color-n-2));margin:0 8px 0 16px;opacity:.1}:host .page-header__title{height:24px;line-height:24px;font-size:18px;font-weight:500;color:rgb(var(--aui-color-n-1));white-space:nowrap;word-break:keep-all}:host acl-account-menu{margin-left:24px}\n"] }] }], () => [{ type: undefined, decorators: [{ type: Inject, args: [TOKEN_LOGO_URL] }] }, { type: i1.TranslateService }], { title: [{ type: Input }], currentProduct: [{ type: Input }], helpDocPath: [{ type: Input }], menuActions: [{ type: Input }], menuSeparator: [{ type: Input }] }); })(); (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageHeaderComponent, { className: "PageHeaderComponent" }); })(); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS1oZWFkZXIvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS1oZWFkZXIvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7SUNYMUQsNkJBR0M7SUFDQywwQkFHRTtJQUNKLGlCQUFJOzs7SUFORix1REFBZ0I7SUFHZCxjQUFlO0lBQWYsc0RBQWU7OztJQUtqQiw2QkFBWTtJQUNWLDBCQUdFO0lBQ0osaUJBQUk7OztJQUhBLGNBQWU7SUFBZixzREFBZTs7O0lBaUJyQixvREFHaUM7OztJQUQvQiwrQ0FBMEI7OztJQUg5Qiw2QkFBa0M7SUFDaEMseUlBR0M7SUFDRCxxQkFBZ0U7SUFDaEUscUJBQWtEO0lBQ2xELHlDQUFtRTtJQUNqRSxxQkFBdUQ7SUFDekQsaUJBQWdCOzs7O0lBUGIsY0FBd0I7SUFBeEIsZ0RBQXdCO0lBS1osZUFBbUQ7SUFBbkQsd0VBQW1EOzs7SUFJcEUseUJBR087O0FEdkJULE1BQU0sT0FBTyxtQkFBbUI7SUFhOUIsWUFDaUMsT0FBZSxFQUM3QixTQUEyQjtRQURiLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFDN0IsY0FBUyxHQUFULFNBQVMsQ0FBa0I7UUFkOUMsWUFBTyxHQUFHLGtDQUFrQyxDQUFDO1FBQzdDLFlBQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUl4QixnQkFBVyxHQUFHLElBQUksQ0FBQztRQUNuQixrQkFBYSxHQUFHLElBQUksQ0FBQztRQUU5QixvQkFBZSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxlQUFlLEVBQUUsRUFBRTtZQUN0RSxZQUFZLEVBQUUsSUFBSTtTQUNuQixDQUFDLENBQUM7SUFLQSxDQUFDO29GQWhCTyxtQkFBbUIsdUJBY3BCLGNBQWM7b0VBZGIsbUJBQW1COztZQ3BCOUIsQUFERiw4QkFBK0IsYUFDRTtZQVU3QixBQVRBLGdFQUdDLHdHQU02QjtZQVFoQyxpQkFBTTtZQUVOLEFBREEseUJBQTBDLDRCQUlwQjtZQUN4QixpQkFBTTtZQUNOLDhCQUFpQztZQUMvQixrQkFBeUI7WUFDM0IsaUJBQU07WUFDTiw4QkFBZ0M7WUFZOUIsQUFYQSx3RkFBa0MseURBY2pDO1lBQ0QseUNBQWtCO1lBQ2hCLHNCQUEwRDtZQUU5RCxBQURFLGlCQUFtQixFQUNmOzs7WUE3Q0MsZUFBZTtZQUFBLEFBQWYsa0NBQWUsZ0NBQW9CO1lBbUJ0QyxlQUEwQjtZQUMxQixBQURBLDRDQUEwQixvQkFDWDtZQU9GLGVBQWlCO1lBQWpCLHNDQUFpQjtZQVk3QixjQUFtQjtZQUFuQix3Q0FBbUI7OztpRkRyQlgsbUJBQW1CO2NBTi9CLFNBQVM7MkJBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU07O3NCQWdCNUMsTUFBTTt1QkFBQyxjQUFjO29EQVhmLEtBQUs7a0JBQWIsS0FBSztZQUNHLGNBQWM7a0JBQXRCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7O2tGQVBLLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b1NpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcblxuaW1wb3J0IHsgVE9LRU5fTE9HT19VUkwgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnN0YW50cy90b2tlbnMnO1xuaW1wb3J0IHsgTGljZW5zZUFwaVNlcnZpY2UgfSBmcm9tICcuLi8uLi9saWNlbnNlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3RyYW5zbGF0ZS9wdWJsaWMtYXBpJztcblxuaW1wb3J0IHsgUHJvZHVjdEVudHJ5TmFtZSB9IGZyb20gJy4vY29tbW9uLWxheW91dC9wdWJsaWMtYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXBhZ2UtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3N0eWxlcy5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IHtcbiAgbG9nb1NyYyA9ICcvY29uc29sZS9hcGkvdjEvY20vdWktbG9nb3MvbG9nbyc7XG4gIGxvY2FsZSQgPSB0aGlzLnRyYW5zbGF0ZS5sb2NhbGUkO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBjdXJyZW50UHJvZHVjdDogUHJvZHVjdEVudHJ5TmFtZTtcbiAgQElucHV0KCkgaGVscERvY1BhdGg6IHN0cmluZztcbiAgQElucHV0KCkgbWVudUFjdGlvbnMgPSB0cnVlO1xuICBASW5wdXQoKSBtZW51U2VwYXJhdG9yID0gdHJ1ZTtcblxuICBpc0xpY2Vuc2VFeGVtcHQgPSB0b1NpZ25hbChpbmplY3QoTGljZW5zZUFwaVNlcnZpY2UpLmlzTGljZW5zZUV4ZW1wdCgpLCB7XG4gICAgaW5pdGlhbFZhbHVlOiB0cnVlLFxuICB9KTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFRPS0VOX0xPR09fVVJMKSBwdWJsaWMgbG9nb1VybDogc3RyaW5nLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICApIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXJfX2xlZnRcIj5cbiAgPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGVyX19sb2dvXCI+XG4gICAgPGFcbiAgICAgICpuZ0lmPVwibG9nb1VybDsgZWxzZSBwbGFpblBpY3R1cmVSZWZcIlxuICAgICAgW2hyZWZdPVwibG9nb1VybFwiXG4gICAgPlxuICAgICAgPGltZ1xuICAgICAgICBbc3JjXT1cImxvZ29TcmNcIlxuICAgICAgICBhbHQ9XCJsb2dvXCJcbiAgICAgIC8+XG4gICAgPC9hPlxuICAgIDxuZy10ZW1wbGF0ZSAjcGxhaW5QaWN0dXJlUmVmPlxuICAgICAgPGEgaHJlZj1cIi9cIj5cbiAgICAgICAgPGltZ1xuICAgICAgICAgIFtzcmNdPVwibG9nb1NyY1wiXG4gICAgICAgICAgYWx0PVwibG9nb1wiXG4gICAgICAgIC8+XG4gICAgICA8L2E+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlcl9fc2VwYXJhdG9yXCI+PC9kaXY+XG4gIDxhY2wtcHJvZHVjdC1zZWxlY3RcbiAgICBbY3VycmVudF09XCJjdXJyZW50UHJvZHVjdFwiXG4gICAgW3RpdGxlXT1cInRpdGxlXCJcbiAgPjwvYWNsLXByb2R1Y3Qtc2VsZWN0PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXJfX2NlbnRlclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlcl9fcmlnaHRcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVBY3Rpb25zXCI+XG4gICAgPGFjbC1lbnRlcnByaXNlLXN1cHBvcnQtc3RhdHVzXG4gICAgICAqbmdJZj1cIiFpc0xpY2Vuc2VFeGVtcHQoKVwiXG4gICAgICBbcHJvZHVjdF09XCJjdXJyZW50UHJvZHVjdFwiXG4gICAgPjwvYWNsLWVudGVycHJpc2Utc3VwcG9ydC1zdGF0dXM+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ByZXZpZXdDb25zb2xlQnV0dG9uQ29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2N1c3RvbUFjdGlvbnNdXCI+PC9uZy1jb250ZW50PlxuICAgIDxhY2wtaGVscC1tZW51IFtoZWxwRG9jUGF0aF09XCJoZWxwRG9jUGF0aCB8fCAnY29udGFpbmVyX3BsYXRmb3JtJ1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjbEhlbHBNZW51Q29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9hY2wtaGVscC1tZW51PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPGRpdlxuICAgICpuZ0lmPVwibWVudVNlcGFyYXRvclwiXG4gICAgY2xhc3M9XCJwYWdlLWhlYWRlcl9fc2VwYXJhdG9yXCJcbiAgPjwvZGl2PlxuICA8YWNsLWFjY291bnQtbWVudT5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWNsQWNjb3VudE1lbnVDb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgPC9hY2wtYWNjb3VudC1tZW51PlxuPC9kaXY+XG4iXX0=