{"version":3,"sources":["webpack:///./src/videos/ViewVideos.vue","webpack:///src/videos/ViewVideos.vue","webpack:///./src/videos/ViewVideos.vue?14a7","webpack:///./src/videos/ViewVideos.vue?3b7a","webpack:///./src/videos/components/VideoPopup.vue","webpack:///src/videos/components/VideoPopup.vue","webpack:///./src/videos/components/VideoPopup.vue?3b4b","webpack:///./src/videos/components/VideoPopup.vue?b2e2"],"names":["render","_vm","this","_c","_self","staticClass","attrs","videoData","_m","directives","name","rawName","value","serverParams","customFilters","expression","domProps","on","$event","loadItems","target","composing","$set","staticStyle","isLoading","_e","_l","rows","vid","index","key","shouldShowHeading","ModuleID","_v","_s","ModuleName","VideoName","Description","WeekName","preventDefault","showVideo","Link","Videolink","editVideo","deleteVideo","VideoID","staticRenderFns","Vue","use","SortedTablePlugin","ascIcon","descIcon","components","VideoPopup","data","videoSrc","isDisabled","selected","unSelected","sort","field","type","page","perPage","columns","label","filterable","sortable","totalRecords","spots","methods","src","$bvModal","show","id","currentModuleID","changeCurrentId","_this","API","getAllVideos","err","member","$router","push","params","user","_this2","$swal","title","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","result","console","log","$showNotification","message","updateParams","newProps","Object","assign","onPageChange","currentPage","onPerPageChange","currentPerPage","computed","mounted","component","props","required","watch","immediate","handler","newData"],"mappings":"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","file":"js/chunk-c3237308.d23f216b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tables new-updated-design\"},[_c('video-popup',{attrs:{\"videoData\":_vm.videoData}}),_c('vue-snotify'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 grid-margin stretch-card\"},[_c('div',{staticClass:\"card\"},[_vm._m(0),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"panel-heading\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-md-4 col-sm-6\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.serverParams.customFilters.name),expression:\"serverParams.customFilters.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"name\":\"search\",\"id\":\"search\",\"placeholder\":\"Search\"},domProps:{\"value\":(_vm.serverParams.customFilters.name)},on:{\"keyup\":function($event){return _vm.loadItems()},\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.serverParams.customFilters, \"name\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-3\"})])]),_c('div',{staticStyle:{\"overflow\":\"auto\"}},[(_vm.isLoading)?_c('CircleLoader'):_vm._e(),_c('table',{staticClass:\"table\"},[_vm._m(1),_vm._l((_vm.rows),function(vid,index){return _c('tbody',{key:index},[(_vm.shouldShowHeading(vid.ModuleID))?_c('tr',[_c('th',{staticClass:\"text-center\",attrs:{\"colspan\":\"6\"}},[_c('h4',[_vm._v(\"Module \"+_vm._s(vid.ModuleID)+\" - \"+_vm._s(vid.ModuleName))])])]):_vm._e(),_c('tr',[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(_vm._s(vid.VideoName))]),_c('td',[_vm._v(_vm._s(vid.Description))]),_c('td',[_vm._v(_vm._s(vid.ModuleName))]),_c('td',[_vm._v(_vm._s(vid.WeekName))]),_c('td',[_c('a',{staticClass:\"videomodal pointer\",on:{\"click\":function($event){$event.preventDefault();return _vm.showVideo(vid.Link)}}},[_vm._v(\" \"+_vm._s(vid.Link ? vid.Link : vid.Videolink)+\" \")])]),_c('td',[_c('button',{staticClass:\"btn btn-sm btn-primary\",on:{\"click\":function($event){return _vm.editVideo(vid)}}},[_vm._v(\" Edit \")]),_c('button',{staticClass:\"btn btn-sm btn-danger\",on:{\"click\":function($event){return _vm.deleteVideo(vid.VideoID)}}},[_vm._v(\"Delete\")])])])])})],2)],1)])])])]),_c('div')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"View Videos\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('thead',{staticClass:\"table-dark\"},[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Video Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Description\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Module Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Week Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Video Links\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Action\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"tables new-updated-design\">\r\n        <video-popup :videoData=\"videoData\" />\r\n        <vue-snotify></vue-snotify>\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-12 grid-margin stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">View Videos</h4>\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        <div class=\"panel-heading\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-3 col-md-4 col-sm-6\">\r\n                                    <input class=\"form-control\" type=\"text\" name=\"search\" id=\"search\" placeholder=\"Search\"\r\n                                        v-model=\"serverParams.customFilters.name\" @keyup=\"loadItems()\">\r\n                                </div>\r\n                                <div class=\"col-md-3\">\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style=\"overflow: auto;\">\r\n                            <CircleLoader v-if=\"isLoading\" />\r\n                            <table class=\"table\">\r\n                                <thead class=\" table-dark\">\r\n                                    <tr>\r\n                                        <th scope=\"col\">Video Name</th>\r\n                                        <th scope=\"col\">Description</th>\r\n                                        <th scope=\"col\">Module Name</th>\r\n                                        <th scope=\"col\">Week Name</th>\r\n                                        <th scope=\"col\">Video Links</th>\r\n                                        <th scope=\"col\">Action</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody v-for=\"(vid, index) in rows\" :key=\"index\">\r\n                                    <tr v-if=\"shouldShowHeading(vid.ModuleID)\">\r\n                                        <th class=\"text-center\" colspan=\"6\">\r\n                                            <h4>Module {{ vid.ModuleID }} - {{ vid.ModuleName }}</h4>\r\n                                        </th>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <th scope=\"row\">{{ vid.VideoName }}</th>\r\n                                        <td>{{ vid.Description }}</td>\r\n                                        <td>{{ vid.ModuleName }}</td>\r\n                                        <td>{{ vid.WeekName }}</td>\r\n                                        <td>\r\n                                        <a class=\"videomodal pointer\" @click.prevent=\"showVideo(vid.Link)\">\r\n                                            {{ vid.Link ? vid.Link : vid.Videolink }}\r\n                                        </a>\r\n                                    </td>\r\n\r\n                                        <td>\r\n                                            <button @click=\"editVideo(vid)\" class=\"btn btn-sm btn-primary\"> Edit </button>\r\n                                            <button @click=\"deleteVideo(vid.VideoID)\" class=\"btn btn-sm btn-danger\">Delete</button>\r\n                                        </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport SortedTablePlugin from \"vue-sorted-table\";\r\nimport API from '@/api'\r\nimport VideoPopup from './components/VideoPopup.vue';\r\n\r\nVue.use(SortedTablePlugin, {\r\n    ascIcon: '<i class=\"ti-arrow-down\"></i>',\r\n    descIcon: '<i class=\"ti-arrow-up\"></i>'\r\n});\r\nexport default {\r\n  components: { VideoPopup },\r\n    name: 'VendorName',\r\n    data() {\r\n        return {\r\n            videoData:{\r\n                videoSrc:\"\"\r\n            },\r\n            isDisabled: false,\r\n            selected: true,\r\n            unSelected: false,\r\n            serverParams: {\r\n                customFilters: {\r\n                    name: ''\r\n                },\r\n                sort: [\r\n                    {\r\n                        field: 'VideoID', // example: 'name'\r\n                        type: 'desc' // 'asc' or 'desc'\r\n                    }\r\n                ],\r\n\r\n                page: 1, // what page I want to show\r\n                perPage: 10 // how many items I'm showing per page\r\n            },\r\n            columns: [\r\n                {\r\n                    label: 'Video Name',\r\n                    field: 'VideoName',\r\n                    filterable: false,\r\n                },\r\n                {\r\n                    label: 'Description',\r\n                    field: 'Description',\r\n                    sortable: false,\r\n                },\r\n                {\r\n                    label: 'Module Name',\r\n                    field: \"ModuleName\",\r\n                    sortable: false,\r\n                },\r\n                {\r\n                    label: 'Week Name',\r\n                    field: \"WeekName\",\r\n                    sortable: false,\r\n                },\r\n                {\r\n                    label: 'Video Links',\r\n                    field: \"Videolink\",\r\n                    sortable: false,\r\n                },\r\n                {\r\n                    label: 'Action',\r\n                    field: \"action\",\r\n                    sortable: false,\r\n                },\r\n\r\n\r\n            ],\r\n            isLoading: false,\r\n            rows: [],\r\n            totalRecords: 0,\r\n            spots: []\r\n        };\r\n    },\r\n    methods: {\r\n        showVideo(src){\r\n            this.videoData.videoSrc ='https://player.vimeo.com/video/' + src;\r\n\r\n            this.$bvModal.show('videoModel');\r\n        },\r\n        shouldShowHeading(id) {\r\n            if (id === this.currentModuleID) {\r\n                return false; // Hide the heading if the module ID is the same as the currentModuleID\r\n            } else {\r\n                this.changeCurrentId(id);\r\n                return true; // Show the heading if the module ID is different from the currentModuleID\r\n            }\r\n        },\r\n        changeCurrentId(id) {\r\n            this.currentModuleID = id;\r\n        },\r\n        loadItems() {\r\n            this.isLoading = true;\r\n            API.getAllVideos(this.serverParams,\r\n                data => {\r\n                    this.totalRecords = data.totalRecords;\r\n                    this.rows = data.data;\r\n                    this.isLoading = false;\r\n                }, err => {\r\n                })\r\n        },\r\n        editVideo(member) {\r\n            //  console.log(member);\r\n            this.$router.push({ name: 'edit_video', params: { id: member.VideoID, user: member } });\r\n        },\r\n        deleteVideo(id) {\r\n            this.$swal({\r\n                title: 'Are you sure?',\r\n                text: \"You won't be able to revert this!\",\r\n                type: 'warning',\r\n                showCancelButton: true,\r\n                confirmButtonColor: '#3085d6',\r\n                cancelButtonColor: '#d33',\r\n                confirmButtonText: 'Yes, delete it!'\r\n            }).then((result) => {\r\n                if (result.value) {\r\n                    let data = {\r\n                        id: id\r\n                    }\r\n                    API.deleteVideo(\r\n                        data,\r\n                        data => {\r\n                            this.loadItems();\r\n                            this.$swal(\r\n                                'Deleted!',\r\n                                'Record has been deleted.',\r\n                                'success'\r\n                            )\r\n                        },\r\n                        err => {\r\n                            console.log(err);\r\n                            this.$showNotification({ message: \"Failed system error\" }, 'error')\r\n                        })\r\n                }\r\n            })\r\n            // this.$router.push({name: 'edit_Vendor', params: {user: member}});\r\n        },\r\n\r\n        updateParams(newProps) {\r\n            this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n        },\r\n        onPageChange(params) {\r\n            this.updateParams({ page: params.currentPage });\r\n            this.loadItems();\r\n        },\r\n        onPerPageChange(params) {\r\n            this.updateParams({ perPage: params.currentPerPage });\r\n            this.loadItems();\r\n        },\r\n    },\r\n    computed: {}\r\n    ,\r\n    mounted() {\r\n        this.loadItems();\r\n    }\r\n}\r\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewVideos.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewVideos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ViewVideos.vue?vue&type=template&id=d28a07f0\"\nimport script from \"./ViewVideos.vue?vue&type=script&lang=js\"\nexport * from \"./ViewVideos.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-modal',{attrs:{\"id\":\"videoModel\",\"hide-footer\":\"\"}},[_c('iframe',{attrs:{\"id\":\"videoFrame\",\"src\":_vm.data.videoSrc,\"width\":\"100%\",\"height\":\"480\",\"frameborder\":\"0\",\"webkitallowfullscreen\":\"\",\"mozallowfullscreen\":\"\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-modal id=\"videoModel\" hide-footer>\r\n        <iframe id=\"videoFrame\" :src=\"data.videoSrc\" width=\"100%\" height=\"480\" frameborder=\"0\" webkitallowfullscreen=\"\"\r\n            mozallowfullscreen=\"\"></iframe>\r\n    </b-modal>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n    name: 'VideoPoup',\r\n    props: {\r\n        // Define the prop name and type\r\n        videoData: {\r\n            type: Object,\r\n            required: true\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            data: {}\r\n        }\r\n    },\r\n    methods: {\r\n    },\r\n    watch: {\r\n        videoData: {\r\n            immediate: true, // Execute the handler immediately on mount\r\n            handler(newData) {\r\n                this.data = newData;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoPopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoPopup.vue?vue&type=template&id=5e51b04b\"\nimport script from \"./VideoPopup.vue?vue&type=script&lang=js\"\nexport * from \"./VideoPopup.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"],"sourceRoot":""}