Add view metadata button for Lora cards.

1 files changed, 37 insertions, 1 deletions

diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index d0177ad6..2fb87cd5 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -102,4 +102,40 @@ function extraNetworksSearchButton(tabs_id, event){
 

     searchTextarea.value = text

     updateInput(searchTextarea)

-}
\ No newline at end of file
+}

+

+var globalPopup = null;

+var globalPopupInner = null;

+function popup(contents){

+    if(! globalPopup){

+        globalPopup = document.createElement('div')

+        globalPopup.onclick = function(){ globalPopup.style.display = "none"; };

+        globalPopup.classList.add('global-popup');

+

+        var close = document.createElement('div')

+        close.classList.add('global-popup-close');

+        close.onclick = function(){ globalPopup.style.display = "none"; };

+        close.title = "Close";

+        globalPopup.appendChild(close)

+

+        globalPopupInner = document.createElement('div')

+        globalPopupInner.onclick = function(event){ event.stopPropagation(); return false; };

+        globalPopupInner.classList.add('global-popup-inner');

+        globalPopup.appendChild(globalPopupInner)

+

+        gradioApp().appendChild(globalPopup);

+    }

+

+    globalPopupInner.innerHTML = '';

+    globalPopupInner.appendChild(contents);

+

+    globalPopup.style.display = "flex";

+}

+

+function extraNetworksShowMetadata(text){

+    elem = document.createElement('pre')

+    elem.classList.add('popup-metadata');

+    elem.textContent = text;

+

+    popup(elem);

+}