aboutsummaryrefslogtreecommitdiff
path: root/static/widgets/upload-bar
diff options
context:
space:
mode:
Diffstat (limited to 'static/widgets/upload-bar')
-rw-r--r--static/widgets/upload-bar/index.css41
-rw-r--r--static/widgets/upload-bar/index.js44
2 files changed, 0 insertions, 85 deletions
diff --git a/static/widgets/upload-bar/index.css b/static/widgets/upload-bar/index.css
deleted file mode 100644
index 8ec1697..0000000
--- a/static/widgets/upload-bar/index.css
+++ /dev/null
@@ -1,41 +0,0 @@
-
-#container {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- width: calc(100% - 10px);
- height: 100px;
- background: #efefef99;
- backdrop-filter: blur(10px);
- border-radius: var(--border-radius);
- max-width: 500px;
- padding: 10px 20px;
- display: grid;
-}
-
-#files {
- background: #efefef;
- padding: 10px;
- border-radius: 20px;
- margin: auto;
- width: min-content;
- white-space: nowrap;
-}
-
-#inner-progress {
- width: 100%;
- height: 5px;
- border-radius: 5px;
- background: #efefef;
- overflow: hidden;
- margin: auto;
-}
-
-
-#progress {
- background: var(--primary);
- height: 100%;
- border-radius: 5px;
- transition: width 0.2s ease;
-}
diff --git a/static/widgets/upload-bar/index.js b/static/widgets/upload-bar/index.js
deleted file mode 100644
index f6d37b5..0000000
--- a/static/widgets/upload-bar/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import * as sfw from 'sfw';
-const { Div } = sfw.element.native;
-
-import stylesheet from './index.css';
-
-const css = await sfw.css.sheet(stylesheet);
-
-export default class UploadBar extends sfw.element.Container {
- #files_progress
- #inner_progress
- #container
-
- constructor() {
- super({ css });
-
- this.body.append(
- this.#container = Div.new({
- id: 'container',
- style: { display: 'none' },
- children: [
- this.#files_progress = Div.new({ id: 'files', innerText: 'Uploading...' }),
- Div.new({
- id: 'inner-progress',
- children: [
- this.#inner_progress = Div.new({ id: 'progress' }),
- ]
- })
- ]
- })
- );
- }
-
- set progress(progress) {
- this.#inner_progress.style.width = `${progress * 100}%`
- }
-
- hide() {
- this.#container.style.display = 'none';
- }
-
- show() {
- this.#container.style.display = '';
- }
-}