{"version":3,"sources":["../js/modules/filterSections.js","../js/main.js"],"names":["FilterSections","sections","filter","$","addClass","click","e","el","target","id","attr","removeClass","setTimeout","section","subBox","visibleArticles","after","whichState","url","get","stories","each","toUpperCase","imgWrapper","img","vidWrapper","hero","video","undefined","title","date","preview","append","lead","headline","intro","includes","push","story","i","sectionButton"],"mappings":"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","file":"main.f6a73f1a.map","sourceRoot":"../src/html","sourcesContent":["export default class FilterSections {\n  constructor(sections) {\n    this.sections = sections;\n    this.filter();\n  }\n  filter() {\n    $('#all').addClass('selector-btn--active');\n    // this.addSubscribe();\n    $('.selector-btn').click(e => {\n      let el = $(e.target);\n      let id = el.attr('id');\n\n      // Removes class from all, adds active button to clicked\n      $('.selector-btn').removeClass('selector-btn--active');\n      el.addClass('selector-btn--active');\n\n      $(`.lp-card[data-section]`).removeClass('slide-in-right');\n      $(`.lp-card[data-section]`).addClass('slide-out-left');\n\n      if (id == 'all') {\n        setTimeout(() => {\n          $(`.lp-card[data-section]`).removeClass('slide-out-left');\n          $(`.lp-card[data-section]`).addClass('slide-in-right');\n          $(`.lp-card[data-section]`).removeClass('hidden');\n        }, 200);\n        // this.addSubscribe();\n      } else {\n        // Loops through sections,\n        for (let section of this.sections) {\n          // Element with section attribute\n          let el = $(`.lp-card[data-section=\"${section}\"]`);\n          if (id !== section) {\n            // el.addClass('slide-out-left');\n            setTimeout(() => {\n              el.addClass('hidden');\n            }, 200);\n          } else {\n            el.removeClass('slide-out-left');\n            el.addClass('slide-in-right');\n            setTimeout(() => {\n              el.removeClass('hidden');\n            }, 200);\n            // this.addSubscribe();\n          }\n        }\n      }\n    });\n  }\n  addSubscribe() {\n    let subBox = $('.subscribe-box');\n    let visibleArticles = $('.lp-card:not(.hidden)');\n    $(visibleArticles[0]).after(subBox);\n  }\n}\n","import FilterSections from './modules/filterSections';\n\n$(function() {\n  let whichState = $('script[data-state]').attr('data-state');\n  let url = `https://media.miamiherald.com/static/media/projects/2018/florence-lp/${whichState}-urls.json`;\n  $.get(url, stories => {\n    let sections = ['all'];\n\n    // stories.sort((a,b) => new Date(b.date) - new Date(a.date));\n\n    for (let each of stories) {\n      if (each == null) {\n        continue;\n      } else if (each.section.toUpperCase() == 'TOP STORY') {\n        let imgWrapper = `\n            <div class=\"hero--img-wrapper\">\n              <img class=\"hero--img\" src=\"${each.img}\" alt=\"\">\n            </div>\n          `;\n\n        let vidWrapper = `\n            <div class=\"mcclatchy-embed\">\n              <iframe src=\"${\n                each.hero.video\n              }/video-embed\" frameborder=\"0\" allowfullscreen=\"true\"></iframe>\n            </div>\n          `;\n\n        let hero = `\n            ${each.hero.video !== undefined ? vidWrapper : imgWrapper}\n            <div class=\"hero__head-wrapper\">\n              <h2 class=\"title hero__title\">\n              <a href=\"${each.url}\">${each.title}</a>\n              </h2>\n              <time class=\"timestamp\">${each.date}</time>\n              <p class=\"hero__intro\">${each.hero.preview}</p>\n            </div>`;\n\n        $('.lp-hero').append(hero);\n      } else if (each.section.toUpperCase() == 'META INFO') {\n        let lead = `\n          <div class=\"header__image-wrapper\">\n          <img src=\"${each.img}\" alt=\"\">\n          </div>\n          <div class=\"header__text-wrapper\">\n          <h1>${each.headline}</h1>\n          <p>${each.intro}</p>\n          </div>\n          `;\n\n        $('.lp-header').append(lead);\n      } else {\n        if (!sections.includes(each.section)) sections.push(each.section);\n        let story = `\n            <article class=\"lp-card\" data-section=\"${each.section}\">\n            <div class=\"card__img-wrapper\">\n              <a href=\"${each.url}\">\n                <img class=\"card__img\" src=\"${each.img}\" alt=\"\" />\n              </a>\n            </div>\n            <div class=\"card__article-wrapper\">\n              <div class=\"lp-kicker\">${each.section}</div>\n              <h4 class=\"title card__title\">\n                <a href=\"${each.url}\">${each.title}</a>\n              </h4>\n              <time class=\"timestamp\">${each.date}</time>\n              </div>\n            </article>\n            `;\n\n        $('.lp-story-cards').append(story);\n      }\n    }\n\n    for (let i of sections) {\n      let sectionButton = `\n            <button class=\"selector-btn\" id=\"${i}\">${i.toUpperCase()}</button>\n          `;\n\n      $('.selector-wrapper').append(sectionButton);\n    }\n\n    new FilterSections(sections);\n  });\n});\n"]}