@umbraco-cms/backoffice 14.0.0--preview007-477ee42e → 14.0.0--preview007-4f7a0765
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-cms/assets/lang/en-us.js +8 -8
- package/dist-cms/assets/lang/en-us.ts +8 -9
- package/dist-cms/custom-elements.json +7 -18
- package/dist-cms/packages/core/modal/token/index.d.ts +0 -1
- package/dist-cms/packages/core/modal/token/index.js +0 -1
- package/dist-cms/packages/dynamic-root/modals/dynamic-root-origin-picker-modal.element.js +2 -2
- package/dist-cms/packages/dynamic-root/modals/dynamic-root-query-step-picker-modal.element.js +2 -2
- package/dist-cms/packages/templating/components/index.d.ts +1 -1
- package/dist-cms/packages/templating/components/index.js +1 -1
- package/dist-cms/packages/templating/components/templating-item-menu/index.d.ts +1 -0
- package/dist-cms/packages/templating/components/templating-item-menu/index.js +1 -0
- package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.d.ts → templating-item-menu/templating-item-menu.element.d.ts} +2 -6
- package/dist-cms/packages/templating/components/{insert-menu/templating-insert-menu.element.js → templating-item-menu/templating-item-menu.element.js} +30 -30
- package/dist-cms/packages/templating/index.d.ts +2 -0
- package/dist-cms/packages/templating/index.js +2 -0
- package/dist-cms/packages/templating/modals/index.d.ts +3 -0
- package/dist-cms/packages/templating/modals/index.js +3 -0
- package/dist-cms/packages/templating/modals/manifests.d.ts +0 -2
- package/dist-cms/packages/templating/modals/manifests.js +6 -15
- package/dist-cms/packages/templating/modals/partial-view-picker/index.d.ts +1 -0
- package/dist-cms/packages/templating/modals/partial-view-picker/index.js +1 -0
- package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.d.ts +5 -0
- package/dist-cms/packages/templating/modals/partial-view-picker/partial-view-picker-modal.token.js +9 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/index.d.ts +2 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/index.js +2 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.d.ts +16 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.element.js +135 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.d.ts +10 -0
- package/dist-cms/packages/templating/modals/templating-item-picker/templating-item-picker-modal.token.js +7 -0
- package/dist-cms/packages/templating/modals/templating-section-picker/index.d.ts +2 -0
- package/dist-cms/packages/templating/modals/templating-section-picker/index.js +2 -0
- package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.element.d.ts +20 -0
- package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-modal.element.js → templating-section-picker/templating-section-picker-modal.element.js} +45 -39
- package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.token.d.ts +7 -0
- package/dist-cms/packages/templating/modals/templating-section-picker/templating-section-picker-modal.token.js +7 -0
- package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.d.ts +1 -1
- package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.js +1 -1
- package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js +27 -30
- package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js +1 -1
- package/dist-cms/packages/templating/templates/workspace/template-workspace.element.d.ts +1 -1
- package/dist-cms/packages/templating/templates/workspace/template-workspace.element.js +1 -1
- package/dist-cms/packages/templating/types.d.ts +4 -0
- package/dist-cms/packages/templating/types.js +5 -0
- package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
- package/dist-cms/vscode-html-custom-data.json +2 -7
- package/package.json +1 -1
- package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.d.ts +0 -10
- package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.js +0 -8
- package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.d.ts +0 -26
- package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js +0 -123
- package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.d.ts +0 -22
- package/dist-cms/packages/templating/modals/modal-tokens.d.ts +0 -0
- package/dist-cms/packages/templating/modals/modal-tokens.js +0 -2
- package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.d.ts +0 -17
- package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.js +0 -85
- /package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-input.element.d.ts → templating-section-picker/templating-section-picker-input.element.d.ts} +0 -0
- /package/dist-cms/packages/templating/modals/{insert-section-modal/insert-section-input.element.js → templating-section-picker/templating-section-picker-input.element.js} +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue } from './templating-section-picker-modal.token.js';
|
|
2
|
+
import type { UmbInsertSectionCheckboxElement } from './templating-section-picker-input.element.js';
|
|
3
|
+
import { UmbModalBaseElement } from '../../../core/modal/index.js';
|
|
4
|
+
import './templating-section-picker-input.element.js';
|
|
5
|
+
export declare class UmbTemplatingSectionPickerModalElement extends UmbModalBaseElement<UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue> {
|
|
6
|
+
#private;
|
|
7
|
+
checkboxes: NodeListOf<UmbInsertSectionCheckboxElement>;
|
|
8
|
+
selectedCheckbox?: UmbInsertSectionCheckboxElement | null;
|
|
9
|
+
snippet: string;
|
|
10
|
+
firstUpdated(): void;
|
|
11
|
+
snippetMethods: ((sectionName: string, isMandatory: boolean) => string)[];
|
|
12
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
13
|
+
static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
|
|
14
|
+
}
|
|
15
|
+
export default UmbTemplatingSectionPickerModalElement;
|
|
16
|
+
declare global {
|
|
17
|
+
interface HTMLElementTagNameMap {
|
|
18
|
+
'umb-templating-section-picker-modal': UmbTemplatingSectionPickerModalElement;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -9,23 +9,16 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
9
9
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
10
10
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11
11
|
};
|
|
12
|
-
var
|
|
13
|
-
import { UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS } from '../manifests.js';
|
|
12
|
+
var _UmbTemplatingSectionPickerModalElement_instances, _UmbTemplatingSectionPickerModalElement_chooseSection, _UmbTemplatingSectionPickerModalElement_close, _UmbTemplatingSectionPickerModalElement_submit;
|
|
14
13
|
import { getAddSectionSnippet, getRenderBodySnippet, getRenderSectionSnippet } from '../../utils/index.js';
|
|
15
14
|
import { UmbTextStyles } from '../../../../shared/style/index.js';
|
|
16
15
|
import { css, html, customElement, queryAll, state } from '../../../../external/lit/index.js';
|
|
17
|
-
import {
|
|
18
|
-
import './
|
|
19
|
-
|
|
20
|
-
modal: {
|
|
21
|
-
type: 'sidebar',
|
|
22
|
-
size: 'small',
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionModalElement extends UmbModalBaseElement {
|
|
16
|
+
import { UmbModalBaseElement } from '../../../core/modal/index.js';
|
|
17
|
+
import './templating-section-picker-input.element.js';
|
|
18
|
+
let UmbTemplatingSectionPickerModalElement = class UmbTemplatingSectionPickerModalElement extends UmbModalBaseElement {
|
|
26
19
|
constructor() {
|
|
27
20
|
super(...arguments);
|
|
28
|
-
|
|
21
|
+
_UmbTemplatingSectionPickerModalElement_instances.add(this);
|
|
29
22
|
this.selectedCheckbox = null;
|
|
30
23
|
this.snippet = '';
|
|
31
24
|
this.snippetMethods = [getRenderBodySnippet, getRenderSectionSnippet, getAddSectionSnippet];
|
|
@@ -35,54 +28,61 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
|
|
|
35
28
|
}
|
|
36
29
|
render() {
|
|
37
30
|
return html `
|
|
38
|
-
<umb-body-layout headline
|
|
31
|
+
<umb-body-layout headline=${this.localize.term('template_insert')}>
|
|
39
32
|
<div id="main">
|
|
40
33
|
<uui-box>
|
|
41
34
|
<umb-insert-section-checkbox
|
|
42
|
-
@change=${__classPrivateFieldGet(this,
|
|
43
|
-
label
|
|
35
|
+
@change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
|
|
36
|
+
label=${this.localize.term('template_renderBody')}
|
|
44
37
|
checked
|
|
45
38
|
.snippetMethod=${getRenderBodySnippet}>
|
|
46
39
|
<p slot="description">
|
|
47
|
-
|
|
40
|
+
<umb-localize key="template_renderBodyDesc">
|
|
41
|
+
Renders the contents of a child template, by inserting a <code>@RenderBody()</code> placeholder.
|
|
42
|
+
</umb-localize>
|
|
48
43
|
</p>
|
|
49
44
|
</umb-insert-section-checkbox>
|
|
50
45
|
|
|
51
46
|
<umb-insert-section-checkbox
|
|
52
|
-
@change=${__classPrivateFieldGet(this,
|
|
53
|
-
label
|
|
47
|
+
@change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
|
|
48
|
+
label=${this.localize.term('template_renderSection')}
|
|
54
49
|
show-mandatory
|
|
55
50
|
show-input
|
|
56
51
|
.snippetMethod=${getRenderSectionSnippet}>
|
|
57
52
|
<p slot="description">
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
53
|
+
<umb-localize key="template_renderSectionDesc">
|
|
54
|
+
Renders a named area of a child template, by inserting a
|
|
55
|
+
<code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is
|
|
56
|
+
wrapped in a corresponding <code>@section [name]{ ... }</code> definition.
|
|
57
|
+
</umb-localize>
|
|
61
58
|
</p>
|
|
62
59
|
</umb-insert-section-checkbox>
|
|
63
60
|
|
|
64
61
|
<umb-insert-section-checkbox
|
|
65
|
-
@change=${__classPrivateFieldGet(this,
|
|
66
|
-
label
|
|
62
|
+
@change=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_chooseSection)}
|
|
63
|
+
label=${this.localize.term('template_defineSection')}
|
|
67
64
|
show-input
|
|
68
65
|
.snippetMethod=${getAddSectionSnippet}>
|
|
69
66
|
<p slot="description">
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
<umb-localize key="template_defineSectionDesc">
|
|
68
|
+
Renders a named area of a child template, by inserting a
|
|
69
|
+
<code>@RenderSection(name)</code> placeholder. This renders an area of a child template which is
|
|
70
|
+
wrapped in a corresponding <code>@section [name]{ ... }</code> definition.
|
|
71
|
+
</umb-localize>
|
|
72
72
|
</p>
|
|
73
73
|
</umb-insert-section-checkbox>
|
|
74
74
|
</uui-box>
|
|
75
75
|
</div>
|
|
76
76
|
<div slot="actions">
|
|
77
|
-
<uui-button @click=${__classPrivateFieldGet(this,
|
|
78
|
-
<uui-button @click=${__classPrivateFieldGet(this,
|
|
77
|
+
<uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_close)} look="secondary" label="Close">Close</uui-button>
|
|
78
|
+
<uui-button @click=${__classPrivateFieldGet(this, _UmbTemplatingSectionPickerModalElement_instances, "m", _UmbTemplatingSectionPickerModalElement_submit)} look="primary" color="positive" label="Submit">Submit</uui-button>
|
|
79
79
|
</div>
|
|
80
80
|
</umb-body-layout>
|
|
81
81
|
`;
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
_UmbTemplatingSectionPickerModalElement_instances = new WeakSet();
|
|
85
|
+
_UmbTemplatingSectionPickerModalElement_chooseSection = function _UmbTemplatingSectionPickerModalElement_chooseSection(event) {
|
|
86
86
|
const target = event.target;
|
|
87
87
|
const checkboxes = Array.from(this.checkboxes);
|
|
88
88
|
if (checkboxes.every((checkbox) => checkbox.checked === false)) {
|
|
@@ -99,17 +99,17 @@ _UmbTemplatingInsertSectionModalElement_chooseSection = function _UmbTemplatingI
|
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
|
-
|
|
102
|
+
_UmbTemplatingSectionPickerModalElement_close = function _UmbTemplatingSectionPickerModalElement_close() {
|
|
103
103
|
this.modalContext?.reject();
|
|
104
104
|
};
|
|
105
|
-
|
|
105
|
+
_UmbTemplatingSectionPickerModalElement_submit = function _UmbTemplatingSectionPickerModalElement_submit() {
|
|
106
106
|
const value = this.selectedCheckbox?.snippet;
|
|
107
107
|
if (this.selectedCheckbox?.validate()) {
|
|
108
108
|
this.value = { value: value ?? '' };
|
|
109
109
|
this.modalContext?.submit();
|
|
110
110
|
}
|
|
111
111
|
};
|
|
112
|
-
|
|
112
|
+
UmbTemplatingSectionPickerModalElement.styles = [
|
|
113
113
|
UmbTextStyles,
|
|
114
114
|
css `
|
|
115
115
|
:host {
|
|
@@ -128,18 +128,24 @@ UmbTemplatingInsertSectionModalElement.styles = [
|
|
|
128
128
|
#main umb-insert-section-checkbox:not(:last-of-type) {
|
|
129
129
|
margin-bottom: var(--uui-size-space-5);
|
|
130
130
|
}
|
|
131
|
+
code {
|
|
132
|
+
background-color: var(--uui-color-surface-alt);
|
|
133
|
+
border: 1px solid var(--uui-color-border);
|
|
134
|
+
border-radius: var(--uui-border-radius);
|
|
135
|
+
}
|
|
131
136
|
`,
|
|
132
137
|
];
|
|
133
138
|
__decorate([
|
|
134
139
|
queryAll('umb-insert-section-checkbox')
|
|
135
|
-
],
|
|
140
|
+
], UmbTemplatingSectionPickerModalElement.prototype, "checkboxes", void 0);
|
|
136
141
|
__decorate([
|
|
137
142
|
state()
|
|
138
|
-
],
|
|
143
|
+
], UmbTemplatingSectionPickerModalElement.prototype, "selectedCheckbox", void 0);
|
|
139
144
|
__decorate([
|
|
140
145
|
state()
|
|
141
|
-
],
|
|
142
|
-
|
|
143
|
-
customElement('umb-templating-
|
|
144
|
-
],
|
|
145
|
-
export
|
|
146
|
+
], UmbTemplatingSectionPickerModalElement.prototype, "snippet", void 0);
|
|
147
|
+
UmbTemplatingSectionPickerModalElement = __decorate([
|
|
148
|
+
customElement('umb-templating-section-picker-modal')
|
|
149
|
+
], UmbTemplatingSectionPickerModalElement);
|
|
150
|
+
export { UmbTemplatingSectionPickerModalElement };
|
|
151
|
+
export default UmbTemplatingSectionPickerModalElement;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { UmbModalToken } from '../../../core/modal/index.js';
|
|
2
|
+
export interface UmbTemplatingSectionPickerModalData {
|
|
3
|
+
}
|
|
4
|
+
export type UmbTemplatingSectionPickerModalValue = {
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const UMB_TEMPLATING_SECTION_PICKER_MODAL: UmbModalToken<UmbTemplatingSectionPickerModalData, UmbTemplatingSectionPickerModalValue>;
|
package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UmbLitElement } from '../../../core/lit-element/index.js';
|
|
2
2
|
import type { UmbRoute } from '../../../../shared/router/index.js';
|
|
3
|
-
import '../../components/
|
|
3
|
+
import '../../components/templating-item-menu/templating-item-menu.element.js';
|
|
4
4
|
export declare class UmbPartialViewWorkspaceElement extends UmbLitElement {
|
|
5
5
|
#private;
|
|
6
6
|
_routes: UmbRoute[];
|
package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace.element.js
CHANGED
|
@@ -16,7 +16,7 @@ import { UmbTextStyles } from '../../../../shared/style/index.js';
|
|
|
16
16
|
import { css, html, customElement, state } from '../../../../external/lit/index.js';
|
|
17
17
|
import { UmbLitElement } from '../../../core/lit-element/index.js';
|
|
18
18
|
import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
|
|
19
|
-
import '../../components/
|
|
19
|
+
import '../../components/templating-item-menu/templating-item-menu.element.js';
|
|
20
20
|
let UmbPartialViewWorkspaceElement = class UmbPartialViewWorkspaceElement extends UmbLitElement {
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments);
|
package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js
CHANGED
|
@@ -16,7 +16,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
16
16
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
17
17
|
};
|
|
18
18
|
var _UmbTemplateWorkspaceEditorElement_instances, _UmbTemplateWorkspaceEditorElement_templateWorkspaceContext, _UmbTemplateWorkspaceEditorElement_isNew, _UmbTemplateWorkspaceEditorElement_masterTemplateUnique, _UmbTemplateWorkspaceEditorElement_onNameInput, _UmbTemplateWorkspaceEditorElement_onAliasInput, _UmbTemplateWorkspaceEditorElement_onCodeEditorInput, _UmbTemplateWorkspaceEditorElement_insertSnippet, _UmbTemplateWorkspaceEditorElement_openInsertSectionModal, _UmbTemplateWorkspaceEditorElement_resetMasterTemplate, _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker, _UmbTemplateWorkspaceEditorElement_openQueryBuilder, _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker, _UmbTemplateWorkspaceEditorElement_renderCodeEditor;
|
|
19
|
-
import {
|
|
19
|
+
import { UMB_TEMPLATING_SECTION_PICKER_MODAL } from '../../modals/templating-section-picker/templating-section-picker-modal.token.js';
|
|
20
20
|
import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../modals/query-builder/index.js';
|
|
21
21
|
import { getQuerySnippet } from '../../utils/index.js';
|
|
22
22
|
import { UMB_TEMPLATE_WORKSPACE_CONTEXT } from './template-workspace.context.js';
|
|
@@ -73,35 +73,34 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
|
|
|
73
73
|
// TODO: add correct UI elements
|
|
74
74
|
return html `<umb-workspace-editor alias="Umb.Workspace.Template">
|
|
75
75
|
<uui-input
|
|
76
|
-
placeholder
|
|
76
|
+
placeholder=${this.localize.term('placeholders_entername')}
|
|
77
77
|
slot="header"
|
|
78
78
|
.value=${this._name}
|
|
79
79
|
@input=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_onNameInput)}
|
|
80
|
-
label
|
|
80
|
+
label=${this.localize.term('template_template')}>
|
|
81
81
|
<uui-input-lock slot="append" value=${ifDefined(this._alias)} @input=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_onAliasInput)}></uui-input-lock>
|
|
82
82
|
</uui-input>
|
|
83
83
|
|
|
84
84
|
<uui-box>
|
|
85
|
-
<div slot="header" id="code-editor-menu-container">
|
|
86
|
-
|
|
87
|
-
<
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
</uui-button>
|
|
103
|
-
</div>
|
|
85
|
+
<div slot="header" id="code-editor-menu-container">${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker).call(this)}</div>
|
|
86
|
+
<div slot="header-actions">
|
|
87
|
+
<umb-templating-insert-menu @insert=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_insertSnippet)}></umb-templating-insert-menu>
|
|
88
|
+
<uui-button
|
|
89
|
+
look="secondary"
|
|
90
|
+
id="query-builder-button"
|
|
91
|
+
label=${this.localize.term('template_queryBuilder')}
|
|
92
|
+
@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openQueryBuilder)}>
|
|
93
|
+
<uui-icon name="icon-wand"></uui-icon> ${this.localize.term('template_queryBuilder')}
|
|
94
|
+
</uui-button>
|
|
95
|
+
<uui-button
|
|
96
|
+
look="secondary"
|
|
97
|
+
id="sections-button"
|
|
98
|
+
label=${this.localize.term('template_insertSections')}
|
|
99
|
+
@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openInsertSectionModal)}>
|
|
100
|
+
<uui-icon name="icon-indent"></uui-icon> ${this.localize.term('template_insertSections')}
|
|
101
|
+
</uui-button>
|
|
104
102
|
</div>
|
|
103
|
+
|
|
105
104
|
${this._ready
|
|
106
105
|
? __classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_renderCodeEditor).call(this)
|
|
107
106
|
: html `<div id="loader-container">
|
|
@@ -137,7 +136,7 @@ _UmbTemplateWorkspaceEditorElement_insertSnippet = function _UmbTemplateWorkspac
|
|
|
137
136
|
this._codeEditor?.insert(value);
|
|
138
137
|
};
|
|
139
138
|
_UmbTemplateWorkspaceEditorElement_openInsertSectionModal = function _UmbTemplateWorkspaceEditorElement_openInsertSectionModal() {
|
|
140
|
-
const sectionModal = this._modalContext?.open(
|
|
139
|
+
const sectionModal = this._modalContext?.open(UMB_TEMPLATING_SECTION_PICKER_MODAL);
|
|
141
140
|
sectionModal?.onSubmit().then((insertSectionModalValue) => {
|
|
142
141
|
if (insertSectionModalValue?.value) {
|
|
143
142
|
this._codeEditor?.insert(insertSectionModalValue.value);
|
|
@@ -150,10 +149,10 @@ _UmbTemplateWorkspaceEditorElement_resetMasterTemplate = function _UmbTemplateWo
|
|
|
150
149
|
_UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker = function _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker() {
|
|
151
150
|
const modalContext = this._modalContext?.open(UMB_TEMPLATE_PICKER_MODAL, {
|
|
152
151
|
data: {
|
|
152
|
+
hideTreeRoot: true,
|
|
153
153
|
pickableFilter: (item) => {
|
|
154
154
|
return item.unique !== null && item.unique !== __classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_templateWorkspaceContext, "f")?.getEntityId();
|
|
155
155
|
},
|
|
156
|
-
hideTreeRoot: true,
|
|
157
156
|
},
|
|
158
157
|
value: {
|
|
159
158
|
selection: [__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_masterTemplateUnique, "f")],
|
|
@@ -180,13 +179,11 @@ _UmbTemplateWorkspaceEditorElement_renderMasterTemplatePicker = function _UmbTem
|
|
|
180
179
|
@click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_openMasterTemplatePicker)}
|
|
181
180
|
look="secondary"
|
|
182
181
|
id="master-template-button"
|
|
183
|
-
label
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
: this.localize.term('template_noMaster')}
|
|
187
|
-
</uui-button>
|
|
182
|
+
label="${this.localize.term('template_mastertemplate')}: ${this._masterTemplateName
|
|
183
|
+
? this._masterTemplateName
|
|
184
|
+
: this.localize.term('template_noMaster')}"></uui-button>
|
|
188
185
|
${this._masterTemplateName
|
|
189
|
-
? html
|
|
186
|
+
? html `<uui-button look="secondary" label=${this.localize.term('actions_remove')} compact>
|
|
190
187
|
<uui-icon name="icon-delete" @click=${__classPrivateFieldGet(this, _UmbTemplateWorkspaceEditorElement_instances, "m", _UmbTemplateWorkspaceEditorElement_resetMasterTemplate)}></uui-icon>
|
|
191
188
|
</uui-button>`
|
|
192
189
|
: nothing}
|
|
@@ -79,7 +79,7 @@ ${currentContent}`;
|
|
|
79
79
|
const { data } = await this.detailRepository.requestByUnique(unique);
|
|
80
80
|
if (data) {
|
|
81
81
|
this.setIsNew(false);
|
|
82
|
-
|
|
82
|
+
this.setMasterTemplate(data.masterTemplate?.unique ?? null);
|
|
83
83
|
__classPrivateFieldGet(this, _UmbTemplateWorkspaceContext_data, "f").setValue(data);
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { UmbRoute } from '../../../../shared/router/index.js';
|
|
2
2
|
import { UmbLitElement } from '../../../core/lit-element/index.js';
|
|
3
|
-
import '../../components/
|
|
3
|
+
import '../../components/templating-item-menu/templating-item-menu.element.js';
|
|
4
4
|
export declare class UmbTemplateWorkspaceElement extends UmbLitElement {
|
|
5
5
|
#private;
|
|
6
6
|
_routes: UmbRoute[];
|
|
@@ -14,7 +14,7 @@ import { UmbTemplateWorkspaceContext } from './template-workspace.context.js';
|
|
|
14
14
|
import { UmbTemplateWorkspaceEditorElement } from './template-workspace-editor.element.js';
|
|
15
15
|
import { html, customElement, state } from '../../../../external/lit/index.js';
|
|
16
16
|
import { UmbLitElement } from '../../../core/lit-element/index.js';
|
|
17
|
-
import '../../components/
|
|
17
|
+
import '../../components/templating-item-menu/templating-item-menu.element.js';
|
|
18
18
|
import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
|
|
19
19
|
let UmbTemplateWorkspaceElement = class UmbTemplateWorkspaceElement extends UmbLitElement {
|
|
20
20
|
constructor() {
|