fen
7dc70d62f6
The PASTE column fallback for untitled pastes used the .slug class, which renders as a monospace chip with a background pill. Give it a dedicated paste-name modifier that strips the chip styling (background, padding, radius, mono font) so the fallback looks identical to a titled paste (var(--fg) plain text). The dedicated ID column and URL column chips keep their existing styling. Applied to both /history and /mine tables.
53 lines
2.6 KiB
HTML
53 lines
2.6 KiB
HTML
{{template "head" .}}
|
|
{{template "topbar" .}}
|
|
<div class="page">
|
|
<div class="head-row">
|
|
<h1>Public pastes</h1>
|
|
<span class="count" id="count"></span>
|
|
</div>
|
|
<div class="search"><input id="filter" placeholder="Search…"><span class="search-spinner" id="search-spinner"></span></div>
|
|
<div class="float">
|
|
<table>
|
|
<colgroup><col style="width:260px"><col style="width:140px"><col style="width:120px"><col style="width:96px"><col style="width:140px"><col style="width:190px"><col style="width:100px"></colgroup>
|
|
<thead><tr>
|
|
<th data-sort="title" class="sortable"><span class="sort-ind"></span>Paste</th>
|
|
<th data-sort="language" class="sortable"><span class="sort-ind"></span>Language</th>
|
|
<th data-sort="size" class="sortable"><span class="sort-ind"></span>Size</th>
|
|
<th data-sort="view_count" class="sortable"><span class="sort-ind"></span>Views</th>
|
|
<th data-sort="created_at" class="sortable"><span class="sort-ind"></span>Created</th>
|
|
<th data-sort="custom_slug" class="sortable"><span class="sort-ind"></span>URL</th>
|
|
<th data-sort="id" class="sortable"><span class="sort-ind"></span>ID</th>
|
|
</tr></thead>
|
|
<tbody id="rows"></tbody>
|
|
</table>
|
|
<div class="empty" id="empty" style="display:none">No pastes yet. Create the first one.</div>
|
|
</div>
|
|
<div class="pager float">
|
|
<span id="showing"></span>
|
|
<div class="pg" id="pg"></div>
|
|
</div>
|
|
</div>
|
|
<script src="/static/table.js"></script>
|
|
<script>
|
|
const t = PaletteTable.init({
|
|
endpoint: '/api/public',
|
|
perPage: 25,
|
|
hasPager: true,
|
|
rowHtml: it =>
|
|
`<tr class="row" data-href="/${t.esc(it.id)}"><td>` +
|
|
(it.title
|
|
? `${t.esc(it.title)}${it.is_can ? ' <span class="badge" title="Can — bundle of items">can</span>' : ''}`
|
|
: `<a class="slug paste-name" href="/${t.esc(it.id)}">${t.esc(it.id)}</a>${it.is_can ? ' <span class="badge" title="Can — bundle of items">can</span>' : ''}`) +
|
|
`</td>` +
|
|
`<td><span class="badge">${t.esc(it.language || 'text')}</span></td>` +
|
|
`<td class="dim">${t.fmtSize(it.size)}</td><td class="dim">${it.view_count}</td><td class="dim" data-ts="${it.created_at}">${t.ago(it.created_at)}</td>` +
|
|
(it.custom_slug ? `<td><a class="slug url-link" href="/${t.esc(it.custom_slug)}">/${t.esc(it.custom_slug)}</a></td>` : `<td class="dim">none</td>`) +
|
|
`<td class="dim"><a class="id-link" href="/${t.esc(it.id)}">${t.esc(it.id)}</a></td></tr>`,
|
|
emptyFiltered: 'No pastes match your search.',
|
|
emptyAll: 'No pastes yet. Create the first one.',
|
|
});
|
|
t.load();
|
|
setInterval(t.load, 30000); // auto-refresh history every 30s
|
|
</script>
|
|
{{template "foot" .}}
|