Gigaclear Pattern Library

Event Listing 

<div class="min-h-[300px]" id="listing">
    <div data-vue-module="ContentListing" data-root-nodes="1073,1023" data-search-configuration='{&quot;id&quot;:1234,&quot;resultsPerPage&quot;:6,&quot;listingType&quot;:&quot;Mosaic 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;Example Single Filter&quot;,&quot;aliases&quot;:&quot;topics&quot;,&quot;filterType&quot;:&quot;Filter Buttons&quot;,&quot;source&quot;:[{&quot;name&quot;:&quot;Insights&quot;,&quot;tagName&quot;:&quot;Insights&quot;,&quot;id&quot;:1234},{&quot;name&quot;:&quot;Events&quot;,&quot;tagName&quot;:&quot;Events&quot;,&quot;id&quot;:1235},{&quot;name&quot;:&quot;Company announcements&quot;,&quot;tagName&quot;:&quot;Company announcements&quot;,&quot;id&quot;:1236},{&quot;name&quot;:&quot;Regulatory updates&quot;,&quot;tagName&quot;:&quot;Regulatory updates&quot;,&quot;id&quot;:1237},{&quot;name&quot;:&quot;Community involvement&quot;,&quot;tagName&quot;:&quot;Community involvement&quot;,&quot;id&quot;:1238},{&quot;name&quot;:&quot;Awards&quot;,&quot;tagName&quot;:&quot;Awards&quot;,&quot;id&quot;:1239},{&quot;name&quot;:&quot;Sustainability&quot;,&quot;tagName&quot;:&quot;Sustainability&quot;,&quot;id&quot;:1240},{&quot;name&quot;:&quot;Technology&quot;,&quot;tagName&quot;:&quot;Technology&quot;,&quot;id&quot;:1241}]}]}'></div>
</div>
 
{% set searchConfiguration = {
  id: 1234,
  resultsPerPage: 6,
  listingType: "Mosaic List",
  paginationType: "Load More",
  apiUrl: "/front-end/mock-json/events/list.json",
  fieldFilters: [
    {
      label: "Example Single Filter",
      aliases: "topics",
      filterType: "Filter Buttons",
      source: [
        { name: "Insights", tagName: "Insights", id: 1234 },
        { name: "Events", tagName: "Events", id: 1235 },
        { name: "Company announcements", tagName: "Company announcements", id: 1236 },
        { name: "Regulatory updates", tagName: "Regulatory updates", id: 1237 },
        { name: "Community involvement", tagName: "Community involvement", id: 1238 },
        { name: "Awards", tagName: "Awards", id: 1239 },
        { name: "Sustainability", tagName: "Sustainability", id: 1240 },
        { name: "Technology", tagName: "Technology", id: 1241 }
      ]
    }
  ]
} | dump %}

<div class="min-h-[300px]" id="listing">
    <div data-vue-module="ContentListing" data-root-nodes="1073,1023" data-search-configuration='{{ searchConfiguration }}'></div>
</div>
 
{
  "siteName": "Gigaclear Pattern Library"
}
  • Handle: @event-listing
  • Preview:
  • Filesystem Path: fractal\components\04-listing-feed-components\event-listing\event-listing.nunjucks
  • Referenced by (1): @event-list

No notes defined.