add browsePack action

module/actor/actor-sheet.js

@@ -22,6 +22,7 @@ export default class DeltaGreenActorSheet extends DGSheetMixin(ActorSheetV2) {
       typedSkillAction: DeltaGreenActorSheet._onTypedSkillAction,
       specialTrainingAction: DeltaGreenActorSheet._onSpecialTrainingAction,
       applySkillImprovements: DeltaGreenActorSheet._applySkillImprovements,
+      browsePack: DeltaGreenActorSheet._browsePack,
     },
   });
 
@@ -696,6 +697,41 @@ export default class DeltaGreenActorSheet extends DGSheetMixin(ActorSheetV2) {
     }).render(true);
   }
 
+  static _browsePack(event, target) {
+    const { packType } = target.dataset;
+    switch (packType) {
+      case "weapon": {
+        new Dialog({
+          title: "Select Compendium",
+          buttons: {
+            firearms: {
+              icon: '<i class="fas fa-crosshairs"></i>',
+              callback: () =>
+                game.packs
+                  .find((k) => k.collection === "deltagreen.firearms")
+                  .render(true),
+            },
+            melee: {
+              icon: '<i class="far fa-hand-rock"></i>',
+              callback: () =>
+                game.packs
+                  .find(
+                    (k) => k.collection === "deltagreen.hand-to-hand-weapons",
+                  )
+                  .render(true),
+            },
+          },
+        }).render(true);
+        break;
+      }
+      default:
+        game.packs
+          .find((k) => k.collection === `deltagreen.${packType}`)
+          .render(true);
+        break;
+    }
+  }
+
   /** @override */
   activateListeners(html) {
     super.activateListeners(html);
@@ -727,39 +763,6 @@ export default class DeltaGreenActorSheet extends DGSheetMixin(ActorSheetV2) {
       });
     }
 
-    // Browse Weapon Compendiums
-    html.find(".weapon-browse").click((ev) => {
-      const dialog = new Dialog({
-        title: "Select Compendium",
-        buttons: {
-          firearms: {
-            icon: '<i class="fas fa-crosshairs"></i>',
-            callback: () =>
-              game.packs
-                .find((k) => k.collection === "deltagreen.firearms")
-                .render(true),
-          },
-          melee: {
-            icon: '<i class="far fa-hand-rock"></i>',
-            callback: () =>
-              game.packs
-                .find((k) => k.collection === "deltagreen.hand-to-hand-weapons")
-                .render(true),
-          },
-        },
-      });
-
-      dialog.render(true);
-    });
-
-    html.find(".armor-browse").click((ev) => {
-      game.packs.find((k) => k.collection === "deltagreen.armor").render(true);
-    });
-
-    html.find(".gear-browse").click((ev) => {
-      // game.packs.find(k=>k.collection==="deltagreen.firearms").render(true);
-    });
-
     html.find(".toggle-lethality").click((event) => {
       this._toggleLethality(event);
     });

templates/actor/parts/gear-tab.html

@@ -23,7 +23,7 @@
 
                 <span>
                     {{localize 'DG.Gear.Name'}}
-                    <a><i class="weapon-browse fas fa-search"></i></a>
+                    <a data-action="browsePack" data-pack-type="weapon"><i class="fas fa-search"></i></a>
                 </span>
                 <span class="centered-item-property">{{localize 'DG.Gear.DamageOrLethality'}}</span>
                 <span class="centered-item-property">{{localize 'DG.Gear.ArmorPiercing'}}</span>
@@ -145,7 +145,7 @@
                     {{/if}}
                 </div>
                 <div class="item-name">
-                    <span>{{localize 'DG.Gear.Name'}} <a><i class="armor-browse fas fa-search"></i></a></span>
+                    <span>{{localize 'DG.Gear.Name'}} <a data-action="browsePack" data-pack-type="armor"><i class="fas fa-search"></i></a></span>
                 </div>
                 <span class="centered-item-property">{{localize 'DG.Gear.ArmorRating'}}</span>
                 <span class="centered-item-property">{{localize 'DG.Gear.Equipped'}}</span>