e-virt-table
Version:
A powerful data table based on canvas. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
50 lines • 1.8 kB
JavaScript
export default class Tooltip {
constructor(ctx) {
Object.defineProperty(this, "ctx", {
enumerable: true,
configurable: true,
writable: true,
value: void 0
});
Object.defineProperty(this, "loadingEl", {
enumerable: true,
configurable: true,
writable: true,
value: void 0
});
this.ctx = ctx;
if (this.ctx.loadingElement) {
this.loadingEl = this.ctx.loadingElement;
}
else {
this.loadingEl = document.createElement('div');
const loadingSpinner = document.createElement('div');
loadingSpinner.className = 'e-virt-table-loading-spinner';
const loadingSvg = this.ctx.icons.getSvg('loading');
if (loadingSvg) {
const parser = new DOMParser();
const doc = parser.parseFromString(loadingSvg.svg, 'image/svg+xml');
const svgEl = doc.documentElement;
loadingSpinner.appendChild(svgEl);
}
const loadingText = document.createElement('p');
loadingText.className = 'e-virt-table-loading-text';
loadingText.innerText = this.ctx.config.LOADING_TEXT;
loadingSpinner.appendChild(loadingText);
this.loadingEl.appendChild(loadingSpinner);
}
this.loadingEl.className = 'e-virt-table-loading';
this.loadingEl.style.display = 'none';
this.ctx.containerElement.appendChild(this.loadingEl);
}
show() {
this.loadingEl.style.display = 'flex';
}
hide() {
this.loadingEl.style.display = 'none';
}
destroy() {
this.loadingEl.remove();
}
}
//# sourceMappingURL=Loading.js.map