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

value type

Browse Source
This commit is contained in:
Lone Iversen
2023-05-03 14:00:42 +02:00
parent eb7e7dbe8c
commit de91d25f2c
1 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Umbraco.Web.UI.Client/src/backoffice/core/property-editors/uis/value-type/property-editor-ui-value-type.element.ts
View File

@@ -1,24 +1,50 @@
import { html } from 'lit';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, property } from 'lit/decorators.js';
import { UUISelectEvent } from '@umbraco-ui/uui';
import { customElement, property, state } from 'lit/decorators.js';
import { UmbPropertyEditorExtensionElement } from '@umbraco-cms/backoffice/extensions-registry';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import { DataTypePropertyPresentationModel } from '@umbraco-cms/backoffice/backend-api';
/**
* @element umb-property-editor-ui-value-type
*/
@customElement('umb-property-editor-ui-value-type')
export class UmbPropertyEditorUIValueTypeElement extends UmbLitElement implements UmbPropertyEditorExtensionElement {
@property()
value = '';
@state()
private _options: Array<Option> = [
{ name: 'String', value: 'STRING' },
{ name: 'Decimal', value: 'DECIMAL' },
{ name: 'Date/Time', value: 'DATETIME' },
{ name: 'Time', value: 'TIME' },
{ name: 'Integer', value: 'INT' },
{ name: 'Big Integer', value: 'BIGINT' },
{ name: 'Long String', value: 'TEXT' },
];
@property({ type: Array, attribute: false })
public config = [];
public set config(config: Array<DataTypePropertyPresentationModel>) {
const valueAlias = config.find((x) => x.alias === 'value');
if (!valueAlias) return;
this.value = valueAlias.value as string;
const index = this._options.findIndex((option) => option.value === valueAlias);
if (index < 0) return;
this._options[0].selected = true;
}
#onChange(e: UUISelectEvent) {
this.value = e.target.value as string;
this.dispatchEvent(new CustomEvent('property-value-change'));
}
render() {
return html`<div>umb-property-editor-ui-value-type</div>`;
return html`<uui-select .options="${this._options}" @change="${this.#onChange}"> </uui-select>`;
}
static styles = [UUITextStyles];