allow refreshing single card after editing user metadata instead of all cards

1 files changed, 14 insertions, 5 deletions

diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index 8b67bf2b..e453094a 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -296,9 +296,18 @@ function extraNetworksEditUserMetadata(event, tabname, extraPage, cardName) {
     event.stopPropagation();
 }
 
-function extraNetworksReloadAll() {
-    closePopup();
-
-    gradioApp().getElementById('txt2img_extra_refresh').click();
-    gradioApp().getElementById('img2img_extra_refresh').click();
+function extraNetworksRefreshSingleCard(page, tabname, name) {
+    requestGet("./sd_extra_networks/get-single-card", {page: page, tabname: tabname, name: name}, function(data) {
+        if (data && data.html) {
+            var card = gradioApp().querySelector('.card[data-name=' + JSON.stringify(name) + ']'); // likely using the wrong stringify function
+
+            var newDiv = document.createElement('DIV');
+            newDiv.innerHTML = data.html;
+            var newCard = newDiv.firstElementChild;
+
+            newCard.style = '';
+            card.parentElement.insertBefore(newCard, card);
+            card.parentElement.removeChild(card);
+        }
+    });
 }