Difference between revisions of "Widget:DevGuidelines"

From LINKS Community Center
Jump to: navigation, search
Line 1: Line 1:
<noinclude>Development version of the List of Guidelines.<br><strong style="color:red;">Not ready for production!</strong></noinclude>
+
<noinclude>Development version of the List of Guidelines.<br><strong style="color:red;">Not ready for
 +
        production!</strong></noinclude>
 
<includeonly>
 
<includeonly>
 
     <link href="/resources/assets/tabulator.min.css" rel="stylesheet">
 
     <link href="/resources/assets/tabulator.min.css" rel="stylesheet">
Line 47: Line 48:
 
         const PHASE_PROP = 'Disaster Management Phase new';
 
         const PHASE_PROP = 'Disaster Management Phase new';
 
         const THEME_PROP = 'Covers Thematic';
 
         const THEME_PROP = 'Covers Thematic';
         const LANG_PROP = 'Language';
+
         const LANG_PROP = 'Language';
         const YEAR_PROP = 'Year Published';
+
         const YEAR_PROP = 'Year Published';
         const EX_PROP   = 'Audience Experience Level';
+
         const EX_PROP = 'Audience Experience Level';
         const TA_PROP   = 'Target Audience';
+
         const TA_PROP = 'Target Audience';
  
 
         const guidelineQuery = '[[Category:Guideline]]'
 
         const guidelineQuery = '[[Category:Guideline]]'
                            + '|?' + PHASE_PROP
+
            + '|?' + PHASE_PROP
                            + '|?' + THEME_PROP
+
            + '|?' + THEME_PROP
                            + '|?' + LANG_PROP
+
            + '|?' + LANG_PROP
                            + '|?' + YEAR_PROP
+
            + '|?' + YEAR_PROP
                            + '|?' + EX_PROP
+
            + '|?' + EX_PROP
                            + '|?' + TA_PROP;
+
            + '|?' + TA_PROP;
  
 
         async function getGuidelines() {
 
         async function getGuidelines() {
Line 77: Line 78:
 
         }
 
         }
  
         Promise.all([ getGuidelines() ]).then(data => {
+
         Promise.all([getGuidelines()]).then(data => {
 
             const guidelines = data[0];
 
             const guidelines = data[0];
  
Line 87: Line 88:
 
                 responsiveLayout: 'collapse',
 
                 responsiveLayout: 'collapse',
 
                 columns: [
 
                 columns: [
                     { title: 'Title', field: 'title' },
+
                     {
                     { title: 'Year', field: YEAR_PROP },
+
                        title: 'Title',
                     { title: 'Language', field: LANG_PROP, formatter: cell => cell.getValue().join(', ') },
+
                        field: 'title'
                     { title: 'Covers thematic', field: THEME_PROP, formatter: cell => cell.getValue().join(', ') },
+
                    },
                     { title: 'Target audience', field: TA_PROP, formatter: cell => cell.getValue().join(', ') },
+
                     {
                     { title: 'Audience experience level', field: EX_PROP, formatter: cell => cell.getValue().join(', ') },
+
                        title: 'Year',
 +
                        field: YEAR_PROP
 +
                    },
 +
                     {
 +
                        title: 'Language',
 +
                        field: LANG_PROP,
 +
                        formatter: cell => cell.getValue().join(', ')
 +
                    },
 +
                     {
 +
                        title: 'Audience experience level',
 +
                        field: EX_PROP,
 +
                        formatter: cell => cell.getValue().join(', ')
 +
                    },
 +
                     {
 +
                        title: 'Covers thematic',
 +
                        field: THEME_PROP,
 +
                        formatter: cell => cell.getValue().join(', ')
 +
                    },
 +
                     {
 +
                        title: 'Target audience',
 +
                        field: TA_PROP,
 +
                        formatter: cell => cell.getValue().join(', ')
 +
                    }
 
                 ],
 
                 ],
 
                 initialSort: [
 
                 initialSort: [
Line 98: Line 121:
 
                 ]
 
                 ]
 
             });
 
             });
               
+
 
 
             table.on('tableBuilt', () => {
 
             table.on('tableBuilt', () => {
 
                 table.redraw(true);
 
                 table.redraw(true);
Line 125: Line 148:
 
             <ul>
 
             <ul>
 
                 <li>Building a communication strategy for social media and consideration of the main elements (e.g.
 
                 <li>Building a communication strategy for social media and consideration of the main elements (e.g.
                     needed roles
+
                     needed roles for the team)</li>
                    for
 
                    the team)</li>
 
 
                 <li>Set up and evaluate social media activities</li>
 
                 <li>Set up and evaluate social media activities</li>
 
                 <li>Recommended actions on social media before, during and after a crisis</li>
 
                 <li>Recommended actions on social media before, during and after a crisis</li>

Revision as of 10:33, 6 September 2022

Development version of the List of Guidelines.
Not ready for

       production!