Widget: DCTList: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 6: Line 6:
     <style>
     <style>
         #dct-list-wrapper { font-family: 'Open Sans'; }
         #dct-list-wrapper { font-family: 'Open Sans'; }
         #dct-list-wrapper h1 {  
         #dct-list-wrapper h1 {
             font-family: 'Raleway';
             font-family: 'Raleway';
             font-weight: 300;
             font-weight: 300;
Line 13: Line 13:
             color: var(--links-blue);
             color: var(--links-blue);
         }
         }
         #dct-list-wrapper h2 {  
         #dct-list-wrapper h2 {
             font-family: 'Raleway';
             font-family: 'Raleway';
             font-weight: 300;
             font-weight: 300;
Line 20: Line 20:
         #data-source-filter {
         #data-source-filter {
             font-size: 1.2em;
             font-size: 1.2em;
             margin-bottom: 4em;  
             margin-bottom: 4em;
             display: grid;
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
             grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
Line 72: Line 72:
                         '|?Image' +
                         '|?Image' +
                         '|?Data Sources';
                         '|?Data Sources';
         const dctQueryUrl = '/api.php?action=ask&limit=500&format=json&query=' + encodeURIComponent(dctQuery);
         const dctQueryUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(dctQuery);
         const dctResponse = await fetch(dctQueryUrl).then(response => response.json());
         const dctResponse = await fetch(dctQueryUrl).then(response => response.json());
         // console.log('DCT Response:', dctResponse);
         // console.log('DCT Response:', dctResponse);
Line 108: Line 108:
                     title: 'Name',
                     title: 'Name',
                     field: 'name',
                     field: 'name',
                    headerFilter: true,
                     formatter: function (cell) {
                     formatter: function (cell) {
                         /** @type {DCT} */
                         /** @type {DCT} */

Revision as of 16:35, 7 June 2022

Development verstion of the DCT List.
Not ready for production!