ChrisChrome/web-paging
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add space between buttons

Browse source
This commit is contained in:
Christopher Cookman 2025-12-20 20:08:37 -07:00
parent 31800360d2
commit 717c4499ba
1 changed files with 45 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

90
views/index.ejs
View file

@ -40,52 +40,52 @@
<div class="container-fluid d-flex justify-content-center align-items-center min-vh-100"> <div class="container-fluid d-flex justify-content-center align-items-center min-vh-100">
<div> <div>
<table class="table table-borderless table-sm"> <table class="table table-borderless table-sm">
<thead> <thead>
<tr> <tr>
<% for (let c = 0; c < numCols; c++) { %> <% for (let c = 0; c < numCols; c++) { %>
<th class="text-left"> <th class="text-left p-2">
<h3><%= cols[c] || '' %></h3> <h3><%= cols[c] || '' %></h3>
</th> </th>
<% } %> <% } %>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<% chunks.forEach((row) => { %> <% chunks.forEach((row) => { %>
<tr> <tr>
<% for (let c = 0; c < numCols; c++) { <% for (let c = 0; c < numCols; c++) {
const cell = row[c] || {}; const cell = row[c] || {};
const isBlank = Object.keys(cell).length === 0; const isBlank = Object.keys(cell).length === 0;
%> %>
<td class="text-left"> <td class="text-left p-2">
<% if (isBlank) { %> <% if (isBlank) { %>
<!-- blank space --> <!-- blank space -->
<% } else { <% } else {
const ctx = cell.context || {}; const ctx = cell.context || {};
%> %>
<button <button
class="btn <%= cell.btnClass || 'btn-secondary' %> mb-1 w-100 <%= cell.doubleHeight ? 'btn-tall' : 'btn-short' %> fw-bold fs-4 <%= cell.faIcon ? 'd-flex justify-content-center align-items-center' : '' %>" class="btn <%= cell.btnClass || 'btn-secondary' %> mb-1 w-100 <%= cell.doubleHeight ? 'btn-tall' : 'btn-short' %> fw-bold fs-4 <%= cell.faIcon ? 'd-flex justify-content-center align-items-center' : '' %>"
name="<%= cell.name || '' %>" name="<%= cell.name || '' %>"
onclick="triggerAnnouncement(this)" onclick="triggerAnnouncement(this)"
<% if (ctx.context) { %> data-context="<%= ctx.context %>" <% } %> <% if (ctx.context) { %> data-context="<%= ctx.context %>" <% } %>
<% if (ctx.timeout) { %> data-timeout="<%= ctx.timeout %>" <% } %> <% if (ctx.timeout) { %> data-timeout="<%= ctx.timeout %>" <% } %>
<% if (ctx.cid) { %> data-cid="<%= ctx.cid %>" <% } %> <% if (ctx.cid) { %> data-cid="<%= ctx.cid %>" <% } %>
<% if (ctx.dial) { %> data-dial="<%= ctx.dial %>" <% } %> <% if (ctx.dial) { %> data-dial="<%= ctx.dial %>" <% } %>
> >
<% if (cell.faIcon) { %> <% if (cell.faIcon) { %>
<i class="<%= cell.faIcon %> me-2" <% if (cell.faStyle) { %> style="<%= cell.faStyle %>" <% } %>></i> <i class="<%= cell.faIcon %> me-2" <% if (cell.faStyle) { %> style="<%= cell.faStyle %>" <% } %>></i>
<span><%= cell.text || '' %></span> <span><%= cell.text || '' %></span>
<% } else { %> <% } else { %>
<%= cell.text || '' %> <%= cell.text || '' %>
<% } %> <% } %>
</button> </button>
<% } %> <% } %>
</td> </td>
<% } %> <% } %>
</tr> </tr>
<% }); %> <% }); %>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>