serve.zone/dcrouter
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ts_web): replace custom section heading component with dees-heading across ops views

Browse Source
This commit is contained in:
Jürgen Kunz
2026-04-05 10:13:09 +00:00
parent 505fd044c0
commit ddb420835e
21 changed files with 79 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ts_web/elements/ops-view-apitokens.ts
View File

@@ -100,7 +100,7 @@ export class OpsViewApiTokens extends DeesElement {
const { apiTokens } = this.routeState;
return html`
<ops-sectionheading>API Tokens</ops-sectionheading>
<dees-heading level="2">API Tokens</dees-heading>
<div class="apiTokensContainer">
<dees-table

2
ts_web/elements/ops-view-certificates.ts
View File

@@ -159,7 +159,7 @@ export class OpsViewCertificates extends DeesElement {
const { summary } = this.certState;
return html`
<ops-sectionheading>Certificates</ops-sectionheading>
<dees-heading level="2">Certificates</dees-heading>
<div class="certificatesContainer">
${this.renderStatsTiles(summary)}

2
ts_web/elements/ops-view-config.ts
View File

@@ -57,7 +57,7 @@ export class OpsViewConfig extends DeesElement {
public render() {
return html`
<ops-sectionheading>Configuration</ops-sectionheading>
<dees-heading level="2">Configuration</dees-heading>
${this.configState.isLoading
? html`

2
ts_web/elements/ops-view-emails.ts
View File

@@ -60,7 +60,7 @@ export class OpsViewEmails extends DeesElement {
public render() {
return html`
<ops-sectionheading>Email Operations</ops-sectionheading>
<dees-heading level="2">Email Operations</dees-heading>
<div class="viewContainer">
${this.currentView === 'detail' && this.selectedEmail
? html`

2
ts_web/elements/ops-view-logs.ts
View File

@@ -39,7 +39,7 @@ export class OpsViewLogs extends DeesElement {
public render() {
return html`
<ops-sectionheading>Logs</ops-sectionheading>
<dees-heading level="2">Logs</dees-heading>
<dees-chart-log
.label=${'Application Logs'}

2
ts_web/elements/ops-view-network.ts
View File

@@ -285,7 +285,7 @@ export class OpsViewNetwork extends DeesElement {
public render() {
return html`
<ops-sectionheading>Network Activity</ops-sectionheading>
<dees-heading level="2">Network Activity</dees-heading>
<div class="networkContainer">
<!-- Stats Grid -->

2
ts_web/elements/ops-view-networktargets.ts
View File

@@ -64,7 +64,7 @@ export class OpsViewNetworkTargets extends DeesElement {
];
return html`
<ops-sectionheading>Network Targets</ops-sectionheading>
<dees-heading level="2">Network Targets</dees-heading>
<div class="targetsContainer">
<dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
<dees-table

2
ts_web/elements/ops-view-overview.ts
View File

@@ -94,7 +94,7 @@ export class OpsViewOverview extends DeesElement {
public render() {
return html`
<ops-sectionheading>Overview</ops-sectionheading>
<dees-heading level="2">Overview</dees-heading>
${this.statsState.isLoading ? html`
<div class="loadingMessage">

2
ts_web/elements/ops-view-remoteingress.ts
View File

@@ -174,7 +174,7 @@ export class OpsViewRemoteIngress extends DeesElement {
];
return html`
<ops-sectionheading>Remote Ingress</ops-sectionheading>
<dees-heading level="2">Remote Ingress</dees-heading>
${this.riState.newEdgeId ? html`
<div class="secretDialog">

2
ts_web/elements/ops-view-routes.ts
View File

@@ -200,7 +200,7 @@ export class OpsViewRoutes extends DeesElement {
});
return html`
<ops-sectionheading>Route Management</ops-sectionheading>
<dees-heading level="2">Route Management</dees-heading>
<div class="routesContainer">
<dees-statsgrid

2
ts_web/elements/ops-view-security.ts
View File

@@ -192,7 +192,7 @@ export class OpsViewSecurity extends DeesElement {
public render() {
return html`
<ops-sectionheading>Security</ops-sectionheading>
<dees-heading level="2">Security</dees-heading>
<div class="tabs">
<button

2
ts_web/elements/ops-view-sourceprofiles.ts
View File

@@ -64,7 +64,7 @@ export class OpsViewSourceProfiles extends DeesElement {
];
return html`
<ops-sectionheading>Source Profiles</ops-sectionheading>
<dees-heading level="2">Source Profiles</dees-heading>
<div class="profilesContainer">
<dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
<dees-table

2
ts_web/elements/ops-view-targetprofiles.ts
View File

@@ -77,7 +77,7 @@ export class OpsViewTargetProfiles extends DeesElement {
];
return html`
<ops-sectionheading>Target Profiles</ops-sectionheading>
<dees-heading level="2">Target Profiles</dees-heading>
<div class="profilesContainer">
<dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
<dees-table

2
ts_web/elements/ops-view-vpn.ts
View File

@@ -221,7 +221,7 @@ export class OpsViewVpn extends DeesElement {
];
return html`
<ops-sectionheading>VPN</ops-sectionheading>
<dees-heading level="2">VPN</dees-heading>
<div class="vpnContainer">
${this.vpnState.newClientConfig ? html`

3
ts_web/elements/shared/index.ts
View File

@@ -1,2 +1 @@
export * from './css.js';
export * from './ops-sectionheading.js';
export * from './css.js';

38
ts_web/elements/shared/ops-sectionheading.ts
View File

@@ -1,38 +0,0 @@
import {
DeesElement,
css,
cssManager,
customElement,
html,
type TemplateResult
} from '@design.estate/dees-element';
@customElement('ops-sectionheading')
export class OpsSectionHeading extends DeesElement {
public static styles = [
cssManager.defaultStyles,
css`
:host {
display: block;
margin-bottom: 24px;
}
.heading {
font-family: 'Cal Sans', 'Inter', sans-serif;
font-size: 28px;
font-weight: 600;
color: ${cssManager.bdTheme('#111', '#fff')};
margin: 0;
padding: 0;
}
`,
];
public render(): TemplateResult {
return html`
<h1 class="heading">
<slot></slot>
</h1>
`;
}
}