yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

examine management

Browse Source
This commit is contained in:
Jesper Møller Jensen
2023-06-06 14:05:50 +12:00
parent c75a71f24c
commit 9f560ca614
3 changed files with 43 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/Umbraco.Web.UI.Client/src/packages/search/examine-management-dashboard/dashboard-examine-management.element.ts
View File

@@ -1,6 +1,6 @@
import { UmbDashboardExamineIndexElement } from './views/section-view-examine-indexers.js';
import { UmbDashboardExamineSearcherElement } from './views/section-view-examine-searchers.js';
import { html, css, nothing , customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { html, css, nothing, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import type { UmbRoute, UmbRouterSlotChangeEvent, UmbRouterSlotInitEvent } from '@umbraco-cms/backoffice/router';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@@ -38,21 +38,51 @@ export class UmbDashboardExamineManagementElement extends UmbLitElement {
private _activePath = '';
render() {
return html` ${this._routerPath && this._activePath !== ''
? html` <a href=${this._routerPath}> &larr; Back to overview </a> `
: nothing}
<umb-router-slot
.routes=${this._routes}
@init=${(event: UmbRouterSlotInitEvent) => {
this._routerPath = event.target.absoluteRouterPath;
}}
@change=${(event: UmbRouterSlotChangeEvent) => {
this._activePath = event.target.localActiveViewPath || '';
}}></umb-router-slot>`;
return html`
<umb-body-layout clear-header>
${this.#renderHeader()}
<div id="main">
<umb-router-slot
.routes=${this._routes}
@init=${(event: UmbRouterSlotInitEvent) => {
this._routerPath = event.target.absoluteRouterPath;
}}
@change=${(event: UmbRouterSlotChangeEvent) => {
this._activePath = event.target.localActiveViewPath || '';
}}></umb-router-slot>
</div>
</umb-body-layout>
`;
}
#renderHeader() {
return this._routerPath && this._activePath !== ''
? html`
<div id="header" slot="header">
<a href=${this._routerPath}> &larr; Back to overview </a>
</div>
`
: nothing;
}
static styles = [
css`
#header {
display: flex;
width: 100%;
padding: var(--uui-size-layout-1);
}
#main {
display: flex;
flex-direction: column;
padding: var(--uui-size-layout-1);
}
#main:not(:first-child) {
padding-top: var(--uui-size-1);
}
umb-body-layout {
--umb-header-layout-height: fit-content;
}
a {
color: var(--uui-color-text);
background: transparent;

1
src/Umbraco.Web.UI.Client/src/packages/search/examine-management-dashboard/views/section-view-examine-overview.ts
View File

@@ -118,7 +118,6 @@ export class UmbDashboardExamineOverviewElement extends UmbLitElement {
css`
:host {
display: block;
padding: var(--uui-size-layout-1);
}
uui-box + uui-box {

5
src/Umbraco.Web.UI.Client/src/packages/search/examine-management-dashboard/views/section-view-examine-searchers.ts
View File

@@ -1,5 +1,5 @@
import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
import { css, html, nothing , customElement, state, query, property } from '@umbraco-cms/backoffice/external/lit';
import { css, html, nothing, customElement, state, query, property } from '@umbraco-cms/backoffice/external/lit';
import {
UmbModalContext,
UMB_MODAL_CONTEXT_TOKEN,
@@ -223,9 +223,6 @@ export class UmbDashboardExamineSearcherElement extends UmbLitElement {
:host {
display: block;
}
uui-box {
margin-top: var(--uui-size-space-5);
}
uui-box p {
margin-top: 0;