Fix indeterminant sorting in listing tables

Table listings were including the hyperlink `a` tag itself in the contents of the title, meaning that the filter would also apply to the contents of the a tag (for example, the HREF). The weirdness was especially pronounced when testing local previews and filtering with numbers, since the href would often contain port numbers, making the behavior appear random.

Author: dragonstyle

src/project/types/website/listing/website-listing-template.ts

@@ -369,14 +369,25 @@ export function reshapeListing(
   utilities.fieldName = (field: string) => {
     return reshaped[kFieldDisplayNames][field] || field;
   };
-  utilities.outputLink = (item: ListingItem, field: string, val?: string) => {
+  utilities.outputLink = (
+    item: ListingItem,
+    field: string,
+    val?: string,
+    clz?: string,
+  ) => {
     const fieldLinks = reshaped[kFieldLinks];
     const value = val || item[field];
     const path = item.path;
     if (path && value !== undefined && fieldLinks.includes(field)) {
-      return `<a href="${path}" class="${field}">${value}</a>`;
+      return `<a href="${path}" class="${field}${
+        clz ? ` ${clz}` : ""
+      }">${value}</a>`;
     } else {
-      return value;
+      if (clz) {
+        return `<span class="${clz}">${value}</span>`;
+      } else {
+        return value;
+      }
     }
   };
   utilities.sortTarget = (field: string) => {

src/resources/projects/website/listing/listing-table.ejs.md

@@ -41,7 +41,7 @@ value = listing.utilities.img(itemNumber, item[field], "", item['image-alt']);
 value = listing.utilities.imgPlaceholder(itemNumber, item.outputHref);
 }
 }
-return listing.utilities.outputLink(item, field, value);
+return listing.utilities.outputLink(item, field, value, `listing-${field}`);
 }
 %>
 
@@ -63,7 +63,7 @@ return listing.utilities.outputLink(item, field, value);
 
 <tr <%= listing.utilities.metadataAttrs(item) %><%= onclick(item) %>>
 <% for (const field of fields){ %>
-<td class="listing-<%- field %>">
+<td>
 <%= outputValue(itemNumber, field) %>
 </td>
 <% } %>