mirror of
https://github.com/pyscript/pyscript.git
synced 2026-04-20 23:00:26 -04:00
b767a78b05
* Add onscreen error when using py-env paths in local HTTP files without file server * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Remove redundant code, fix error handling, add 404 error * Lint and Format * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * manage errors loading files * use handleFetchError for handling fetch errors in env Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> Co-authored-by: Fabio Pliger <fabio.pliger@gmail.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { BaseEvalElement } from './base';
|
|
|
|
export class PyLoader extends BaseEvalElement {
|
|
shadow: ShadowRoot;
|
|
wrapper: HTMLElement;
|
|
theme: string;
|
|
widths: Array<string>;
|
|
label: string;
|
|
mount_name: string;
|
|
details: HTMLElement;
|
|
operation: HTMLElement;
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.innerHTML = `<div id="pyscript_loading_splash" class="fixed top-0 left-0 right-0 bottom-0 w-full h-screen z-50 overflow-hidden bg-gray-600 opacity-75 flex flex-col items-center justify-center">
|
|
<div class="smooth spinner"></div>
|
|
<div id="pyscript-loading-label" class="label">
|
|
<div id="pyscript-operation-details">
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
this.mount_name = this.id.split('-').join('_');
|
|
this.operation = document.getElementById('pyscript-operation');
|
|
this.details = document.getElementById('pyscript-operation-details');
|
|
}
|
|
|
|
log(msg: string) {
|
|
const newLog = document.createElement('p');
|
|
newLog.innerText = msg;
|
|
this.details.appendChild(newLog);
|
|
}
|
|
|
|
close() {
|
|
this.remove();
|
|
}
|
|
}
|