{"version":3,"sources":["webpack:///./src/Pages/Videos.vue?193b","webpack:///src/Pages/Videos.vue","webpack:///./src/Pages/Videos.vue?5dfb","webpack:///./src/Pages/Videos.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$vuetify","breakpoint","smAndDown","attrs","staticClass","_v","loading","videos","search","scopedSlots","_u","key","fn","props","_l","item","nativeOn","$event","videoClick","thumbnail","_s","title","description","model","value","callback","$$v","dialog","expression","on","stopPropagation","selected","youtubeId","_e","staticRenderFns","data","computed","methods","map","forEach","v","branded","getVideos","$http","get","console","log","watch","mounted","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDataIterator","VDialog","VIcon","VImg","VRow","VSpacer","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-2d20f1b9.ec3314d6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{class:{'pa-0': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{staticClass:\"pa-0\",attrs:{\"cols\":\"12\"}},[_c('v-card',{attrs:{\"color\":\"grey lighten-3\"}},[_c('v-toolbar',{attrs:{\"color\":\"color1 color1Text--text\"}},[_c('v-toolbar-title',[_vm._v(\"Video Library\")]),_c('v-spacer')],1),_c('loading-bar',{attrs:{\"value\":_vm.loading}}),_c('v-card-text',[_c('v-data-iterator',{attrs:{\"items\":_vm.videos,\"disable-sort\":\"\",\"search\":_vm.search,\"items-per-page\":-1,\"hide-default-footer\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_c('v-row',{attrs:{\"dense\":\"\"}},_vm._l((props.items),function(item){return _c('v-col',{key:(\"\" + (item.youtubeId)),attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\",\"xl\":\"3\"}},[_c('v-card',{staticClass:\"fill-height flexcard clickable\",nativeOn:{\"click\":function($event){return _vm.videoClick(item)}}},[_c('v-card-text',{staticClass:\"pa-0 shrink\"},[_c('v-img',{attrs:{\"src\":item.thumbnail,\"aspect-ratio\":16/9}})],1),_c('v-card-title',[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('v-card-text',{staticClass:\"grow\"},[_vm._v(\" \"+_vm._s(item.description)+\" \")]),_c('v-card-actions',{staticClass:\"justify-end\"},[_c('v-btn',{attrs:{\"color\":\"red white--text\",\"fab\":\"\",\"small\":\"\"}},[_c('v-icon',[_vm._v(\"fas fa-caret-right\")])],1)],1)],1)],1)}),1)]}}])})],1)],1)],1)],1),_c('v-dialog',{attrs:{\"width\":\"650\",\"max-width\":\"90vw\",\"max-height\":\"90vh\",\"transition\":\"dialog-transition\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('div',[_c('v-btn',{staticClass:\"mt-n2\",attrs:{\"color\":\"error white--text\",\"small\":\"\",\"fab\":\"\",\"absolute\":\"\",\"right\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"fas fa-times\")])],1),_c('v-card',[_c('v-card-text',{staticClass:\"pa-3\"},[(_vm.selected)?_c('youtube',{attrs:{\"videoId\":_vm.selected.youtubeId,\"player-width\":\"100%\"}}):_vm._e()],1)],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid :class=\"{'pa-0': $vuetify.breakpoint.smAndDown}\">\r\n    <v-row dense>\r\n      <v-col cols=\"12\" class=\"pa-0\">\r\n        <v-card color=\"grey lighten-3\">\r\n          <v-toolbar color=\"color1 color1Text--text\">\r\n            <v-toolbar-title>Video Library</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n          </v-toolbar>\r\n          <loading-bar :value=\"loading\"></loading-bar>\r\n          <v-card-text>\r\n            <v-data-iterator\r\n              :items=\"videos\"\r\n              disable-sort\r\n              :search=\"search\"\r\n              :items-per-page=\"-1\"\r\n              hide-default-footer\r\n            >\r\n              <template v-slot:default=\"props\">\r\n                <v-row dense>\r\n                  <v-col\r\n                    v-for=\"item in props.items\"\r\n                    :key=\"`${item.youtubeId}`\"\r\n                    cols=\"12\"\r\n                    sm=\"6\"\r\n                    md=\"4\"\r\n                    xl=\"3\"\r\n                  >\r\n                    <v-card class=\"fill-height flexcard clickable\" @click.native=\"videoClick(item)\">\r\n                      <v-card-text class=\"pa-0 shrink\">\r\n                        <v-img\r\n                          :src=\"item.thumbnail\"\r\n                          :aspect-ratio=\"16/9\"\r\n                        >\r\n                        </v-img>\r\n                      </v-card-text>\r\n                      <v-card-title>\r\n                        {{item.title}}\r\n                      </v-card-title>\r\n                      <v-card-text class=\"grow\">\r\n                        {{item.description}}\r\n                      </v-card-text>\r\n                      <v-card-actions class=\"justify-end\">\r\n                        <v-btn\r\n                          color=\"red white--text\"\r\n                          fab small\r\n                        >\r\n                          <v-icon>fas fa-caret-right</v-icon>\r\n                        </v-btn>\r\n                      </v-card-actions>\r\n                    </v-card>\r\n                  </v-col>\r\n                </v-row>\r\n              </template>\r\n            </v-data-iterator>\r\n          </v-card-text>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n    <v-dialog\r\n      v-model=\"dialog\"\r\n      width=\"650\"\r\n      max-width=\"90vw\"\r\n      max-height=\"90vh\"\r\n      transition=\"dialog-transition\"\r\n    >\r\n      <div>\r\n        <v-btn color=\"error white--text\" class=\"mt-n2\" small fab absolute right @click.stop=\"dialog = false\">\r\n          <v-icon>fas fa-times</v-icon>\r\n        </v-btn>\r\n        <v-card>\r\n          <v-card-text class=\"pa-3\">\r\n            <youtube\r\n              v-if=\"selected\"\r\n              :videoId=\"selected.youtubeId\"\r\n              player-width=\"100%\"\r\n            ></youtube>\r\n          </v-card-text>\r\n        </v-card>\r\n      </div>\r\n    </v-dialog>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n      videos: [],\r\n      loading: false,\r\n      search: null,\r\n      selected: null,\r\n      dialog: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['subdomain'])\r\n  },\r\n  methods: {\r\n    map () {\r\n      this.videos.forEach(v => {\r\n        if (this.subdomain) {\r\n          if (v.branded[this.subdomain]) {\r\n            v.youtubeId = v.branded[this.subdomain]\r\n          }\r\n        }\r\n        v.thumbnail = `https://i.ytimg.com/vi/${v.youtubeId}/maxresdefault.jpg`\r\n      })\r\n    },\r\n    getVideos () {\r\n      this.loading = true\r\n      this.$http.get(`${window.location.origin}/static/json/VideoLibrary.json`)\r\n        .then(r => {\r\n          this.videos = r.data.library\r\n          this.map()\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n        })\r\n        .finally(() => { this.loading = false })\r\n    },\r\n    videoClick (v) {\r\n      this.selected = v\r\n      this.dialog = true\r\n      console.log(v)\r\n    }\r\n  },\r\n  watch: {\r\n    dialog: function (v) {\r\n      if (!v) {\r\n        this.selected = null\r\n      }\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getVideos()\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Videos.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Videos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Videos.vue?vue&type=template&id=73e46016&\"\nimport script from \"./Videos.vue?vue&type=script&lang=js&\"\nexport * from \"./Videos.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataIterator } from 'vuetify/lib/components/VDataIterator';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDataIterator,VDialog,VIcon,VImg,VRow,VSpacer,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}