{"version":3,"sources":["webpack:///./src/assets/clock.png","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/VideoDetail.vue?c838","webpack:///src/components/VideoCourse/VideoDetailPage/VideoDetail/VideoDetail.vue","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/VideoDetail.vue?4759","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/VideoDetail.vue?fd79","webpack:///./src/components/VideoCourse/VideoDetailPage/VideoDetail/VideoDetail.vue?fd14"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","videoLoader","_e","current_playing","playing_list","is_subscribed","user_type","is_same_user","on","endVideo","class","$vuetify","breakpoint","xsOnly","is_admin_layout","staticClass","play_type","status","$route","meta","layout","$event","toggleRejectModal","show","emit","emitterKey","ADMIN_REJECT_VIDEO_DETAIL_VIDEO_COURSE","id","query","vdid","_v","toggleApproveModal","ADMIN_APPROVE_VIDEO_DETAIL_VIDEO_COURSE","_s","title","getStatus","smAndUp","views_count","time","language","name_to_show","duration","days","watchNow","price","free","subs_left","staticStyle","routeToProfile","profile","user","name","profile_image","editVideo","share","deleteHandler","descShow","description","substring","length","loading","logged_in","playlist_videos","model","value","callback","$$v","expression","suggested_videos","directives","rawName","staticRenderFns","components","VideoPlayer","AvatarOrInitials","VideoDetail","VideoStatus","DeleteModal","VideoComment","PlaylistVideosPlayer","SuggestedVideos","RejectModal","ApproveModal","PaymentModal","PaymentSuccess","MobileViewComment","data","intersectLoader","reloadComment","page_info","detail_count","page_number","total_page","computed","user_id","playlist_detail","playlist_id","video_id","playlist_video","watch","methods","mapActions","toggleVideoDetail","toggleDeleteModal","snackBar","togglePaymentModal","onIntersect","entries","intersectHandler","type","video","commonFunctions","self","updateVideo","ptid","usid","setTimeout","helper","detail","text","color","timeout","suffix","deleteVideo","params","Axios","onSuccess","onFailure","getVideoDetail","onFinally","isTokenRequired","getSuggestedVideos","res","getPlaylistVidoes","patchDetailHandler","console","mounted","created","destroyed","component","VBtn","VChip","VCol","VDivider","VIcon","VProgressCircular","VRow","VSkeletonLoader","VSpacer","Intersect"],"mappings":"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A+B,YACAgC,iBACA1B,mBACAM,oBACAqB,WACAC,gBACAC,cACAC,cAEAzF,mBACAC,kBAGAyF,UACAC,mBACA,+BAEAC,2BACA,sCAEAC,uBACA,+BAEAC,oBACA,+BAEAC,0BACA,+BAEA3F,wBACA,wCAEAS,qBACA,+BAEAV,qBACA,wCACA,sCAMAQ,2BACA,8CAcA+C,qBACA,wBAEAhB,gBACA,qCACA,+BAIA,sEAIA,gCAIAsD,OACAhG,2BACA,qBAGAiG,yCACAC,gBACAC,kDACAC,kDACAC,8BACAlF,kDACAS,qDACA0E,uDACA,IACAC,wBAAA,WAEA,wBACAC,uBACA,mBACA,2BACA,gDACA,qBAEA,0BAKAC,4BACA,4BACA,2BAEA,6BAGAjE,oBACA,eAKA,yBACApB,QACAsF,aACAC,6BAPAC,0BAUAtG,oBACA,WACA,gCACA,sCACA,iDAEA,yBACAuG,8CAEA,CACA,uCACA,iDAEA,6BACAA,gDAIAC,uBAAA,WACA,oBAAAC,SAAAC,SAAAN,SACA,KACA,iBACAjF,aAEAA,YACAA,YACAA,kCAQA,sBAEAA,UAGA,sBACA,oBACAwF,uBACA,mBACA,mBACA,MAEApE,6BACAqE,yBAEAlF,qBACA,kCACA,qCAEA,6BAGAmB,iBACA+D,qBAEAhE,qBACA,wBACA9B,QACAI,2BACA2F,kCACAT,YACArF,wCAGA+B,yBACA,oCACA,eACAgE,wEACAC,gBACAC,eAIA,wBACAlG,QACAmG,oBACAlG,qCACAG,8BAGAgG,wBAAA,WACA,aACA,YACAJ,eACAC,gBACAC,eAEA,qBAAAP,SAAAC,SAAAN,SACA,KAMA,GALA,IACAjF,aAEAA,YACAA,YACA,0BACA,iCASA,YAJA,gBACAuB,4CACAvB,OAAAD,QANA,kEACA,8BACAC,sCAQA,CACA,kCASA,YAJA,gBACAuB,qDACAvB,OAAAD,QANA,mEACA,+BACAC,mCASA,mBAEAA,UAEA,mDAEA,eACA,KACAgG,UACAC,iDACAD,SACAE,YACAC,eAGAC,0BAAA,WACA,cACA,uCAEA,eACA,aACA,yBACA,sBAEA,wBAIA,KACAJ,sBACA,qBACAA,sCAEAC,8CACAD,SACAE,YACAC,YACAE,YACAC,sBAGAC,+BAAA,WACA,cACA,UACA,EADA,iBACAC,yBAAA,8CACA,2BACA,wBACA,oCAEA,0CACA,sCAEA,6BACA,cAEA,aACA,cAEA,KACAR,4BACAA,8CACAA,4CACA,qBACAA,sCAEAC,kDACAD,SACAE,YACAC,YACAG,sBAGAG,8BAAA,WACA,OACA,cACA,UACA,EADA,iBACAD,wBAAA,8CACA,0BACA,wBACA,oCAIA,GAFA,yCACA,uCACA,kBACA,uCACA,qBAAAlB,SAAAL,SAAAM,SACA,KACAvF,+BACAA,YACAA,YACAA,YACAoF,mBACApF,UAIA,6BACA,cAEA,aACA,cAEA,eACA,KACAgG,kCACAA,8CACAA,4CACA,qBACAA,sCAEAC,iDACAD,SACAE,YACAC,YACAE,YACAC,sBAGAI,iCAAA,WACAC,wBACA,iBACA,oBAEA,eACA,KACAjD,cACA,wCACAA,aACAuC,gDACAvC,OACAwC,YACAC,YACAG,wBAIAM,mBACA,gBACA,4BACA,oBACA,sBAEA,yBAGA,uBAGAC,mBAAA,WAEA,8DACA,aACA,sBAEA,+DACA,oBAGA,6EACA,sCAEA,8EACA,uCAGAC,qBACA,oDAEA,kEACA,qEC1vBkY,I,0LCQ9XC,EAAY,eACd,EACAlJ,EACA8E,GACA,EACA,KACA,WACA,MAIa,aAAAoE,EAAiB,QAahC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,oBAAA,KAAkBC,OAAA,KAAKC,kBAAA,KAAgBC,UAAA,OAMpG,IAAkBT,EAAW,CAACU,UAAA,U,oCCtC9B,W","file":"js/chunk-1b390090.bc0f12a3.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPESURBVHgB7Vc7TxtBEF77sLFjGR0PSyAss0EgHgWYjhQRRwcSUkyXLqZKSVymwvwCmypJhSmiCCHBkYpUmC5SmguVBUo4EIocwOgEkrHNw/kGGwpz5zuTIFHkk1a7tzc38+3u7MwcY48UInsYPJTe+8PGasROKCS6dFaSQ3sqyyqzBvpeuxeBH5OTO16Hg+u9KxSLQ/6lJYXVgDpWIzL5/KzdZuOV8w6syL+8XJNxQk07wDmXGhoaRorFoiQIAj8/P+d2u13DWMFYRVvd2tqSa9FpiYDf75daWlpmMJTo+erqSgMJ5eLigjmdToYxEeFlcRVtVlGUhBXdpgQGBgamoTwKI+Q4CZvNtgDlyUq5/v7+IHbiDci9cjgcRDK+ubkZMdNflUAwGKRVk3Elk8lE9vf3k8wE+IZjZ2J1dXWhs7MzJZ/Pj6qqqhnJC1UUhdHFca7K6enp6N7eXqpSpqenZ6WxsfH38fGxejOXTqe1g4ODLzgyd319fQhEevG8aGBGFIxWgW4eTYPxcawgXSnjcrl4W1vbe2w7g4HVitc5zK35fD4JBMZA8vvR0VFKx1TOrkcAW05bz9Fo+1R2T4D8FC0CJGJGMncItLa2cjhaGGeXhLOp7C9QJj9HVxa7KjErBJqamq4F4UgL7B8APpEoD0PMCgFsV5B6OF9NAaUKARVHSu0Fs0Lg8vJyEMJatatzA4/dzqwAOokAZ1YIIOgw+ICpcYpKHzs72YdAgJvJkj67Adk7s7R6RDHTwiGdy6mH2azc5fFInyUpXE0WxkXotEYA2KUPcMc7mAm6nM6pIpx9qLk59m54mBvJwaHJrxRLBOCE186HrDfJTNAoy9rPk5MppyCI4+3t83oyyKBB5AYRJKwRgPORoOZ2u3W9thLP1taSh4XC3BNBkL5NTEQr33u93mnqs9ms7rW+E4pzAIKRG8Mw+g26RswEv3K5r899vpetLpfkcTgWk8gHNE8hHTcggfNXtre33+p9q+uamqbFWSmvz5fzQlXIuLJel2sUqTX5mpfERQCG1yk1oxkep2E67u3tlZDN1imIFAqF0VQqpTLrEAcHB2MU0lmpOIkaCRqmY2QvFTdhFwTCWEEITrmLmiDFTEBlWyAQ+ISbNGZmnGBaEXV3dwc9Hs8K6QaZJJLUAvxCxjHdBivabvJ2hO8ZkJXozoNABMbjZvot1YQ4Do4uihpghJXSNJVcKtWEdMblmpDmKIckMR+B01mqkGv+L+jr6wshvVJV3IEzFilywiCF2g3MyVi1WRi//Sn5j0eBP63as/S/kReTAAAAAElFTkSuQmCC\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\"}},[(!_vm.videoLoader)?_c('div',[_c('video-player',{attrs:{\"width\":\"100%\",\"height\":\"56.25%\",\"video\":_vm.current_playing,\"playing_list\":_vm.playing_list,\"controls\":_vm.current_playing.is_subscribed || _vm.user_type || _vm.is_same_user,\"id\":\"videoPlayer\"},on:{\"ended\":_vm.endVideo}})],1):_vm._e(),_c('div',{class:_vm.$vuetify.breakpoint.xsOnly ? 'px-3' : ''},[(_vm.loading)?_c('div',[_c('v-skeleton-loader',{attrs:{\"type\":\"article\"}})],1):_c('div',[(_vm.is_same_user && !_vm.is_admin_layout)?_c('video-status',{staticClass:\"py-2\",attrs:{\"current_playing\":_vm.current_playing,\"type\":_vm.play_type}}):_vm._e(),(\n              _vm.current_playing.status === 'Under Review' &&\n              _vm.$route.meta.layout === 'AdminPanel'\n            )?_c('div',{staticClass:\"py-4 text-right\"},[_c('v-btn',{staticClass:\"error--text mr-6 px-4 text-capitalize rounded-lg\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){return _vm.toggleRejectModal({\n                  show: true,\n                  emit: _vm.emitterKey.ADMIN_REJECT_VIDEO_DETAIL_VIDEO_COURSE,\n                  id: _vm.$route.query.vdid,\n                })}}},[_vm._v(\"Reject\")]),_c('v-btn',{staticClass:\"green white--text text-capitalize rounded-lg\",on:{\"click\":function($event){return _vm.toggleApproveModal({\n                  show: true,\n                  emit: _vm.emitterKey.ADMIN_APPROVE_VIDEO_DETAIL_VIDEO_COURSE,\n                  id: _vm.$route.query.vdid,\n                })}}},[_vm._v(\"Approve\")])],1):_vm._e(),(_vm.current_playing.title)?_c('div',{staticClass:\"py-2 d-flex\"},[(!_vm.current_playing.is_subscribed && !_vm.user_type && !_vm.is_same_user)?_c('span',{staticClass:\"pr-2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/private.png\"),\"alt\":\"\"}})]):_vm._e(),_c('div',{staticClass:\"video_title__class\"},[_vm._v(\" \"+_vm._s(_vm.current_playing.title)+\" \")])]):_vm._e(),(_vm.getStatus() === 'Verified')?_c('div',[_c('div',{staticClass:\"d-sm-flex\"},[_c('div',{staticClass:\"video_detail_text__class\",class:_vm.$vuetify.breakpoint.smAndUp ? 'pt-2' : ''},[_c('span',[_vm._v(_vm._s(_vm.current_playing.views_count)+\" Views\")]),_c('v-icon',{staticClass:\"px-2\",attrs:{\"size\":\"5\"}},[_vm._v(\"mdi-circle\")]),_c('span',[_vm._v(_vm._s(_vm.current_playing.time)+\" ago\")]),_c('v-icon',{staticClass:\"px-2\",attrs:{\"size\":\"5\"}},[_vm._v(\"mdi-circle\")]),_c('span',[_vm._v(\" \"+_vm._s(_vm.current_playing.language.name_to_show))])],1),(\n                  (!_vm.current_playing.is_subscribed || _vm.is_same_user) &&\n                  _vm.current_playing.duration\n                )?_c('div',{class:_vm.$vuetify.breakpoint.smAndUp ? 'px-2' : ''},[(_vm.current_playing.duration)?_c('v-chip',{staticClass:\"duration_chip__class px-4\"},[_vm._v(\" Valid for \"+_vm._s(_vm.current_playing.duration ? _vm.current_playing.duration.days : \"\")+\" days \")]):_vm._e()],1):_vm._e(),(_vm.$vuetify.breakpoint.smAndUp)?_c('v-spacer'):_vm._e(),_c('div',[(!_vm.current_playing.is_subscribed && !_vm.is_same_user && !_vm.user_type)?_c('v-btn',{staticClass:\"watch_now_btn text-none\",attrs:{\"color\":\"#2D8CFF\",\"width\":_vm.$vuetify.breakpoint.xsOnly ? '100%' : ''},on:{\"click\":_vm.watchNow}},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"#ffffff\"}},[_vm._v(\"mdi-play\")]),_c('span',[_vm._v(\"Watch Now | ₹\"+_vm._s(_vm.current_playing.price))])],1):_vm._e(),(_vm.current_playing.is_subscribed && !_vm.is_same_user && !_vm.user_type)?_c('div',[_c('div',{staticClass:\"expire_detail d-flex\",class:_vm.$vuetify.breakpoint.smAndUp ? 'px-2' : 'px-4'},[_c('div',{staticClass:\"py-2\"},[_c('img',{attrs:{\"src\":require(\"@/assets/clock.png\"),\"alt\":\"\"}})]),(!_vm.free)?_c('div',{staticClass:\"expire_mobile py-1 pl-1\"},[_c('div',{staticClass:\"expire_text\"},[_vm._v(\"Expires in\")]),_c('div',{staticClass:\"expire_day\"},[_vm._v(_vm._s(_vm.current_playing.subs_left)+\" days\")])]):_c('div',{staticClass:\"expire_mobile py-1 pl-1\"},[_c('div',{staticClass:\"expire_text py-3\"},[_vm._v(\"Free\")])])])]):_vm._e()],1)],1)]):_vm._e(),_c('div',{staticClass:\"py-3 d-sm-flex\"},[_c('div',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.routeToProfile(\n                  _vm.current_playing.profile.user,\n                  _vm.current_playing.profile.name\n                )}}},[_c('avatar-or-initials',{attrs:{\"image\":_vm.current_playing.profile ? _vm.current_playing.profile.profile_image : '',\"name\":_vm.current_playing.profile ? _vm.current_playing.profile.name : '',\"size\":\"30\"}}),_c('span',{staticClass:\"profile_name__class ml-4\"},[_vm._v(_vm._s(_vm.current_playing.profile ? _vm.current_playing.profile.name : \"\"))])],1),(_vm.$vuetify.breakpoint.smAndUp)?_c('v-spacer'):_vm._e(),(!_vm.is_admin_layout)?_c('div',{staticClass:\"d-flex py-2\"},[(_vm.is_same_user)?_c('v-btn',{staticClass:\"action_btn__class text-none elevation-0\",attrs:{\"color\":\"#E2EFFF\"},on:{\"click\":_vm.editVideo}},[_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"#333333\"}},[_vm._v(\" mdi-square-edit-outline \")]),_c('span',[_vm._v(\"Edit\")])],1):_vm._e(),(_vm.getStatus() === 'Verified')?_c('v-btn',{staticClass:\"action_btn__class text-none elevation-0\",class:_vm.$vuetify.breakpoint.smAndUp ? 'ml-2' : 'ml-2',attrs:{\"color\":\"#E2EFFF\"},on:{\"click\":_vm.share}},[_c('v-icon',{attrs:{\"small\":_vm.$vuetify.breakpoint.smAndUp,\"size\":_vm.$vuetify.breakpoint.xsOnly ? '13' : '',\"color\":\"#333333\"}},[_vm._v(\" mdi-share-variant-outline \")]),_c('span',[_vm._v(\"Share\")])],1):_vm._e(),(_vm.is_same_user)?_c('v-btn',{staticClass:\"action_btn__class ml-2 text-none elevation-0\",attrs:{\"color\":\"#E2EFFF\"},on:{\"click\":_vm.deleteHandler}},[_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"#333333\"}},[_vm._v(\" mdi-delete-outline \")]),_c('span',[_vm._v(\"Delete\")])],1):_vm._e()],1):_vm._e()],1),_c('v-divider'),(_vm.current_playing.description)?_c('div',{staticClass:\"video_des__class\"},[(!_vm.descShow)?_c('span',[_vm._v(\" \"+_vm._s(_vm.current_playing.description.substring(0, 250))+\" \"),(_vm.current_playing.description.length > 250)?_c('span',[_vm._v(\" ...\"),_c('span',{staticClass:\"showMore\",on:{\"click\":function($event){_vm.descShow = !_vm.descShow}}},[_vm._v(\"Show more\")])]):_vm._e()]):_c('span',[_vm._v(\" \"+_vm._s(_vm.current_playing.description)+\" ... \")])]):_vm._e()],1)]),(!_vm.is_admin_layout)?_c('div',[(!_vm.loading && _vm.logged_in && _vm.$vuetify.breakpoint.smAndUp)?_c('div',[(_vm.reloadComment)?_c('video-comment'):_vm._e()],1):_vm._e(),(!_vm.loading && _vm.logged_in && _vm.$vuetify.breakpoint.xsOnly)?_c('div',[(_vm.reloadComment)?_c('mobile-view-comment'):_vm._e()],1):_vm._e()]):_vm._e()]),(_vm.$vuetify.breakpoint.smAndUp && !_vm.is_admin_layout)?_c('v-col',{class:_vm.$vuetify.breakpoint.xsOnly ? 'py-6' : 'pl-4',attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[(_vm.play_type === 'playlist')?_c('playlist-videos-player',{attrs:{\"items\":_vm.playlist_videos},model:{value:(_vm.current_playing),callback:function ($$v) {_vm.current_playing=$$v},expression:\"current_playing\"}}):_c('suggested-videos',{attrs:{\"items\":_vm.suggested_videos},model:{value:(_vm.current_playing),callback:function ($$v) {_vm.current_playing=$$v},expression:\"current_playing\"}}),_c('div',{directives:[{name:\"intersect\",rawName:\"v-intersect\",value:(_vm.onIntersect),expression:\"onIntersect\"}],staticClass:\"py-2\"},[(_vm.intersectLoader)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2f80ed\"}}),_vm._v(\" Loading More... \")],1):_vm._e()])],1):_vm._e()],1),_c('v-row',{attrs:{\"no-gutters\":\"\"}},[(_vm.$vuetify.breakpoint.xsOnly && !_vm.is_admin_layout)?_c('v-col',{class:_vm.$vuetify.breakpoint.xsOnly ? 'py-6' : 'pl-4',attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[(_vm.play_type === 'playlist')?_c('playlist-videos-player',{attrs:{\"items\":_vm.playlist_videos},model:{value:(_vm.current_playing),callback:function ($$v) {_vm.current_playing=$$v},expression:\"current_playing\"}}):_c('suggested-videos',{attrs:{\"items\":_vm.suggested_videos},model:{value:(_vm.current_playing),callback:function ($$v) {_vm.current_playing=$$v},expression:\"current_playing\"}}),_c('div',{directives:[{name:\"intersect\",rawName:\"v-intersect\",value:(_vm.onIntersect),expression:\"onIntersect\"}],staticClass:\"py-2\"},[(_vm.intersectLoader)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2f80ed\"}}),_vm._v(\" Loading More... \")],1):_vm._e()])],1):_vm._e()],1),_c('video-detail'),_c('delete-modal'),_c('reject-modal'),_c('approve-modal'),_c('payment-modal'),_c('payment-success')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row no-gutters>\n      <v-col cols=\"12\" sm=\"8\">\n        <div v-if=\"!videoLoader\">\n          <video-player\n            width=\"100%\"\n            height=\"56.25%\"\n            :video=\"current_playing\"\n            :playing_list=\"playing_list\"\n            :controls=\"current_playing.is_subscribed || user_type || is_same_user\"\n            id=\"videoPlayer\"\n            @ended=\"endVideo\"\n          >\n          </video-player>\n        </div>\n        <!-- <div v-else>loading</div> -->\n        <div :class=\"$vuetify.breakpoint.xsOnly ? 'px-3' : ''\">\n          <div v-if=\"loading\">\n            <v-skeleton-loader type=\"article\"></v-skeleton-loader>\n          </div>\n          <div v-else>\n            <video-status\n              :current_playing=\"current_playing\"\n              :type=\"play_type\"\n              class=\"py-2\"\n              v-if=\"is_same_user && !is_admin_layout\"\n            ></video-status>\n            <div\n              v-if=\"\n                current_playing.status === 'Under Review' &&\n                $route.meta.layout === 'AdminPanel'\n              \"\n              class=\"py-4 text-right\"\n            >\n              <v-btn\n                class=\"error--text mr-6 px-4 text-capitalize rounded-lg\"\n                outlined\n                @click=\"\n                  toggleRejectModal({\n                    show: true,\n                    emit: emitterKey.ADMIN_REJECT_VIDEO_DETAIL_VIDEO_COURSE,\n                    id: $route.query.vdid,\n                  })\n                \"\n                >Reject</v-btn\n              >\n              <v-btn\n                class=\"green white--text text-capitalize rounded-lg\"\n                @click=\"\n                  toggleApproveModal({\n                    show: true,\n                    emit: emitterKey.ADMIN_APPROVE_VIDEO_DETAIL_VIDEO_COURSE,\n                    id: $route.query.vdid,\n                  })\n                \"\n                >Approve</v-btn\n              >\n            </div>\n            <div class=\"py-2 d-flex\" v-if=\"current_playing.title\">\n              <span\n                class=\"pr-2\"\n                v-if=\"!current_playing.is_subscribed && !user_type && !is_same_user\"\n              >\n                <img src=\"@/assets/private.png\" alt=\"\" />\n              </span>\n              <div class=\"video_title__class\">\n                {{ current_playing.title }}\n              </div>\n            </div>\n            <div v-if=\"getStatus() === 'Verified'\">\n              <div class=\"d-sm-flex\">\n                <div\n                  class=\"video_detail_text__class\"\n                  :class=\"$vuetify.breakpoint.smAndUp ? 'pt-2' : ''\"\n                >\n                  <span>{{ current_playing.views_count }} Views</span>\n                  <v-icon size=\"5\" class=\"px-2\">mdi-circle</v-icon>\n                  <span>{{ current_playing.time }} ago</span>\n                  <v-icon size=\"5\" class=\"px-2\">mdi-circle</v-icon>\n                  <span> {{ current_playing.language.name_to_show }}</span>\n                </div>\n                <div\n                  :class=\"$vuetify.breakpoint.smAndUp ? 'px-2' : ''\"\n                  v-if=\"\n                    (!current_playing.is_subscribed || is_same_user) &&\n                    current_playing.duration\n                  \"\n                >\n                  <v-chip\n                    class=\"duration_chip__class px-4\"\n                    v-if=\"current_playing.duration\"\n                  >\n                    Valid for\n                    {{ current_playing.duration ? current_playing.duration.days : \"\" }}\n                    days\n                  </v-chip>\n                </div>\n                <v-spacer v-if=\"$vuetify.breakpoint.smAndUp\"></v-spacer>\n                <div>\n                  <v-btn\n                    class=\"watch_now_btn text-none\"\n                    color=\"#2D8CFF\"\n                    v-if=\"!current_playing.is_subscribed && !is_same_user && !user_type\"\n                    @click=\"watchNow\"\n                    :width=\"$vuetify.breakpoint.xsOnly ? '100%' : ''\"\n                  >\n                    <v-icon left color=\"#ffffff\">mdi-play</v-icon>\n                    <span>Watch Now | ₹{{ current_playing.price }}</span>\n                  </v-btn>\n                  <div\n                    v-if=\"current_playing.is_subscribed && !is_same_user && !user_type\"\n                  >\n                    <div\n                      class=\"expire_detail d-flex\"\n                      :class=\"$vuetify.breakpoint.smAndUp ? 'px-2' : 'px-4'\"\n                    >\n                      <div class=\"py-2\">\n                        <img src=\"@/assets/clock.png\" alt=\"\" />\n                      </div>\n                      <div class=\"expire_mobile py-1 pl-1\" v-if=\"!free\">\n                        <div class=\"expire_text\">Expires in</div>\n                        <div class=\"expire_day\">{{ current_playing.subs_left }} days</div>\n                      </div>\n                      <div v-else class=\"expire_mobile py-1 pl-1\">\n                        <div class=\"expire_text py-3\">Free</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"py-3 d-sm-flex\">\n              <div\n                @click=\"\n                  routeToProfile(\n                    current_playing.profile.user,\n                    current_playing.profile.name\n                  )\n                \"\n                style=\"cursor: pointer\"\n              >\n                <avatar-or-initials\n                  :image=\"\n                    current_playing.profile ? current_playing.profile.profile_image : ''\n                  \"\n                  :name=\"current_playing.profile ? current_playing.profile.name : ''\"\n                  size=\"30\"\n                ></avatar-or-initials>\n                <span class=\"profile_name__class ml-4\">{{\n                  current_playing.profile ? current_playing.profile.name : \"\"\n                }}</span>\n              </div>\n              <v-spacer v-if=\"$vuetify.breakpoint.smAndUp\"></v-spacer>\n              <div class=\"d-flex py-2\" v-if=\"!is_admin_layout\">\n                <v-btn\n                  color=\"#E2EFFF\"\n                  class=\"action_btn__class text-none elevation-0\"\n                  @click=\"editVideo\"\n                  v-if=\"is_same_user\"\n                >\n                  <v-icon small color=\"#333333\"> mdi-square-edit-outline </v-icon>\n                  <span>Edit</span>\n                </v-btn>\n                <v-btn\n                  color=\"#E2EFFF\"\n                  class=\"action_btn__class text-none elevation-0\"\n                  :class=\"$vuetify.breakpoint.smAndUp ? 'ml-2' : 'ml-2'\"\n                  @click=\"share\"\n                  v-if=\"getStatus() === 'Verified'\"\n                >\n                  <v-icon\n                    :small=\"$vuetify.breakpoint.smAndUp\"\n                    :size=\"$vuetify.breakpoint.xsOnly ? '13' : ''\"\n                    color=\"#333333\"\n                  >\n                    mdi-share-variant-outline\n                  </v-icon>\n                  <span>Share</span>\n                </v-btn>\n                <v-btn\n                  color=\"#E2EFFF\"\n                  class=\"action_btn__class ml-2 text-none elevation-0\"\n                  v-if=\"is_same_user\"\n                  @click=\"deleteHandler\"\n                >\n                  <v-icon small color=\"#333333\"> mdi-delete-outline </v-icon>\n                  <span>Delete</span>\n                </v-btn>\n              </div>\n            </div>\n            <v-divider></v-divider>\n            <div class=\"video_des__class\" v-if=\"current_playing.description\">\n              <span v-if=\"!descShow\">\n                {{ current_playing.description.substring(0, 250) }}\n                <span v-if=\"current_playing.description.length > 250\">\n                  ...<span class=\"showMore\" @click=\"descShow = !descShow\"\n                    >Show more</span\n                  ></span\n                >\n              </span>\n              <span v-else>\n                {{ current_playing.description }} ...\n                <!-- <span class=\"showMore\" @click=\"descShow = !descShow\">Hide</span> -->\n              </span>\n            </div>\n          </div>\n        </div>\n        <div v-if=\"!is_admin_layout\">\n          <div v-if=\"!loading && logged_in && $vuetify.breakpoint.smAndUp\">\n            <video-comment v-if=\"reloadComment\"></video-comment>\n          </div>\n          <div v-if=\"!loading && logged_in && $vuetify.breakpoint.xsOnly\">\n            <mobile-view-comment v-if=\"reloadComment\"></mobile-view-comment>\n          </div>\n        </div>\n      </v-col>\n      <v-col\n        cols=\"12\"\n        sm=\"4\"\n        :class=\"$vuetify.breakpoint.xsOnly ? 'py-6' : 'pl-4'\"\n        v-if=\"$vuetify.breakpoint.smAndUp && !is_admin_layout\"\n      >\n        <playlist-videos-player\n          v-model=\"current_playing\"\n          :items=\"playlist_videos\"\n          v-if=\"play_type === 'playlist'\"\n        ></playlist-videos-player>\n        <suggested-videos\n          v-model=\"current_playing\"\n          :items=\"suggested_videos\"\n          v-else\n        ></suggested-videos>\n        <!-- intersect div -->\n        <div v-intersect=\"onIntersect\" class=\"py-2\">\n          <div class=\"text-center\" v-if=\"intersectLoader\">\n            <v-progress-circular indeterminate color=\"#2f80ed\"></v-progress-circular>\n            Loading More...\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n    <v-row no-gutters>\n      <!-- <v-col cols=\"12\" sm=\"8\" :class=\"$vuetify.breakpoint.xsOnly ? 'px-4' : ''\"> </v-col>\n      <v-col cols=\"12\" sm=\"8\" class=\"pt-4\"> </v-col> -->\n      <v-col\n        cols=\"12\"\n        sm=\"4\"\n        :class=\"$vuetify.breakpoint.xsOnly ? 'py-6' : 'pl-4'\"\n        v-if=\"$vuetify.breakpoint.xsOnly && !is_admin_layout\"\n      >\n        <playlist-videos-player\n          v-model=\"current_playing\"\n          :items=\"playlist_videos\"\n          v-if=\"play_type === 'playlist'\"\n        ></playlist-videos-player>\n        <suggested-videos\n          v-model=\"current_playing\"\n          :items=\"suggested_videos\"\n          v-else\n        ></suggested-videos>\n        <!-- intersect div -->\n        <div v-intersect=\"onIntersect\" class=\"py-2\">\n          <div class=\"text-center\" v-if=\"intersectLoader\">\n            <v-progress-circular indeterminate color=\"#2f80ed\"></v-progress-circular>\n            Loading More...\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n    <!-- <v-row no-gutters>\n      <v-col\n        cols=\"12\"\n        sm=\"8\"\n        v-if=\"!loading && logged_in && $vuetify.breakpoint.smAndUp\"\n      >\n        \n        <video-comment v-if=\"reloadComment\"></video-comment>\n      </v-col>\n      <v-col cols=\"12\" class=\"my-3\" v-if=\"$vuetify.breakpoint.xsOnly\">\n        <mobile-view-comment></mobile-view-comment>\n      </v-col>\n      <v-col cols=\"12\" sm=\"4\" v-if=\"$vuetify.breakpoint.xsOnly\">\n        <playlist-videos-player\n          v-model=\"current_playing\"\n          :items=\"playlist_videos\"\n          v-if=\"play_type === 'playlist'\"\n        ></playlist-videos-player>\n        <suggested-videos\n          v-model=\"current_playing\"\n          :items=\"suggested_videos\"\n          v-else\n        ></suggested-videos>\n        <div\n          v-intersect=\"onIntersect\"\n          v-if=\"this.page_info.page_number <= this.page_info.total_page\"\n        >\n          <div class=\"text-center\" v-if=\"intersectLoader\">\n            <v-progress-circular\n              indeterminate\n              color=\"#2f80ed\"\n            ></v-progress-circular>\n            Loading More...\n          </div>\n        </div>\n      </v-col>\n    </v-row> -->\n    <video-detail></video-detail>\n    <delete-modal></delete-modal>\n    <reject-modal></reject-modal>\n    <approve-modal></approve-modal>\n    <payment-modal></payment-modal>\n    <payment-success></payment-success>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport helper from \"@/helper/index\";\nimport { mapActions } from \"vuex\";\nimport emitterKey from \"@/helper/emitterKey\";\nimport ROUTER_URL from \"@/constant/urls\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"PlaylistVideos\",\n  components: {\n    VideoPlayer: () => import(\"../../VideoPlayer/VideoPlayer.vue\"),\n    AvatarOrInitials: () => import(\"@/components/AvatarOrInitials.vue\"),\n    VideoDetail: () => import(\"../../AddVideoData/VideoDetail/VideoModal.vue\"),\n    VideoStatus: () => import(\"../VideoStatus/VideoStatus.vue\"),\n    DeleteModal: () => import(\"@/components/DeleteModal/DeleteModal.vue\"),\n    VideoComment: () => import(\"../VideoComment/VideoComment.vue\"),\n    PlaylistVideosPlayer: () =>\n      import(\"../VideoDetail/PlaylistVideosPlayer/PlaylistVideosPlayer.vue\"),\n    SuggestedVideos: () => import(\"../VideoDetail/SuggestedVideos/SuggestedVideos.vue\"),\n    RejectModal: () => import(\"@/components/AdminPanel/RejectModal/RejectModal.vue\"),\n    ApproveModal: () => import(\"@/components/AdminPanel/ApproveModal/ApproveModal.vue\"),\n    PaymentModal: () => import(\"../../PaymentModal/PaymentModal.vue\"),\n    PaymentSuccess: () => import(\"../../PaymentModal/PaymentSuccess/PaymentSuccess.vue\"),\n    MobileViewComment: () =>\n      import(\"../VideoComment/MobileViewComment/MobileViewComment.vue\"),\n  },\n  data() {\n    return {\n      loading: false,\n      intersectLoader: false,\n      videoLoader: false,\n      emitterKey: emitterKey,\n      descShow: false,\n      reloadComment: true,\n      playlist_videos: [],\n      suggested_videos: [],\n      page_info: {\n        detail_count: 10,\n        page_number: 1,\n        total_page: 1,\n      },\n      current_playing: {},\n      playing_list: [],\n    };\n  },\n  computed: {\n    user_id() {\n      return this.$route.query.usid;\n    },\n    playlist_detail() {\n      return this.current_playing.playlist;\n    },\n    playlist_id() {\n      return this.$route.query.ptid;\n    },\n    video_id() {\n      return this.$route.query.vdid;\n    },\n    playlist_video() {\n      return this.$route.query.vdid;\n    },\n    is_same_user() {\n      return helper.isSameUser(this.user_id);\n    },\n    play_type() {\n      return this.$route.query.type;\n    },\n    user_type() {\n      let user_type = localStorage.getItem(\"user_type\");\n      if (user_type === \"Admin\" || user_type === \"Super Admin\") {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    is_admin_layout() {\n      return this.$route.meta.layout === \"AdminPanel\";\n    },\n    // subscription_logic(){\n    //   if(this.current_playing.playlist){\n    //     if(this.current_playing.playlist.is_subscribed){\n    //       return this.current_playing.playlist.is_subscribed\n    //     }else{\n    //       return this.current_playing.is_subscribed\n    //     }\n    //   }else{\n    //     return this.current_playing.is_subscribed\n    //   }\n    // },\n\n    logged_in() {\n      return commonFunctions.IsAuth();\n    },\n    free() {\n      if (this.current_playing.playlist) {\n        if (this.current_playing.price == 0) {\n          return true;\n        } else {\n          return (\n            this.current_playing.price == 0 && this.current_playing.playlist.price == 0\n          );\n        }\n      } else {\n        return this.current_playing.price == 0;\n      }\n    },\n  },\n  watch: {\n    current_playing() {\n      this.updateVideo();\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleVideoDetail: \"videoCourse/toggleVideoDetail\",\n      toggleDeleteModal: \"deleteModal/toggleDeleteModal\",\n      snackBar: \"snackBar/showSnack\",\n      toggleRejectModal: \"rejectModal/toggleRejectModal\",\n      toggleApproveModal: \"approveModal/toggleApproveModal\",\n      togglePaymentModal: \"videoCourse/togglePaymentModal\",\n    }),\n    onIntersect(entries) {\n      // console.log(entries, observer);\n      this.intersectLoader = true;\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          this.page_info.page_number += 1;\n          if (this.page_info.page_number <= this.page_info.total_page) {\n            this.intersectHandler();\n          } else {\n            this.intersectLoader = false;\n          }\n        }\n      });\n    },\n    intersectHandler() {\n      if (this.play_type === \"playlist\") {\n        this.getPlaylistVidoes(true);\n      } else {\n        this.getSuggestedVideos(true);\n      }\n    },\n    watchNow() {\n      if (!this.logged_in) {\n        commonFunctions.redirectToLogin();\n        return;\n      }\n      // console.log(\"herwee\");\n      this.togglePaymentModal({\n        show: true,\n        type: \"video\",\n        video: this.current_playing,\n      });\n    },\n    endVideo() {\n      const self = this;\n      if (this.play_type === \"playlist\") {\n        let index = this.playlist_videos.findIndex(\n          (obj) => obj.id == self.current_playing.id\n        );\n        if (self.playlist_videos[index + 1]) {\n          self.current_playing = self.playlist_videos[index + 1];\n        }\n      } else {\n        let index = this.suggested_videos.findIndex(\n          (obj) => obj.id == self.current_playing.id\n        );\n        if (this.suggested_videos[index + 1]) {\n          self.current_playing = this.suggested_videos[index + 1];\n        }\n      }\n    },\n    updateVideo() {\n      const { ptid, usid, type } = this.$route.query;\n      let query = {};\n      if (type === \"playlist\") {\n        query[\"ptid\"] = ptid;\n      }\n      query[\"type\"] = type;\n      query[\"usid\"] = usid;\n      query[\"vdid\"] = this.current_playing.id;\n\n      // let path = \"\";\n      // if (this.is_admin_layout) {\n      //   path = ROUTER_URL.adminPanel.children.videoDetail.name;\n      // } else {\n      //   path = ROUTER_URL.userPanel.children.videoDetail.name;\n      // }\n      this.$router.replace({\n        // name: path,\n        query: query,\n      });\n\n      this.reloadComment = false;\n      this.videoLoader = true;\n      setTimeout(() => {\n        this.reloadComment = true;\n        this.videoLoader = false;\n      }, 200);\n    },\n    routeToProfile(user_id, name) {\n      helper.goToProfile(user_id, name);\n    },\n    getStatus() {\n      if (this.play_type === \"playlist\") {\n        return this.current_playing.playlist.status;\n      } else {\n        return this.current_playing.status;\n      }\n    },\n    share() {\n      helper.shareVideo();\n    },\n    editVideo() {\n      this.toggleVideoDetail({\n        show: true,\n        id: this.current_playing.id,\n        detail: this.current_playing.video,\n        type: \"edit\",\n        emit: emitterKey.VIDEO_DETAIL_PAGE_UPDATE,\n      });\n    },\n    deleteHandler() {\n      if (this.current_playing.has_subscriber) {\n        this.snackBar({\n          text: \"You can not delete this video because this video has subscribers\",\n          color: \"warning\",\n          timeout: 4500,\n        });\n        return;\n      }\n      this.toggleDeleteModal({\n        show: true,\n        suffix: \"this video\",\n        emit: emitterKey.DELETE_VIDEO_DETAIL_PAGE,\n        id: this.current_playing.id,\n      });\n    },\n    deleteVideo(id) {\n      const onSuccess = () => {\n        this.snackBar({\n          text: \"Deleted\",\n          color: \"success\",\n          timeout: 4500,\n        });\n        const { ptid, usid, type } = this.$route.query;\n        let query = {};\n        if (ptid) {\n          query[\"ptid\"] = ptid;\n        }\n        query[\"usid\"] = usid;\n        query[\"type\"] = type;\n        if (this.play_type === \"playlist\") {\n          if (this.playlist_videos.length > 1) {\n            let index = this.playlist_videos.findIndex((i) => i.id === id);\n            this.playlist_videos.splice(index, 1);\n            query[\"vdid\"] = this.playlist_videos[0].id;\n          } else {\n            this.$router.push({\n              name: ROUTER_URL.userPanel.videoAndPlaylist.name,\n              query: { id: usid },\n            });\n            return;\n          }\n        } else {\n          if (this.suggested_videos.length > 1) {\n            let index = this.suggested_videos.findIndex((i) => i.id === id);\n            this.suggested_videos.splice(index, 1);\n            query[\"vdid\"] = this.suggested_videos[0].id;\n          } else {\n            this.$router.push({\n              name: ROUTER_URL.userPanel.children.videoAndPlaylist.name,\n              query: { id: usid },\n            });\n            return;\n          }\n        }\n        this.$router.replace({\n          // name: ROUTER_URL.userPanel.children.videoDetail.name,\n          query: query,\n        });\n        this.eventBus.$emit(emitterKey.VIDEO_DETAIL_PAGE_UPDATE);\n      };\n      const onFailure = () => {};\n      let params = {};\n      params[\"id\"] = id;\n      Axios(\"delete\", apiUrl.VIDEO_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n      });\n    },\n    getVideoDetail() {\n      const onSuccess = (res) => {\n        this.current_playing = res.data.video_detail;\n      };\n      const onFailure = () => {};\n      const onFinally = () => {\n        if (this.play_type === \"playlist\") {\n          this.getPlaylistVidoes();\n        } else {\n          this.getSuggestedVideos();\n          //   this.loading = false;\n        }\n      };\n      let params = {};\n      params[\"id\"] = this.video_id;\n      if (commonFunctions.getUserId()) {\n        params[\"request_user\"] = commonFunctions.getUserId();\n      }\n      Axios(\"get\", apiUrl.VIDEO_DETAIL_API, {\n        params,\n        onSuccess,\n        onFailure,\n        onFinally,\n        isTokenRequired: false,\n      });\n    },\n    getSuggestedVideos(intersect) {\n      const onSuccess = (res) => {\n        if (intersect) {\n          for (const obj of res.data.suggested_videos) {\n            this.suggested_videos.push(obj);\n            this.playing_list.push(obj);\n          }\n        } else {\n          this.suggested_videos = res.data.suggested_video;\n          this.playing_list = res.data.playlist_videos;\n        }\n        this.page_info = res.data.page_info;\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"video_id\"] = this.video_id;\n      params[\"detail_count\"] = this.page_info.detail_count;\n      params[\"page_number\"] = this.page_info.page_number;\n      if (commonFunctions.getUserId()) {\n        params[\"request_user\"] = commonFunctions.getUserId();\n      }\n      Axios(\"get\", apiUrl.SUGGESTED_VIDEOS_API, {\n        params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n    getPlaylistVidoes(intersect) {\n      const self = this;\n      const onSuccess = (res) => {\n        if (intersect) {\n          for (const obj of res.data.playlist_videos) {\n            this.playlist_videos.push(obj);\n            this.playing_list.push(obj);\n          }\n        } else {\n          this.playlist_videos = res.data.playlist_videos;\n          this.playing_list = res.data.playlist_videos;\n          if (!this.playlist_video) {\n            this.current_playing = this.playlist_videos[0];\n            const { ptid, type, usid } = this.$route.query;\n            let query = {};\n            query[\"vdid\"] = this.current_playing.id;\n            query[\"ptid\"] = ptid;\n            query[\"type\"] = type;\n            query[\"usid\"] = usid;\n            self.$router.replace({\n              query: query,\n            });\n          }\n        }\n        this.page_info = res.data.page_info;\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      const onFinally = () => {};\n      let params = {};\n      params[\"playlist_id\"] = this.playlist_id;\n      params[\"detail_count\"] = this.page_info.detail_count;\n      params[\"page_number\"] = this.page_info.page_number;\n      if (commonFunctions.getUserId()) {\n        params[\"request_user\"] = commonFunctions.getUserId();\n      }\n      Axios(\"get\", apiUrl.PLAYLIST_VIDEOS_API, {\n        params,\n        onSuccess,\n        onFailure,\n        onFinally,\n        isTokenRequired: false,\n      });\n    },\n    patchDetailHandler(status, object) {\n      console.log(\"checking\");\n      const onSuccess = () => {\n        this.getVideoDetail();\n      };\n      const onFailure = () => {};\n      let data = {};\n      data[\"status\"] = status;\n      if (object.reason) data[\"reject_reason\"] = object.reason;\n      data[\"id\"] = object.id;\n      Axios(\"patch\", apiUrl.VIDEO_DETAIL_API, {\n        data,\n        onSuccess,\n        onFailure,\n        isTokenRequired: true,\n      });\n    },\n  },\n  mounted() {\n    this.loading = true;\n    if (this.play_type === \"playlist\") {\n      if (this.playlist_video) {\n        this.getVideoDetail();\n      } else {\n        this.getPlaylistVidoes();\n      }\n    } else {\n      this.getVideoDetail();\n    }\n  },\n  created() {\n    //Event Bus\n    this.eventBus.$on(emitterKey.VIDEO_DETAIL_PAGE_UPDATE, () => {\n      this.loading = true;\n      this.getVideoDetail();\n    });\n    this.eventBus.$on(emitterKey.DELETE_VIDEO_DETAIL_PAGE, (id) => {\n      this.deleteVideo(id);\n    });\n\n    this.eventBus.$on(emitterKey.ADMIN_REJECT_VIDEO_DETAIL_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Rejected\", obj);\n    });\n    this.eventBus.$on(emitterKey.ADMIN_APPROVE_VIDEO_DETAIL_VIDEO_COURSE, (obj) => {\n      this.patchDetailHandler(\"Verified\", obj);\n    });\n  },\n  destroyed() {\n    this.eventBus.$off(emitterKey.VIDEO_DETAIL_PAGE_UPDATE);\n    // this.eventBus.$off(emitterKey.DELETE_VIDEO_DETAIL_PAGE);\n    this.eventBus.$off(emitterKey.ADMIN_REJECT_VIDEO_DETAIL_VIDEO_COURSE);\n    this.eventBus.$off(emitterKey.ADMIN_APPROVE_VIDEO_DETAIL_VIDEO_COURSE);\n  },\n};\n</script>\n<style scoped>\n.video_title__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 24px;\n  line-height: 34px;\n  /* identical to box height, or 142% */\n  width: 100%;\n  color: #333333;\n  word-wrap: break-word !important;\n}\n.common_status__class {\n  width: 100%;\n  height: 50px;\n\n  background: #f2994a;\n  border-radius: 8px;\n}\n.UnderProgress {\n  background: #f2994a;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: #ffffff;\n}\n.Rejected {\n  background: #e66a6a;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: #ffffff;\n}\n.profile_name__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  color: #333333;\n}\n.action_btn__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 23px;\n  /* identical to box height, or 177% */\n\n  text-align: center;\n\n  color: #333333;\n}\n.video_des__class {\n  width: 100%;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 26px;\n  text-overflow: initial;\n  word-wrap: break-word !important;\n  /* or 186% */\n\n  color: #737373;\n}\n.showMore {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 23px;\n  /* or 164% */\n\n  color: #333333;\n  cursor: pointer;\n}\n.video_detail_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: rgba(51, 51, 51, 0.87);\n}\nspan.v-chip.duration_chip__class {\n  background: #e2efff;\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 14px;\n  line-height: 19px;\n\n  color: rgba(51, 51, 51, 0.87);\n}\n.watch_now_btn >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n\n  text-align: center;\n\n  color: #ffffff;\n}\n.expire_detail {\n  width: 111px;\n  height: 46px;\n\n  background: linear-gradient(180deg, #fae0d7 0%, #eecec4 100%);\n  border-radius: 8px;\n}\n.expire_text {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  /* or 150% */\n\n  text-align: center;\n\n  color: #626262;\n}\n.expire_day {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  /* or 150% */\n\n  text-align: center;\n\n  color: #333333;\n}\n@media all and (max-width: 600px) {\n  .video_title__class {\n    font-size: 18px;\n    line-height: 29px;\n  }\n  .video_detail_text__class {\n    font-size: 12px;\n    line-height: 16px;\n  }\n  span.v-chip.duration_chip__class {\n    font-size: 12px;\n    line-height: 16px;\n    padding: 10px !important;\n    border-radius: 5px !important;\n    margin-top: 10px;\n    margin-bottom: 10px;\n  }\n  .watch_now_btn >>> span {\n    font-size: 14px;\n    line-height: 19px;\n  }\n  .expire_detail {\n    width: 100%;\n    height: 46px;\n    border-radius: 8px;\n    margin-top: 10px;\n  }\n  .expire_mobile {\n    display: flex;\n  }\n  .expire_text {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 13px;\n    line-height: 18px;\n    /* or 150% */\n\n    text-align: center;\n\n    color: #626262;\n    padding-top: 10px;\n  }\n  .expire_day {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 13px;\n    line-height: 18px;\n    /* or 150% */\n\n    text-align: center;\n\n    color: #333333;\n    padding-top: 10px;\n    margin-left: 3px;\n  }\n  .profile_name__class {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 19px;\n\n    color: #333333;\n  }\n  .action_btn__class >>> span {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 13px;\n    line-height: 23px;\n    /* identical to box height, or 177% */\n\n    text-align: center;\n\n    color: #333333;\n  }\n  .action_btn__class {\n    min-width: 10px !important;\n    height: 30px !important;\n  }\n  .video_des__class {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 21px;\n    /* or 186% */\n\n    color: #737373;\n  }\n  .showMore {\n    font-family: \"Avenir\";\n    font-style: normal;\n    font-weight: 900;\n    font-size: 12px;\n    line-height: 21px;\n    /* or 164% */\n\n    color: #333333;\n    cursor: pointer;\n  }\n}\n</style>\n","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!./VideoDetail.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!./VideoDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VideoDetail.vue?vue&type=template&id=ead168d6&scoped=true&\"\nimport script from \"./VideoDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoDetail.vue?vue&type=style&index=0&id=ead168d6&scoped=true&lang=css&\"\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  \"ead168d6\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VChip,VCol,VDivider,VIcon,VProgressCircular,VRow,VSkeletonLoader,VSpacer})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Intersect from 'vuetify/lib/directives/intersect'\ninstallDirectives(component, {Intersect})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoDetail.vue?vue&type=style&index=0&id=ead168d6&scoped=true&lang=css&\""],"sourceRoot":""}