UCEA

Article Listing 

<div class="min-h-[300px] bg-grey-50" id="listing">
    <div data-vue-module="ContentListing" data-root-nodes="1073,1023" data-search-configuration='{&quot;id&quot;:1234,&quot;resultsPerPage&quot;:12,&quot;listingType&quot;:&quot;4 Column List&quot;,&quot;paginationType&quot;:&quot;Load More&quot;,&quot;apiUrl&quot;:&quot;/front-end/mock-json/articles/list.json&quot;,&quot;fieldFilters&quot;:[{&quot;label&quot;:&quot;Topic&quot;,&quot;aliases&quot;:&quot;topics&quot;,&quot;filterType&quot;:&quot;Dropdown&quot;,&quot;source&quot;:[{&quot;name&quot;:&quot;Contracts&quot;,&quot;tagName&quot;:&quot;Contracts&quot;,&quot;id&quot;:1234},{&quot;name&quot;:&quot;Employee Experience&quot;,&quot;tagName&quot;:&quot;Employee Experience&quot;,&quot;id&quot;:1235},{&quot;name&quot;:&quot;Employee Relations and Trade Unions&quot;,&quot;tagName&quot;:&quot;Employee Relations and Trade Unions&quot;,&quot;id&quot;:1236},{&quot;name&quot;:&quot;Employment and Workforce&quot;,&quot;tagName&quot;:&quot;Employment and Workforce&quot;,&quot;id&quot;:1237},{&quot;name&quot;:&quot;Equality and Pay Gaps&quot;,&quot;tagName&quot;:&quot;Equality and Pay Gaps&quot;,&quot;id&quot;:1238},{&quot;name&quot;:&quot;Health, Safety and Wellbeing&quot;,&quot;tagName&quot;:&quot;Health, Safety and Wellbeing&quot;,&quot;id&quot;:1239},{&quot;name&quot;:&quot;JNCHES and Framework Agreement&quot;,&quot;tagName&quot;:&quot;JNCHES and Framework Agreement&quot;,&quot;id&quot;:1240},{&quot;name&quot;:&quot;Pay and Reward&quot;,&quot;tagName&quot;:&quot;Pay and Reward&quot;,&quot;id&quot;:1241},{&quot;name&quot;:&quot;Pensions&quot;,&quot;tagName&quot;:&quot;Pensions&quot;,&quot;id&quot;:1242}]},{&quot;label&quot;:&quot;Type&quot;,&quot;aliases&quot;:&quot;type&quot;,&quot;filterType&quot;:&quot;Dropdown&quot;,&quot;source&quot;:[{&quot;name&quot;:&quot;Publication&quot;,&quot;tagName&quot;:&quot;Publication&quot;,&quot;id&quot;:2001},{&quot;name&quot;:&quot;Stakeholder Briefings&quot;,&quot;tagName&quot;:&quot;Stakeholder Briefings&quot;,&quot;id&quot;:2002},{&quot;name&quot;:&quot;Consultation Responses&quot;,&quot;tagName&quot;:&quot;Consultation Responses&quot;,&quot;id&quot;:2003}]},{&quot;label&quot;:&quot;Publication date&quot;,&quot;aliases&quot;:&quot;publicationDate&quot;,&quot;filterType&quot;:&quot;Dropdown&quot;,&quot;source&quot;:[{&quot;name&quot;:&quot;Last Month&quot;,&quot;tagName&quot;:&quot;Last Month&quot;,&quot;id&quot;:3001},{&quot;name&quot;:&quot;Last 6 Months&quot;,&quot;tagName&quot;:&quot;Last 6 Months&quot;,&quot;id&quot;:3002},{&quot;name&quot;:&quot;Last Year&quot;,&quot;tagName&quot;:&quot;Last Year&quot;,&quot;id&quot;:3003},{&quot;name&quot;:&quot;All Time&quot;,&quot;tagName&quot;:&quot;All Time&quot;,&quot;id&quot;:3004}]},{&quot;label&quot;:&quot;Search&quot;,&quot;aliases&quot;:&quot;nodeName&quot;,&quot;filterType&quot;:&quot;Free Text&quot;,&quot;source&quot;:[]}]}'></div>
</div>
 
{% set hiddenFilters = hiddenFilters or [] %}

{% set allFilters = [
  {
    label: "Topic",
    aliases: "topics",
    filterType: "Dropdown",
    source: [
      { name: "Contracts", tagName: "Contracts", id: 1234 },
      { name: "Employee Experience", tagName: "Employee Experience", id: 1235 },
      { name: "Employee Relations and Trade Unions", tagName: "Employee Relations and Trade Unions", id: 1236 },
      { name: "Employment and Workforce", tagName: "Employment and Workforce", id: 1237 },
      { name: "Equality and Pay Gaps", tagName: "Equality and Pay Gaps", id: 1238 },
      { name: "Health, Safety and Wellbeing", tagName: "Health, Safety and Wellbeing", id: 1239 },
      { name: "JNCHES and Framework Agreement", tagName: "JNCHES and Framework Agreement", id: 1240 },
      { name: "Pay and Reward", tagName: "Pay and Reward", id: 1241 },
      { name: "Pensions", tagName: "Pensions", id: 1242 }
    ]
  },
  {
    label: "Type",
    aliases: "type",
    filterType: "Dropdown",
    source: [
      { name: "Publication", tagName: "Publication", id: 2001 },
      { name: "Stakeholder Briefings", tagName: "Stakeholder Briefings", id: 2002 },
      { name: "Consultation Responses", tagName: "Consultation Responses", id: 2003 }
    ]
  },
  {
    label: "Publication date",
    aliases: "publicationDate",
    filterType: "Dropdown",
    source: [
      { name: "Last Month", tagName: "Last Month", id: 3001 },
      { name: "Last 6 Months", tagName: "Last 6 Months", id: 3002 },
      { name: "Last Year", tagName: "Last Year", id: 3003 },
      { name: "All Time", tagName: "All Time", id: 3004 }
    ]
  },
  {
    label: "Search",
    aliases: "nodeName",
    filterType: "Free Text",
    source: []
  }
] %}

{% set filteredFilters = [] %}
{% for filter in allFilters %}
  {% if filter.aliases not in hiddenFilters %}
    {% set filteredFilters = (filteredFilters.push(filter), filteredFilters) %}
  {% endif %}
{% endfor %}

{% set searchConfiguration = {
  id: 1234,
  resultsPerPage: 12,
  listingType: "4 Column List",
  paginationType: "Load More",
  apiUrl: "/front-end/mock-json/articles/list.json",
  fieldFilters: filteredFilters
} | dump %}

<div class="min-h-[300px] bg-grey-50" id="listing">
    <div data-vue-module="ContentListing" data-root-nodes="1073,1023" data-search-configuration='{{ searchConfiguration }}'></div>
</div>
 
{
  "siteName": "UCEA"
}

No notes defined.