sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
27 lines • 1.43 kB
JavaScript
import { HTMLComponent } from "../HtmlComponent";
import { Order } from "../../SparnaturalQueryIfc";
export class NoOrderBtn extends HTMLComponent {
constructor(ParentComponent, callBack) {
let widgetHtml = $("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\"><g id=\"Groupe_221\" data-name=\"Groupe 221\" transform=\"translate(-1554 -1000)\"><path id=\"Ellipse_13\" data-name=\"Ellipse 13\" d=\"M11,1.7A9.3,9.3,0,1,0,20.3,11,9.311,9.311,0,0,0,11,1.7M11,0A11,11,0,1,1,0,11,11,11,0,0,1,11,0Z\" transform=\"translate(1554 1000)\" fill=\"#707070\"/><path id=\"Ligne_127\" data-name=\"Ligne 127\" d=\"M.462,11.714l-.924-1.427,17-11L17.462.714Z\" transform=\"translate(1556.5 1005.5)\" fill=\"#707070\"/></g></svg>" /* UiuxConfig.ICON_NO_ORDER */);
super("none", ParentComponent, widgetHtml);
this.selected = false;
this.setSelected = (selected) => {
this.selected = selected;
this.selected
? this.html.addClass("selected")
: this.html.removeClass("selected");
};
// add clicklistener
this.widgetHtml.on("click", (e) => {
if (!this.selected) {
// notify other buttons
callBack(Order.NOORDER);
}
});
}
render() {
super.render();
return this;
}
}
//# sourceMappingURL=NoOrderBtn.js.map