@hcflgov/vue-html-wrapper
Version:
A Vue.js plugin
1 lines • 1.32 kB
JavaScript
(("undefined"!==typeof self?self:this)["webpackJsonpHcHtmlWrapper"]=("undefined"!==typeof self?self:this)["webpackJsonpHcHtmlWrapper"]||[]).push([[10],{"049e":function(e,t,n){"use strict";n.r(t);var s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.isLive?n("section",{staticClass:"py-3",attrs:{"aria-label":"HTV Live"}},[n("div",{staticClass:"container embed-responsive embed-responsive-16by9"},[n("iframe",{staticClass:"embed-responsive-item",attrs:{src:e.emebdUrl,allowfullscreen:""}})])]):e._e()},i=[],a=n("bc3a"),r=n.n(a),c={name:"hc-htv-youtube-live",props:{apiKey:{type:String,required:!0},channelId:{type:String,default:"UCvdfJe4Q4u9YudwH89yJkDQ"}},data:function(){return{response:null,isLive:!1}},mounted:function(){this.fetchLiveInfo()},methods:{fetchLiveInfo:function(){var e=this,t="https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=".concat(this.channelId,"&eventType=live&type=video&key=").concat(this.apiKey);r.a.get(t).then(function(t){e.response=t,e.isLive=!!e.response.data.items.length}).catch(function(){return e.response=null})}},computed:{emebdUrl:function(){return this.isLive?"https://www.youtube.com/embed/".concat(this.response.data.items[0].id.videoId,"?rel=0"):null}}},o=c,l=n("2877"),p=Object(l["a"])(o,s,i,!1,null,null,null);t["default"]=p.exports}}]);