add styling to stashbox scene count

7dJx1qP · Feb 13, 2024 · 377bfbe · 377bfbe
1 parent c980e08
commit 377bfbe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/plugins/stashStashboxSceneCount/stashStashboxSceneCount.js b/plugins/stashStashboxSceneCount/stashStashboxSceneCount.js
@@ -8,10 +8,16 @@
         waitForElementClass,
         waitForElementByXpath,
         getElementByXpath,
+        insertAfter,
         getClosestAncestor,
+        createElementFromHTML,
         updateTextInput,
     } = window.stash7dJx1qP;
 
+    document.body.appendChild(document.createElement('style')).textContent = `
+    .stash-id-pill span.stashbox-scene-count { border-radius: .25rem; background-color: #394b59; }
+    `;
+
     async function runGetStashboxPerformerSceneCountTask(endpoint, api_key, stashId) {
         if (endpoint !== 'https://stashdb.org/graphql') return;
         return stash.runPluginTask("stashStashboxSceneCount", "Get Stashbox Performer Scene Count", [{"key":"endpoint", "value":{"str": endpoint}}, {"key":"api_key", "value":{"str": api_key}}, {"key":"stash_id", "value":{"str": stashId}}]);
@@ -149,8 +155,8 @@
                 const stashBoxSceneCount = await stash.pollLogsForMessage(`[Plugin / Stash Stashbox Scene Count] ${stash_id}: `);
                 const el = getElementByXpath(`//span[@class='stash-id-pill']/a[text()='${stash_id}']`);
                 if (el) {
-                    //el.innerText = `${stash_id} ${sceneCount}/${stashBoxSceneCount}`;
-                    el.innerText = `${stash_id} ${stashBoxSceneCount}`;
+                    const badge = createElementFromHTML(`<span class="stashbox-scene-count ml-1">${stashBoxSceneCount}</span>`);
+                    insertAfter(badge, el);
                 }
             }
         }
@@ -170,8 +176,8 @@
                 const stashBoxSceneCount = await stash.pollLogsForMessage(`[Plugin / Stash Stashbox Scene Count] ${stash_id}: `);
                 const el = getElementByXpath(`//span[@class='stash-id-pill']/a[text()='${stash_id}']`);
                 if (el) {
-                    //el.innerText = `${stash_id} ${sceneCount}/${stashBoxSceneCount}`;
-                    el.innerText = `${stash_id} ${stashBoxSceneCount}`;
+                    const badge = createElementFromHTML(`<span class="stashbox-scene-count ml-1">${stashBoxSceneCount}</span>`);
+                    insertAfter(badge, el);
                 }
             }
         }

diff --git a/plugins/stashStashboxSceneCount/stashStashboxSceneCount.yml b/plugins/stashStashboxSceneCount/stashStashboxSceneCount.yml
@@ -1,7 +1,7 @@
 name: Stash Stashbox Scene Count
 # requires: stashUserscriptLibrary7dJx1qP
 description: Adds stashbox scene counts to performers and studios
-version: 0.2.0
+version: 0.2.1
 ui:
   requires: 
   - stashUserscriptLibrary7dJx1qP