JSFiddle - React, Tailwind, and code Playground

by wholypantalones

HTML

<div ng-app="ctrl" ng-controller="mindCtrl">
  <pre>Filters ({{filters.length}}): {{filters | json}}</pre>
</div>

JavaScript

angular.module("ctrl", []).controller("mindCtrl", function($scope) {
  const banners = [{
      "bannerId": 66,
      "bannerType": {
        "bannerTypeId": 5,
        "bannerTypeName": "upnav",
        "bannerTypeDescription": "Displays as the up-nav advertisement"
      },
      "destinationLabel": "retail-header-upnav-destination",
      "destinationDescription": "Destination for the retail site upnav banner",
      "templateType": "retail-index-upnav",
      "templateDescription": "Banners displayed on the index page of the retail sites",
      "imageUrl": "",
      "buttonText": "See Details",
      "actionLink": "/promo-details",
      "hasButton": true,
      "altText": "",
      "publishDate": 1538366400000,
      "expireDate": 1540958400000,
      "bannerLabel": "Retail Site Current Upnav",
      "bannerSelector": "retail-header-upnav-banner",
      "bannerText": "USE CODE FALL25 TO GET $25 OFF ORDERS OF $125++",
      "brandLabel": "",
      "linkText": null,
      "backgroundColor": "#FF9800",
      "caption": null,
      "buttonClass": "btn-danger",
      "additionalConfigJson": "{\"backgroundColor\":\"rgb(185,50,50)\"}",
      "textColor": "#f5f5f5",
      "header": null
    },
    {
      "bannerId": 91,
      "bannerType": {
        "bannerTypeId": 7,
        "bannerTypeName": "carousel slide",
        "bannerTypeDescription": "A banner that is a carousel slide"
      },
      "destinationLabel": "retail-slides-carousel-destination",
      "destinationDescription": "Carousel slides shown on the index page of the retail sites",
      "templateType": "retail-index-slides",
      "templateDescription": "Slide banner templates for the retail site index page",
      "imageUrl": "/doc/id/0c2b56a1-7230-4fb4-815a-6864967f6be1",
      "buttonText": "Click Some",
      "actionLink": "https://www.autoparts2020.com/motorcraft",
      "hasButton": false,
      "altText": "Alt text",
      "publishDate": null,
      "expireDate": null,
      "bannerLabel":...