Add missing navigation button icons (#2144)
- Adds navigation button icons to the workflow details and org settings
This commit is contained in:
parent
c35dc7dd3e
commit
d1dbbbe53c
@ -206,6 +206,18 @@ export class OrgSettings extends BtrixElement {
|
|||||||
@click=${this.navigate.link}
|
@click=${this.navigate.link}
|
||||||
aria-selected=${isActive}
|
aria-selected=${isActive}
|
||||||
>
|
>
|
||||||
|
${choose(name, [
|
||||||
|
[
|
||||||
|
"information",
|
||||||
|
() => html`<sl-icon name="info-circle-fill"></sl-icon>`,
|
||||||
|
],
|
||||||
|
["members", () => html`<sl-icon name="people-fill"></sl-icon>`],
|
||||||
|
["billing", () => html`<sl-icon name="credit-card-fill"></sl-icon>`],
|
||||||
|
[
|
||||||
|
"crawling-defaults",
|
||||||
|
() => html`<sl-icon name="file-code-fill"></sl-icon>`,
|
||||||
|
],
|
||||||
|
])}
|
||||||
${this.tabLabels[name]}
|
${this.tabLabels[name]}
|
||||||
</btrix-navigation-button>
|
</btrix-navigation-button>
|
||||||
`;
|
`;
|
||||||
|
@ -2,6 +2,7 @@ import { localized, msg, str } from "@lit/localize";
|
|||||||
import type { SlSelect } from "@shoelace-style/shoelace";
|
import type { SlSelect } from "@shoelace-style/shoelace";
|
||||||
import { type PropertyValues, type TemplateResult } from "lit";
|
import { type PropertyValues, type TemplateResult } from "lit";
|
||||||
import { customElement, property, state } from "lit/decorators.js";
|
import { customElement, property, state } from "lit/decorators.js";
|
||||||
|
import { choose } from "lit/directives/choose.js";
|
||||||
import { ifDefined } from "lit/directives/if-defined.js";
|
import { ifDefined } from "lit/directives/if-defined.js";
|
||||||
import { until } from "lit/directives/until.js";
|
import { until } from "lit/directives/until.js";
|
||||||
import { when } from "lit/directives/when.js";
|
import { when } from "lit/directives/when.js";
|
||||||
@ -566,6 +567,15 @@ export class WorkflowDetail extends LiteElement {
|
|||||||
if (disabled) e.preventDefault();
|
if (disabled) e.preventDefault();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
${choose(tabName, [
|
||||||
|
[
|
||||||
|
"crawls",
|
||||||
|
() => html`<sl-icon name="gear-wide-connected"></sl-icon>`,
|
||||||
|
],
|
||||||
|
["watch", () => html`<sl-icon name="eye-fill"></sl-icon>`],
|
||||||
|
["logs", () => html`<sl-icon name="terminal-fill"></sl-icon>`],
|
||||||
|
["settings", () => html`<sl-icon name="file-code-fill"></sl-icon>`],
|
||||||
|
])}
|
||||||
${this.tabLabels[tabName]}
|
${this.tabLabels[tabName]}
|
||||||
</btrix-navigation-button>
|
</btrix-navigation-button>
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user