Widget: DCTList: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| Line 20: | Line 20: | ||
#dct-list-wrapper h1, | #dct-list-wrapper h1, | ||
#dct-filters h2 { | #dct-filters h2 { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| Line 492: | Line 491: | ||
// Exit if filter object/type doesn't exist (happens after Tabulator's own filter reset). | // Exit if filter object/type doesn't exist (happens after Tabulator's own filter reset). | ||
if (!(filter && filter.type)) { summary.textContent = 'No filter | if (!(filter && filter.type)) { summary.textContent = 'No filter'; return; } | ||
// Update filter text. | // Update filter text. | ||
| Line 498: | Line 497: | ||
!filter.type.functions && | !filter.type.functions && | ||
!filter.type.dataSources | !filter.type.dataSources | ||
) { summary.textContent = 'No filter | ) { summary.textContent = 'No filter'; } | ||
else { | else { | ||
let summaryHtml = '<table>'; | let summaryHtml = '<table>'; | ||
| Line 602: | Line 601: | ||
<div id="filter-bar"> | <div id="filter-bar"> | ||
<div style="display: flex; justify-content: space-between;"> | <div style="display: flex; justify-content: space-between;"> | ||
<div> | <div style="flex: 1 1;"> | ||
<h2>Applied Filters</h2> | <h2 style="margin: 0;">Applied Filters</h2> | ||
<div id="filter-summary"> | <div id="filter-summary">No filter</div> | ||
</div> | </div> | ||
<button class="large-button" type="button" onclick="toggleFilter()">Filters</button> | <button class="large-button" style="flex: 0 0;" type="button" onclick="toggleFilter()">Filters</button> | ||
</div> | </div> | ||
Revision as of 12:43, 7 September 2022
Development verstion of the DCT List.
Not ready for production!