feat: add compendium document ids

League-of-Foundry-Developers · Jan 23, 2022 · 80f2a89 · 80f2a89
1 parent e8322bc
commit 80f2a89
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 2 deletions.
diff --git a/lang/en.json b/lang/en.json
@@ -46,6 +46,10 @@
         "Name": "Show Sidebar Directory Ids?",
         "Hint": "Places a clickable chip on sidebar directory entries to copy the id or print the document to the console. Requires Reload"
       },
+      "show-compendium-ids": {
+        "Name": "Show Compendium Document Ids?",
+        "Hint": "Places a clickable chip on compendium directory entries to copy the id or print the document to the console."
+      },
       "suppress-too-small": {
         "Name": "Suppress Window Size Warning",
         "Hint": "Suppresses the window size warning on startup."

diff --git a/module/classes/DevMode.mjs b/module/classes/DevMode.mjs
@@ -26,6 +26,7 @@ export class DevMode {
     packageSpecificDebug: 'package-specific-debug',
     suppressTooSmall: 'suppress-too-small',
     showDirectoryIds: 'show-directory-ids',
+    showCompendiumIds: 'show-compendium-ids',
     appHeaderButton: 'app-header-button',
     showChatIds: 'show-chat-ids',
     disableTemplateCache: 'disable-template-cache',

diff --git a/module/classes/DevModeSettings.mjs b/module/classes/DevModeSettings.mjs
@@ -35,6 +35,10 @@ export class DevModeSettings {
         return;
       },
     },
+    {
+      key: DevMode.SETTINGS.showCompendiumIds,
+      default: true,
+    },
     {
       key: DevMode.SETTINGS.appHeaderButton,
       default: true,

diff --git a/module/hooks/dev-mode-anchor.mjs b/module/hooks/dev-mode-anchor.mjs
@@ -16,9 +16,11 @@ export default function setupDevModeAnchor() {
   const devModeTag = (relevantId, collection) => `
   <div class="dev-mode-tag">
     ${relevantId}
-    <div class="dev-mode-tag-actions" ${idAttribute}="${relevantId}" data-collection="${collection}">
+    <div class="dev-mode-tag-actions"
+    ${idAttribute}="${relevantId}"
+    ${collection ? `data-collection="${collection}"` : ''}>
       <button class="dev-mode-copy" title=""><i class="far fa-copy"></i></button>
-      <button class="dev-mode-print" title=""><i class="fa fa-terminal"></i></button>
+      ${collection ? '<button class="dev-mode-print" title=""><i class="fa fa-terminal"></i></button>' : ''}
     </div>
   </div>
   `;
@@ -50,6 +52,23 @@ export default function setupDevModeAnchor() {
     html.addClass('dev-mode-anchor');
   });
 
+  Hooks.on('renderCompendium', async (compendium, html) => {
+    if (!game.settings.get(DevMode.MODULE_ID, DevMode.SETTINGS.showCompendiumIds)) {
+      return;
+    }
+
+    DevMode.log(false, 'renderCompendium', compendium, {
+      idAttribute,
+    });
+
+    html.find(`.directory-item[${idAttribute}]`).each(function () {
+      const relevantId = $(this).data()?.[idKey];
+
+      $(this).addClass('dev-mode-anchor');
+      $(this).append(devModeTag(relevantId));
+    });
+  });
+
   /**
    * Any DOM element with the `.dev-mode-copy` class will look up the tree for an element
    * with `${idAttribute}` attribute and copy that attribute's value when clicked.