Skip to content
Snippets Groups Projects
Unverified Commit 151923cd authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Add and use method sendSetPropertyEvent (dbp/apps/signature#32)

parent ffdb4f67
No related branches found
No related tags found
No related merge requests found
Pipeline #15874 passed
import {html, css, LitElement} from 'lit-element'; import {html, css} from 'lit-element';
import {i18n} from './i18n.js'; import {i18n} from './i18n.js';
import * as commonStyles from '@dbp-toolkit/common/styles'; import * as commonStyles from '@dbp-toolkit/common/styles';
import {AdapterLitElement} from "@dbp-toolkit/provider/src/adapter-lit-element";
/** /**
* Emits a dbp-language-changed event where event.detail.lang is the new selected language * Emits a dbp-language-changed event where event.detail.lang is the new selected language
*/ */
export class LanguageSelect extends LitElement { export class LanguageSelect extends AdapterLitElement {
constructor() { constructor() {
super(); super();
...@@ -61,12 +62,7 @@ export class LanguageSelect extends LitElement { ...@@ -61,12 +62,7 @@ export class LanguageSelect extends LitElement {
this.dispatchEvent(event); this.dispatchEvent(event);
// tell a dbp-provider to update the "lang" property // tell a dbp-provider to update the "lang" property
event = new CustomEvent("set-property", { this.sendSetPropertyEvent('lang', value);
bubbles: true,
composed: true,
detail: {'name': 'lang', 'value': value}
});
this.dispatchEvent(event);
// Unlike other cases we use the next language for the translations so that // Unlike other cases we use the next language for the translations so that
// users not knowing the current language can understand it. // users not knowing the current language can understand it.
......
...@@ -129,6 +129,16 @@ export class AdapterLitElement extends LitElement { ...@@ -129,6 +129,16 @@ export class AdapterLitElement extends LitElement {
// console.trace(); // console.trace();
} }
sendSetPropertyEvent(name, value) {
const event = new CustomEvent("set-property", {
bubbles: true,
composed: true,
detail: {'name': name, 'value': value}
});
return this.dispatchEvent(event);
}
// update(changedProperties) { // update(changedProperties) {
// changedProperties.forEach((oldValue, propName) => { // changedProperties.forEach((oldValue, propName) => {
// switch(propName) { // switch(propName) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment