UCEA

Event 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/events/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;Event date&quot;,&quot;aliases&quot;:&quot;eventDate&quot;,&quot;filterType&quot;:&quot;Dropdown&quot;,&quot;source&quot;:[{&quot;name&quot;:&quot;July-September 2026&quot;,&quot;tagName&quot;:&quot;July-September 2026&quot;,&quot;id&quot;:3001},{&quot;name&quot;:&quot;October-December 2026&quot;,&quot;tagName&quot;:&quot;October-December 2026&quot;,&quot;id&quot;:3002},{&quot;name&quot;:&quot;January-March 2027&quot;,&quot;tagName&quot;:&quot;January-March 2027&quot;,&quot;id&quot;:3003},{&quot;name&quot;:&quot;April-June 2027&quot;,&quot;tagName&quot;:&quot;April-June 2027&quot;,&quot;id&quot;:3004},{&quot;name&quot;:&quot;Past Events&quot;,&quot;tagName&quot;:&quot;Past Events&quot;,&quot;id&quot;:3005}]},{&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 searchConfiguration = {
  id: 1234,
  resultsPerPage: 12,
  listingType: "4 Column List",
  paginationType: "Load More",
  apiUrl: "/front-end/mock-json/events/list.json",
  fieldFilters: [
    {
      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: "Event date",
      aliases: "eventDate",
      filterType: "Dropdown",
      source: [
        { name: "July-September 2026", tagName: "July-September 2026", id: 3001 },
        { name: "October-December 2026", tagName: "October-December 2026", id: 3002 },
        { name: "January-March 2027", tagName: "January-March 2027", id: 3003 },
        { name: "April-June 2027", tagName: "April-June 2027", id: 3004 },
        { name: "Past Events", tagName: "Past Events", id: 3005 }                     
      ]
    },
    {
      label: "Search",
      aliases: "nodeName",
      filterType: "Free Text",
      source: []
    }
  ]
} | 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.