@alauda-fe/common
Version:
Alauda frontend team common codes.
113 lines • 15.2 kB
JavaScript
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=