Updates

blurymind · Sep 6, 2024 · 4bf9d78 · 4bf9d78
1 parent 80d1b99
commit 4bf9d78
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 6 deletions.
diff --git a/index.html b/index.html
diff --git a/js/main.7df991b6e7cde8867382.js b/js/main.7df991b6e7cde8867382.js
diff --git a/js/main.833dbcb798e26a943600.js b/js/main.833dbcb798e26a943600.js
diff --git a/js/runtime.7df991b6e7cde8867382.js → js/runtime.833dbcb798e26a943600.js b/js/runtime.7df991b6e7cde8867382.js → js/runtime.833dbcb798e26a943600.js
diff --git a/js/vendor.7df991b6e7cde8867382.js → js/vendor.833dbcb798e26a943600.js b/js/vendor.7df991b6e7cde8867382.js → js/vendor.833dbcb798e26a943600.js
diff --git a/public/plugins/resources-editor.js b/public/plugins/resources-editor.js
@@ -119,6 +119,7 @@ export var ResourcesEditor = function({
 
   this.onCommitResourceFiles = newContent => {
     this.isBusy('Uploading changes to gist...');
+    document.querySelector('resources-component').setIsLocked(true);
     app.data.storage.editGistFile('resources.json', newContent).then(({ok, gistId, file}) => {
       if(ok){
         ToastWc.show({
@@ -136,6 +137,7 @@ export var ResourcesEditor = function({
           time: 3000,
         });      
       }
+      document.querySelector('resources-component').setIsLocked(false);
       this.isBusy('')
     });
   };
@@ -147,7 +149,12 @@ export var ResourcesEditor = function({
       title: '',
       html:`
         <div id="resourcesEditorWrapper" style="height:${HEIGHT}">
-            <spinner-component></spinner-component>
+            <spinner-component style="
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              z-index: 999;
+            "></spinner-component>
             <resources-component>
               <span slot="header-area">Files in</span>
             </resources-component>

diff --git a/public/version.json b/public/version.json
@@ -1,3 +1,3 @@
 {
-  "version": "0.4.352"
+  "version": "0.4.353"
 }
diff --git a/public/web-components.js b/public/web-components.js
@@ -426,6 +426,12 @@ class ResourcesComponent extends HTMLElement {
     this.updateRawUrl = (newUrl) => {
       shadowRoot.getElementById('resourcesFileLink').href = newUrl || 'unknown';
     }
+    this.setIsLocked = isLocked => {//todo make it a class
+      shadowRoot.getElementById('header-buttons').style.pointerEvents = isLocked ? 'none' : 'auto';
+      shadowRoot.getElementById('header-buttons').style.opacity = isLocked ? '0.8' : '1';
+      shadowRoot.getElementById('resource-file-buttons').style.pointerEvents = isLocked ? 'none' : 'auto';
+      shadowRoot.getElementById('resource-file-buttons').style.opacity = isLocked ? '0.8' : '1';
+    }
   }
 
   init({ file, darkMode, headerButtons, gistId }) {//todo you cannot pass functions to web components, but can use events?

diff --git a/sw.js b/sw.js