Difference between revisions of "Widget:DCTList"
From LINKS Community Center
| 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 13:43, 7 September 2022
Development verstion of the DCT List.
Not ready for production!