sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
20 lines • 1.37 kB
JavaScript
// Spinner component used by the data source handler
// bridges the time between loading the datasource for list or search widget
import { HTMLComponent } from "../HtmlComponent";
export default class LoadingSpinner extends HTMLComponent {
constructor(parentComponent) {
super(`loadingspinner`, parentComponent, null);
}
render() {
super.render();
this.html.append(`<span class="load">${"<svg version=\"1.1\" class=\"playLoader\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 100 100\" enable-background=\"new 0 0 0 0\" xml:space=\"preserve\"><path fill=\"#000\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>" /* UiuxConfig.ICON_LOOADER */}</span><span class="spinner-message"></span>`);
return this;
}
renderMessage(message) {
const elements = this.html[0].getElementsByClassName(`spinner-message`);
if (elements.length > 1)
throw Error(`More than one spinner-message found in${this.html[0]}`);
elements[0].textContent = message;
}
}
//# sourceMappingURL=LoadingSpinner.js.map