{"version":3,"sources":["webpack:///./app/components/component-lightbox/component-lightbox-video.js","webpack:///./app/modules/module-utlysning-collection/module-utlysning-collection.js"],"names":["ComponentLightboxVideoContent","props","state","isLoading","this","keepFocus","fetchUrl","url","embedUrl","videoType","substring","indexOf","lastIndexOf","$lightbox","$","addClass","parent","className","type","data-remodal-action","aria-label","width","height","src","frameBorder","allowFullScreen","aria-hidden","React","Component","moduleUtlysningCollection","init","$context","length","each","i","el","$currentContext","$calendarBlocks","find","hasClass","appendTo","handleVideoItem","utils","checkInfoPuffs","window","on","e","stopPropagation","$anchor","target","closest","renderLightBox","attr","open","preventDefault","clickedTarget","tagName","component","render","video","$video","text","trim","getJSON","format","data","undefined","title"],"mappings":"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","file":"js/utlysning-collection.8b307171aec6455a854e.js","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport $ from 'jquery';\r\nimport classNames from 'classnames';\r\nimport noCache from 'superagent-no-cache';\r\nimport T from 'i18n-react';\r\n\r\nclass ComponentLightboxVideoContent extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      isLoading: false,\r\n    }\r\n\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    if (!this.state.isLoading) this.props.keepFocus();\r\n  }\r\n  componentDidMount() {\r\n  }\r\n\r\n  render() {\r\n    if (!this.props.fetchUrl) return false;\r\n    let url = this.props.fetchUrl;\r\n    let videoType = this.props.videoType;\r\n    let embedUrl = '';\r\n\r\n    switch (videoType) {\r\n      case 'youtube':\r\n        embedUrl = 'https://www.youtube.com/embed/' + url.substring(url.indexOf('=') + 1) + '?autoplay=1';\r\n        break;\r\n      case 'vimeo':\r\n        embedUrl = 'https://player.vimeo.com/video/' + url.substring(url.lastIndexOf('/') + 1) + '?autoplay=1&byline=0&portrait=0';\r\n        break;\r\n      default:\r\n    }\r\n    let $lightbox = $('.remodal');\r\n    $lightbox.addClass('video');\r\n    $lightbox.parent().addClass('video-background');\r\n\r\n    return (\r\n      <div className=\"component-lightbox_wrapper_video\">\r\n        <header className=\"component-lightbox_header clearfix\">\r\n          <button type=\"button\" data-remodal-action=\"close\" className=\"component-lightbox_close\" aria-label=\"Knapp, stäng fönster\"></button>\r\n        </header>\r\n        <div className=\"component-lightbox_content\">\r\n          <div className=\"video-puff-wrapper\">\r\n            <iframe width=\"560\" height=\"315\" src={embedUrl} frameBorder=\"0\" allowFullScreen={true}></iframe>\r\n          </div>\r\n        </div>\r\n        <button type=\"button\" data-remodal-action=\"close\" className=\"goToFirstElm\" aria-hidden=\"true\"></button>\r\n      </div>\r\n    );\r\n  }\r\n};\r\n\r\nexport default ComponentLightboxVideoContent;\r\n","import utils from '../../framework/js/app.utils';\r\nimport $ from 'jquery';\r\nimport React from 'react';\r\nimport { render } from 'react-dom';\r\nimport LightBox from '../../components/component-lightbox/component-lightbox';\r\nimport LightBoxCalendarContent from '../../components/component-lightbox/component-lightbox-calendar';\r\nimport LightBoxVideoContent from '../../components/component-lightbox/component-lightbox-video';\r\n\r\n/*module: utlysning collection */\r\n\r\nlet moduleUtlysningCollection = {\r\n  init() {\r\n    let $context = $('.module-utlysning-collection, .module-puffblocks');\r\n    \r\n    if ($context.length === 0) return false;\r\n\r\n    $context.each((i, el) => {\r\n      let $currentContext = $(el),\r\n      $calendarBlocks = $currentContext.find('[data-calendar-block-url]');\r\n      if ($currentContext.hasClass('module-utlysning-collection--listview')) return;\r\n\r\n      $calendarBlocks.each((i, el) => {\r\n        $('<div class=\"react-render\" />').appendTo(el);\r\n      });\r\n\r\n      $currentContext.find('[data-video-lightbox]').each((i, el) => {\r\n        $('<div class=\"react-render\" />').appendTo(el);\r\n        this.handleVideoItem(el);\r\n      });\r\n\r\n      utils.checkInfoPuffs();\r\n    });\r\n\r\n    $(window).on('resize', () => utils.checkInfoPuffs());\r\n\r\n    $('.date-item')\r\n      .on('click', (e) => {\r\n        e.stopPropagation();\r\n\r\n        var $anchor = $(e.target).closest('.item-type--calendar');\r\n\r\n        if (!$anchor.parent().parent().hasClass('large-24')) return false;\r\n        \r\n        this.renderLightBox($anchor.find('.react-render')[0], $anchor.attr('data-calendar-block-url'), \"calendar\").open();\r\n      })\r\n      .find('a').on('click', (e) => {\r\n        e.stopPropagation();\r\n        e.preventDefault();\r\n        let $anchor, url;\r\n\r\n        let clickedTarget = e.target;\r\n        $anchor = e.target.tagName != \"A\" ? $(e.target).closest('.item-type--calendar') : $(clickedTarget);\r\n        \r\n        url = $anchor.attr('data-calendar-block-url');\r\n        this.renderLightBox($anchor.find('.react-render')[0], url, \"calendar\").open();\r\n      });\r\n\r\n    $('.video-item a').on('click', (e) => {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n\r\n      var $anchor = $(e.target).closest('.item__content-wrapper');\r\n\r\n      this.renderLightBox($anchor.find('.react-render')[0], $anchor.attr('data-video-url'), \"video\", $anchor.attr('data-video-type')).open();\r\n    });\r\n  },\r\n\r\n  renderLightBox(appendTo, fetchUrl, type, videoType) {\r\n    let component;\r\n\r\n    if (type == \"calendar\") {\r\n      component = render(\r\n        <LightBox>\r\n          <LightBoxCalendarContent fetchUrl={fetchUrl} />\r\n        </LightBox>, appendTo);\r\n    }\r\n\r\n    if (type == \"video\") {\r\n      component = render(\r\n        <LightBox>\r\n          <LightBoxVideoContent fetchUrl={fetchUrl} videoType={videoType} />\r\n        </LightBox>, appendTo);\r\n    }\r\n\r\n    return component;\r\n  },\r\n\r\n  handleVideoItem(video) {\r\n    let $video = $(video);\r\n    let url = $video.attr('data-video-url');\r\n    let title = $($video.find('.title')[0]).text().trim();\r\n\r\n    if (title.length > 0) return false\r\n\r\n    $.getJSON(\r\n      'https://noembed.com/embed',\r\n      {\r\n        format: 'json',\r\n        url: url\r\n      },\r\n      function (data) {\r\n        if (data.title === undefined) return false;\r\n        $($video.find('.title')[0]).find('span').text(data.title);\r\n      }\r\n    );\r\n  },\r\n\r\n};\r\n\r\nexport default moduleUtlysningCollection;\r\n"],"sourceRoot":""}