0.4.1h 11-Feb-2021

Feats seem to be working (missing fields)
Items now showing
NPCs operating erratically

compendium-browser.js
- Add the partials for npc, feat, item and the backing code

*-browser-list.html: ADDED
(partials for changing data)

compendium-browser.js

@@ -21,6 +21,7 @@
             0.4.1d: Fixed img observer on replaced spellData        
 11-Feb-2021 0.4.1e: Don't save the filter data (which is most of the memory) and remove the preload limit; instead just save the minimal amount of data     
             0.4.1g: Generalize the spell list reload and confirm spells still working   
+            0.4.1h: Add the partials for npc, feat, item and the backing code      
 */
 
 const CMPBrowser = {
@@ -47,10 +48,12 @@ class CompendiumBrowser extends Application {
         await loadTemplates([
             "modules/compendium-browser/template/spell-browser.html",
             "modules/compendium-browser/template/spell-browser-list.html",       
-//FIXME: Add -list partials for rendering the data separately            
             "modules/compendium-browser/template/npc-browser.html",
+            "modules/compendium-browser/template/npc-browser-list.html",
             "modules/compendium-browser/template/feat-browser.html",
+            "modules/compendium-browser/template/feat-browser-list.html",
             "modules/compendium-browser/template/item-browser.html",
+            "modules/compendium-browser/template/item-browser-list.html",
             "modules/compendium-browser/template/filter-container.html",
             "modules/compendium-browser/template/settings.html"
         ]);
@@ -775,7 +778,7 @@ class CompendiumBrowser extends Application {
         } else if (itemType === 'npc') {
             items = html.find("ul#CBNPCs");
         } else if (itemType === 'feat') {
-            items = html.find("ul#CBSpells");
+            items = html.find("ul#CBFeats");
         } else if (itemType === 'item') {
             items = html.find("ul#CBItems");
         }

template/feat-browser-list.html

@@ -0,0 +1,17 @@
+{{#each feats as |feat id|}}
+<li class="feat flexrow draggable" data-entry-compendium="{{feat.compendium}}" data-entry-id="{{id}}">
+    <div class="item-image">
+        <img class="" data-src="{{feat.img}}" title="{{feat.name}}" width="32" height="32" />
+    </div>
+    <div class="item-name">
+        <span class="item-edit"><a>{{feat.name}}</a></span>
+    </div>
+    <div class="feat-tags">
+        <span title="Class Requirement">{{feat.classRequirementString}}</span>
+
+    </div>
+    <div class="filter-tags">
+        <input type="hidden" name="class" value="{{feat.classRequirementString}}">
+    </div>
+</li>
+{{/each}}

template/feat-browser.html

@@ -15,24 +15,8 @@
         </div>
         {{> "modules/compendium-browser/template/filter-container.html" filters=featFilters}}
     </div>
-    <ul>
+    <ul id="CBFeats">
-        {{#each feats as |feat id|}}
+        {{> "modules/compendium-browser/template/feat-browser-list.html" feats=feats}}
-        <li class="feat flexrow draggable" data-entry-compendium="{{feat.compendium}}" data-entry-id="{{feat._id}}">
-            <div class="item-image">
-                <img class="" data-src="{{feat.img}}" title="{{feat.name}}" width="32" height="32"/>
-            </div>  
-            <div class="item-name">
-                <span class="item-edit" ><a>{{feat.name}}</a></span>
-            </div>
-            <div class="feat-tags">
-                <span title="Class Requirement">{{feat.classRequirementString}}</span>
-            
-            </div>
-            <div class="filter-tags">
-                <input type="hidden" name="class" value="{{feat.classRequirementString}}">
-            </div>
-        </li>
-        {{/each}}
     </ul>
 
 </div>

template/item-browser-list.html

@@ -0,0 +1,16 @@
+{{#each items as |item id|}}
+<li class="item flexrow draggable" data-entry-compendium="{{item.compendium}}" data-entry-id="{{id}}">
+    <div class="item-image">
+        <img class="" data-src="{{item.img}}" title="{{item.name}}" width="32" height="32" />
+    </div>
+    <div class="item-name">
+        <span class="item-edit"><a>{{item.name}}</a></span>
+    </div>
+    <div class="item-tags">
+        <span title="Item Type">{{item.type}}</span>
+    </div>
+    <div class="filter-tags">
+        <input type="hidden" name="type" value="{{item.type}}">
+    </div>
+</li>
+{{/each}}

template/item-browser.html

@@ -15,23 +15,8 @@
         </div>
         {{> "modules/compendium-browser/template/filter-container.html" filters=itemFilters}}
     </div>
-    <ul>
+    <ul id="CBItems">
-        {{#each items as |item id|}}
+        {{> "modules/compendium-browser/template/item-browser-list.html" items=items}}
-        <li class="item flexrow draggable" data-entry-compendium="{{item.compendium}}" data-entry-id="{{item._id}}">
-            <div class="item-image">
-                <img class="" data-src="{{item.img}}" title="{{item.name}}" width="32" height="32"/>
-            </div>  
-            <div class="item-name">
-                <span class="item-edit" ><a>{{item.name}}</a></span>
-            </div>
-            <div class="item-tags">
-                <span title="Item Type">{{item.type}}</span>
-            </div>
-            <div class="filter-tags">
-                <input type="hidden" name="type" value="{{item.type}}">
-            </div>
-        </li>
-        {{/each}}
     </ul>
 
 </div>

template/npc-browser-list.html

@@ -0,0 +1,21 @@
+{{#each npcs as |npc id|}}
+<li class="npc flexrow draggable" data-entry-compendium="{{npc.compendium}}" data-entry-id="{{id}}">
+    <div class="npc-image">
+        <img class="" data-src="{{npc.img}}" title="{{npc.name}}" width="32" height="32" />
+    </div>
+    <div class="npc-line">
+        <div class="npc-name">
+            <span class="item-edit"><a>{{npc.name}}</a></span>
+        </div>
+        <div class="npc-tags">
+            <span class="cr-display" title="Challange Rating">CR {{npc.displayCR}}</span>
+            <span class="size-display">{{npc.displaySize}}</span>
+            <span class="type">{{npc.data.details.type.value}}</span>
+        </div>
+        <div class="filter-tags">
+            <input type="hidden" name="order.cr" value="{{npc.data.details.cr}}">
+            <input type="hidden" name="order.size" value="{{npc.filterSize}}">
+        </div>
+    </div>
+</li>
+{{/each}}

template/npc-browser.html

@@ -16,28 +16,8 @@
         </div>                
         {{> "modules/compendium-browser/template/filter-container.html" filters=npcFilters}}
     </div>
-    <ul>
+    <ul id="CBNPCs">
-        {{#each npcs as |npc id|}}
+        {{> "modules/compendium-browser/template/npc-browser-list.html" npcs=npcs}}
-        <li class="npc flexrow draggable" data-entry-compendium="{{npc.compendium}}" data-entry-id="{{npc._id}}">
-            <div class="npc-image">
-                <img class="" data-src="{{npc.img}}" title="{{npc.name}}" width="32" height="32" />
-            </div>
-            <div class="npc-line">
-                <div class="npc-name">
-                    <span class="item-edit"><a>{{npc.name}}</a></span>
-                </div>
-                <div class="npc-tags">
-                    <span class="cr-display" title="Challange Rating">CR {{npc.displayCR}}</span>
-                    <span class="size-display">{{npc.displaySize}}</span>
-                    <span class="type">{{npc.data.details.type.value}}</span>
-                </div>
-                <div class="filter-tags">
-                    <input type="hidden" name="order.cr" value="{{npc.data.details.cr}}">
-                    <input type="hidden" name="order.size" value="{{npc.filterSize}}">
-                </div>
-            </div>
-        </li>
-        {{/each}}
     </ul>
 
 </div>