Merge pull request #78 from cmd-ntrf/jupyterlab4

improve feedback on hover of Load/Unload module button
cmd-ntrf · Nov 7, 2024 · 58a8f7d · 58a8f7d
2 parents 310860d + a51213d
commit 58a8f7d
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -214,12 +214,21 @@ class ModuleWidget extends Widget {
     if (target.tagName == 'SPAN') {
       show_module(target.innerText);
     } else if(target.tagName == 'BUTTON') {
-      const span = event.target.closest('li').querySelector('span');
-      const item = span.innerText;
+      const parent_li = event.target.closest('li');
+      const mod_label = parent_li.querySelector('span');
+      const mod_name = mod_label.innerText;
       if(target.innerText == 'Load') {
-        await load_module(item);
+        target.innerText = 'Loading...';
+        target.style.visibility = 'visible';
+        target.style.backgroundColor = "#99b644";
+        parent_li.style.backgroundColor = "#dde6c0";
+        await load_module(mod_name);
       } else if(target.innerText == 'Unload') {
-        await moduleAPI.unload([item]);
+        target.innerText = 'Unloading...';
+        target.style.visibility = 'visible';
+        target.style.backgroundColor = "#ee8b44";
+        parent_li.style.backgroundColor = "#fad7c0";
+        await moduleAPI.unload([mod_name]);
       }
       this.update();
     }

diff --git a/style/index.css b/style/index.css