46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
* Side Public License, v 1.
|
|
*/
|
|
|
|
import { SIMPLE_EMBEDDABLE, SimpleEmbeddableInput } from '.';
|
|
import { Embeddable, IContainer } from '../../../../src/plugins/embeddable/public';
|
|
|
|
export class SimpleEmbeddable extends Embeddable<SimpleEmbeddableInput> {
|
|
// The type of this embeddable. This will be used to find the appropriate factory
|
|
// to instantiate this kind of embeddable.
|
|
public readonly type = SIMPLE_EMBEDDABLE;
|
|
|
|
constructor(initialInput: SimpleEmbeddableInput, parent?: IContainer) {
|
|
super(
|
|
// Input state is irrelevant to this embeddable, just pass it along.
|
|
initialInput,
|
|
// Initial output state - this embeddable does not do anything with output, so just
|
|
// pass along an empty object.
|
|
{},
|
|
// Optional parent component, this embeddable can optionally be rendered inside a container.
|
|
parent
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Render yourself at the dom node using whatever framework you like, angular, react, or just plain
|
|
* vanilla js.
|
|
* @param node
|
|
*/
|
|
public render(node: HTMLElement) {
|
|
const input = this.getInput();
|
|
// eslint-disable-next-line no-unsanitized/property
|
|
node.innerHTML = `<div data-test-subj="simpleEmbeddable">${input.title} ${input.value}</div>`;
|
|
}
|
|
|
|
/**
|
|
* This is mostly relevant for time based embeddables which need to update data
|
|
* even if EmbeddableInput has not changed at all.
|
|
*/
|
|
public reload() {}
|
|
}
|