feat: Add target attribute to links in listing templates if provided

Author: mcanouil

src/resources/projects/website/listing/item-default.ejs.md

@@ -32,7 +32,7 @@ return value;
 let value = readField(item, field);
 if (value !== undefined) {
 print(`<div class="metadata-value listing-${field}">${listing.utilities.outputLink(item, field, value)}</div>`);
- }
+}
 }
 %>
 
@@ -41,7 +41,7 @@ print(`<div class="metadata-value listing-${field}">${listing.utilities.outputLi
 <% if (fields.includes('image')) { %>
 
 ```{=html}
-<div class="thumbnail"><a href="<%- item.path %>" class="no-external">
+<div class="thumbnail"><a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="no-external">
 <% if (item.image) { %>
 <%= listing.utilities.img(itemNumber, item.image, "thumbnail-image", item['image-alt'], item['image-lazy-loading'] ?? listing['image-lazy-loading']) %>
 <% } else { %>
@@ -55,9 +55,10 @@ print(`<div class="metadata-value listing-${field}">${listing.utilities.outputLi
 ::: {.body}
 
 <% if (fields.includes('title')) { %>
-<h3 class="no-anchor listing-title"><a href="<%- item.path %>" class="no-external"><%= item.title %></a></h3>
+
+<h3 class="no-anchor listing-title"><a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="no-external"><%= item.title %></a></h3>
 <% if (fields.includes('subtitle')) { %>
-<div class="listing-subtitle"><a href="<%- item.path %>" class="no-external"><%= item.subtitle %></a></div>
+<div class="listing-subtitle"><a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="no-external"><%= item.subtitle %></a></div>
 <% } %>
 <% } %>
 
@@ -76,7 +77,7 @@ print(`<div class="metadata-value listing-${field}">${listing.utilities.outputLi
 <% if (fields.includes('description')) { %>
 
 ```{=html}
-<div class="delink listing-description"><a href="<%- item.path %>" class="no-external">
+<div class="delink listing-description"><a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="no-external">
 ```
 
 <%= item.description %>
@@ -92,14 +93,16 @@ print(`<div class="metadata-value listing-${field}">${listing.utilities.outputLi
 ::: {.metadata}
 
 ```{=html}
-<a href="<%- item.path %>" class="no-external">
+<a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="no-external">
 ```
 
 <% if (fields.includes('date') && item.date) { %>
+
 <div class="listing-date"><%= item.date %></div>
 <% } %>
 
 <% if (fields.includes('author') && item.author) { %>
+
 <div class="listing-author"><%= item.author %></div>
 <% } %>
 

src/resources/projects/website/listing/item-grid.ejs.md

@@ -40,7 +40,7 @@ return !["title", "image", "image-alt", "date", "author", "subtitle", "descripti
 ::: {.g-col-1 <%= listing.utilities.metadataAttrs(item) %> }
 
 ```{=html}
-<a href="<%- item.path %>" class="quarto-grid-link">
+<a href="<%- item.path %>" <%= item.target ? `target="${item.target}"` : "" %> class="quarto-grid-link">
 <div class="quarto-grid-item card h-100 <%= `card-${align}` %><%= hideBorders ? ' borderless' : '' %>">
 ```
 
@@ -68,10 +68,12 @@ return !["title", "image", "image-alt", "date", "author", "subtitle", "descripti
 ::: {.card-body .post-contents}
 
 <% if (showField('title')) { %>
+
 <h5 class="no-anchor card-title listing-title"><%= item.title %></h5>
 <% } %>
 
 <% if (showField('subtitle')) { %>
+
 <div class="card-subtitle listing-subtitle"><%= item.subtitle %></div>
 <% } %>
 
@@ -120,10 +122,12 @@ const flexJustify = showField('author') && showField('date') ? "justify" : showF
 ```
 
 <% if (showField('author')) { %>
+
 <div class="listing-author"><%= item.author %></div>
 <% } %>
 
 <% if (showField('date')) { %>
+
 <div class="listing-date"><%= item.date %></div>
 <% } %>