Difference between revisions of "Widget:DataExporter"

From LINKS Community Center
Jump to: navigation, search
 
(12 intermediate revisions by the same user not shown)
Line 22: Line 22:
  
 
                 // Check user.
 
                 // Check user.
−
                 const usrData = await fetch('/api.php?action=query&meta=userinfo&format=json').then(rsp => rsp.json());
+
                 const usrData = await fetch(
 +
                    '/api.php?action=query&meta=userinfo&format=json'
 +
                ).then(rsp => rsp.json());
 
                 if (!permittedUsers.includes(usrData?.query?.userinfo?.name)) {
 
                 if (!permittedUsers.includes(usrData?.query?.userinfo?.name)) {
 
                     output.innerHTML = '<span style="color:red; font-size:large">Access Denied</span>';
 
                     output.innerHTML = '<span style="color:red; font-size:large">Access Denied</span>';
Line 29: Line 31:
  
 
                 const formData = new FormData(document.getElementById('export_form'));
 
                 const formData = new FormData(document.getElementById('export_form'));
−
                const lib = formData.get('library');
 
−
                let schemaUrl;
 
−
                if (lib === 'TL') schemaUrl = '/index.php?title=Category:Disaster_Community_Technology&action=raw';
 
−
                else if (lib === 'UCL') schemaUrl = '/index.php?title=Category:Use_Cases&action=raw';
 
−
                else if (lib === 'GL') schemaUrl = '/index.php?title=Category:Guideline&action=raw';
 
  
−
                 const schemaXml = await fetch(schemaUrl).then(rsp => rsp.text());
+
                // Fetch schema and parse it into an export query.
 +
                 const schemaXml = await fetch(
 +
                    '/index.php?&action=raw&title=Category:' + formData.get('library')
 +
                ).then(rsp => rsp.text());
 
                 const schema = (new DOMParser).parseFromString(schemaXml, 'text/xml');
 
                 const schema = (new DOMParser).parseFromString(schemaXml, 'text/xml');
 +
 +
                let exportUrl = encodeURIComponent(
 +
                    '[[Category:' + formData.get('library').replaceAll('_', ' ') + ']]'
 +
                ).replaceAll('%', '-');
  
 
                 for (const field of schema.querySelectorAll('Field')) {
 
                 for (const field of schema.querySelectorAll('Field')) {
Line 42: Line 46:
 
                         || field.getAttribute('name');
 
                         || field.getAttribute('name');
 
                     const label = field.querySelector('Label')?.textContent;
 
                     const label = field.querySelector('Label')?.textContent;
−
                     output.innerHTML += prop + ' | ' + label + '<br>';
+
                     exportUrl += '/' + encodeURIComponent('?' + prop).replaceAll('%', '-');
 +
                    if (!!label) exportUrl += '%3D' + encodeURIComponent(label).replaceAll('%', '-');
 
                 }
 
                 }
 +
 +
                exportUrl += '/format%3Dspreadsheet/fileformat%3D' + formData.get('fileformat');
 +
                output.innerHTML = exportUrl;
 +
 +
                // const exportParams = new URLSearchParams();
 +
                // exportParams.set('action', 'ask');
 +
                // exportParams.set('format', 'spreadsheet');
 +
                // exportParams.set('fileformat', formData.get('fileformat'));
 +
                // exportParams.set('query', encodeURIComponent(exportUrl));
 +
 +
                // fetch('/api.php?' + exportParams.toString());
 +
 +
                // const dl = document.createElement('a');
 +
                // dl.href = 'https://links.communitycenter.eu/index.php/Special:Ask/' + exportUrl;
 +
                // dl.download = 'export.' + formData.get('fileformat');
 +
                // document.body.appendChild(dl);
 +
                // dl.click();
 +
                // document.body.removeChild(dl);
 +
 +
                fetch('https://links.communitycenter.eu/index.php/Special:Ask/' + exportUrl)
 +
                    .then(res => res.blob())
 +
                    .then(blob => {
 +
                        const file = window.URL.createObjectURL(blob);
 +
                        window.location.assign(file);
 +
                    })
 +
 +
                // exportUrl = '/api.php?action=ask&format=spreadsheet&query=[[Category:Disaster Community Technology]]';
 +
                // exportUrl = '/api.php?action=ask&format=spreadsheet&query=[[Category:Use Cases]]';
 +
                // exportUrl = '/api.php?action=ask&format=spreadsheet&query=[[Category:Guideline]]';
 +
 +
                // exportUrl += ''; // &fileformat=csv  &fileformat=ods  &fileformat=xlsx
 +
                // exportUrl += ''; // &filename=MyFilename <- LIB+DATE
 
             }
 
             }
 
         </script>
 
         </script>
−
 
 
     </head>
 
     </head>
  
Line 56: Line 92:
 
                     <legend>Library</legend>
 
                     <legend>Library</legend>
  
−
                     <input type="radio" id="lib_TL" name="library" value="TL" checked>
+
                     <input type="radio" id="lib_TL" name="library" value="Disaster_Community_Technology" checked>
 
                     <label for="lib_TL">Technologies</label><br>
 
                     <label for="lib_TL">Technologies</label><br>
  
−
                     <input type="radio" id="lib_UCL" name="library" value="UCL">
+
                     <input type="radio" id="lib_UCL" name="library" value="Use_Cases">
 
                     <label for="lib_UCL">Use Cases</label><br>
 
                     <label for="lib_UCL">Use Cases</label><br>
  
−
                     <input type="radio" id="lib_GL" name="library" value="GL">
+
                     <input type="radio" id="lib_GL" name="library" value="Guideline">
 
                     <label for="lib_GL">Guidelines</label>
 
                     <label for="lib_GL">Guidelines</label>
 
                 </fieldset>
 
                 </fieldset>
Line 68: Line 104:
 
                     <legend>Format</legend>
 
                     <legend>Format</legend>
  
−
                     <input type="radio" id="FILE_XLSX" name="fileformat" value="xlsx" checked>
+
                     <input type="radio" id="file_XLSX" name="fileformat" value="xlsx" checked>
−
                     <label for="FILE_XLSX">Excel (.xslx)</label><br>
+
                     <label for="file_XLSX">Excel (.xlsx)</label><br>
  
 
                     <input type="radio" id="file_ODS" name="fileformat" value="ods">
 
                     <input type="radio" id="file_ODS" name="fileformat" value="ods">

Latest revision as of 13:34, 17 August 2023

Retrieved from "https://links.communitycenter.eu/index.php?title=Widget:DataExporter&oldid=11004"