{"version":3,"sources":["webpack:///./src/assets/images/nophoto.jpg","webpack:///./src/views/pages/Share/VideoComponents/Video.vue?bd3a","webpack:///./src/views/pages/Share/CreateVideo.vue?1bce","webpack:///./src/views/pages/Share/VideoComponents/Video.vue?e142","webpack:///src/views/pages/Share/VideoComponents/Video.vue","webpack:///./src/views/pages/Share/VideoComponents/Video.vue?f115","webpack:///./src/views/pages/Share/VideoComponents/Video.vue","webpack:///src/views/pages/Share/CreateVideo.vue","webpack:///./src/views/pages/Share/CreateVideo.vue?6bb4","webpack:///./src/views/pages/Share/CreateVideo.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","quality","frameRate","selectedPhoto","videoFormat","selectedProduct","loop","on","generateVideo","setFormatId","setQuality","setFrameRate","setSelectedPhoto","directives","name","rawName","value","link","expression","model","callback","$$v","iframe","ref","products","scopedSlots","_u","key","fn","data","_l","tr","indextr","productFiles","length","staticStyle","fileName","_v","_s","productCode","createDate","slot","$t","totalPage","getProduct","page","staticRenderFns","selectDisabled","selectedPhotoFromComponent","item","index","id","frame","setLoop","getloop","formatId","proxy","formatId2","confirm","_t","props","computed","getquality","methods","$emit","setloop","component","components","validationsUser","$store","state","role","obj","selectedCategories","searchInput","RequestPage","SearchText","categoryid","WithVideoFile","WithAllFilesList","WithPropertiesList","WithSettings","path","parseInt","CustomerUserId","userId","ProductId","VideoFormat","Quality","FrameRate","LoopCount","created"],"mappings":"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","file":"js/chunk-3a03c31a.0a1e284c.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/nophoto.b56abd25.jpg\";","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video.vue?vue&type=style&index=0&id=2b891caa&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video.vue?vue&type=style&index=0&id=2b891caa&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row mb-base\"},[_c('div',{staticClass:\"col-md-12\"},[_c('video-component',{attrs:{\"getquality\":_vm.quality,\"frameRate\":_vm.frameRate,\"selectedPhoto\":_vm.selectedPhoto,\"videoFormat\":_vm.videoFormat,\"selectedProduct\":_vm.selectedProduct,\"loop\":_vm.loop},on:{\"generateVideo\":_vm.generateVideo,\"setFormatId\":_vm.setFormatId,\"setQuality\":_vm.setQuality,\"setFrameRate\":_vm.setFrameRate,\"setSelectedPhoto\":_vm.setSelectedPhoto}},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row mb-base\"},[_c('div',{staticClass:\"col-md-6\"},[_c('vs-textarea',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.link != ''),expression:\"link != ''\"}],attrs:{\"height\":\"100px\"},model:{value:(_vm.link),callback:function ($$v) {_vm.link=$$v},expression:\"link\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('vs-textarea',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.iframe != ''),expression:\"iframe != ''\"}],attrs:{\"height\":\"160px\"},model:{value:(_vm.iframe),callback:function ($$v) {_vm.iframe=$$v},expression:\"iframe\"}})],1)])])])],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full relative data-list-container\",attrs:{\"id\":\"data-list-thumb-view\"}},[_c('vs-table',{ref:\"table\",attrs:{\"multiple\":\"\",\"max-items\":20,\"data\":_vm.products},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{staticClass:\"img-container\"},[(tr.productFiles.length > 0)?_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":'https://api.360photoboxcloud.com/' +\n                      tr.productFiles[0].fileName,\"alt\":tr.name}}):_c('img',{staticStyle:{\"height\":\"100px\"},attrs:{\"src\":require(\"../../../assets/images/nophoto.jpg\"),\"alt\":\"\"}})]),_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(\"\\n                    \"+_vm._s(tr.name)+\"\\n                  \")])]),_c('vs-td',[_c('p',{staticClass:\"product-category\"},[_vm._v(_vm._s(tr.productCode))])]),_c('vs-td',[_c('p',{staticClass:\"product-price\"},[_vm._v(_vm._s(tr.createDate))])])],1)}),1)]}}]),model:{value:(_vm.selectedProduct),callback:function ($$v) {_vm.selectedProduct=$$v},expression:\"selectedProduct\"}},[_c('template',{slot:\"thead\"},[_c('vs-th',[_vm._v(_vm._s(_vm.$t(\"photos\")))]),_c('vs-th',{attrs:{\"sort-key\":\"name\"}},[_vm._v(_vm._s(_vm.$t(\"productName\")))]),_c('vs-th',{attrs:{\"sort-key\":\"productCode\"}},[_vm._v(_vm._s(_vm.$t(\"productCode\")))]),_c('vs-th',{attrs:{\"sort-key\":\"createDate\"}},[_vm._v(_vm._s(_vm.$t(\"addedDate\")))])],1)],2)],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"}),_c('div',{staticClass:\"col-md-6\"},[_c('vs-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.products.length != 0),expression:\"products.length != 0\"}],staticClass:\"m-2\",attrs:{\"total\":_vm.totalPage,\"max\":11},on:{\"change\":_vm.getProduct},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vx-card',[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 mb-base\"},[_c('vs-select',{staticClass:\"w-50\",attrs:{\"disabled\":_vm.selectDisabled,\"autocomplete\":\"\",\"label\":_vm.$t('selectProduct')},on:{\"change\":_vm.setSelectedPhoto},model:{value:(_vm.selectedPhotoFromComponent),callback:function ($$v) {_vm.selectedPhotoFromComponent=$$v},expression:\"selectedPhotoFromComponent\"}},_vm._l((_vm.selectedProduct),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.id,\"text\":item.name}})}),1)],1),_c('div',{staticClass:\"col-md-6 mb-base mt-3 d-flex\"},[_c('vs-input',{staticClass:\"mr-5\",attrs:{\"type\":\"number\",\"placeholder\":\"FPS\"},on:{\"change\":_vm.setFrameRate},model:{value:(_vm.frame),callback:function ($$v) {_vm.frame=$$v},expression:\"frame\"}}),_c('vs-input',{attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('loop')},on:{\"change\":_vm.setLoop},model:{value:(_vm.getloop),callback:function ($$v) {_vm.getloop=$$v},expression:\"getloop\"}})],1),_c('div',{staticClass:\"col-md-6 mb-base\"},[_c('v-select',{staticClass:\"w-50\",attrs:{\"closeOnSelect\":true,\"label\":\"text\",\"options\":_vm.videoFormat,\"reduce\":function (formatId) { return formatId.value; }},on:{\"input\":_vm.setFormatId},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticStyle:{\"opacity\":\".8\"}},[_vm._v(_vm._s(_vm.$t('format')))])]},proxy:true}]),model:{value:(_vm.formatId2),callback:function ($$v) {_vm.formatId2=$$v},expression:\"formatId2\"}})],1),_c('div',{staticClass:\"col-md-3 mb-base\"},[_c('h6',[_vm._v(_vm._s(_vm.$t('selectQuality')))]),_c('vs-slider',{on:{\"change\":_vm.setQuality},model:{value:(_vm.quality),callback:function ($$v) {_vm.quality=$$v},expression:\"quality\"}})],1)]),_c('div',{staticClass:\"row mb-base\"},[_c('div',{staticClass:\"col-md-3\"},[_c('vs-button',{attrs:{\"disabled\":_vm.confirm},on:{\"click\":_vm.generateVideo}},[_vm._v(_vm._s(_vm.$t('generateVideo')))])],1)]),_c('div',{staticClass:\"row\"},[_vm._t(\"default\")],2)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <vx-card>\r\n      <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6 mb-base\">\r\n            <vs-select\r\n              class=\"w-50\"\r\n              :disabled=\"selectDisabled\"\r\n              autocomplete\r\n              :label=\"$t('selectProduct')\"\r\n              v-model=\"selectedPhotoFromComponent\"\r\n              @change=\"setSelectedPhoto\"\r\n            >\r\n              <vs-select-item\r\n                :key=\"index\"\r\n                :value=\"item.id\"\r\n                :text=\"item.name\"\r\n                v-for=\"(item,index) in selectedProduct\"\r\n              />\r\n            </vs-select>\r\n            <!-- <v-select\r\n              :options=\"selectedProduct\"\r\n              label=\"name\"\r\n              class=\"w-50\"\r\n              :autoscroll=\"false\"\r\n              v-model=\"selectedPhoto\"\r\n              :reduce=\"selectedPhoto => selectedPhoto.id\"\r\n            >\r\n              <template #header>\r\n                <div style=\"opacity: .8\">Resim Seç</div>\r\n              </template>\r\n              <template v-slot:option=\"option\">\r\n                <div class=\"container-fluid\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                      <img\r\n                        height=\"75px\"\r\n                        :src=\"'https://api.360photoboxcloud.com/' + option.productFiles[0].fileName\"\r\n                        alt\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </template>\r\n            </v-select>-->\r\n          </div>\r\n          <div class=\"col-md-6 mb-base mt-3 d-flex\">\r\n            <vs-input\r\n              type=\"number\"\r\n              class=\"mr-5\"\r\n              placeholder=\"FPS\"\r\n              v-model=\"frame\"\r\n              @change=\"setFrameRate\"\r\n            />\r\n            <vs-input type=\"number\" :placeholder=\"$t('loop')\" v-model=\"getloop\" @change=\"setLoop\" />\r\n          </div>\r\n          <div class=\"col-md-6 mb-base\">\r\n            <v-select\r\n              class=\"w-50\"\r\n              :closeOnSelect=\"true\"\r\n              label=\"text\"\r\n              v-model=\"formatId2\"\r\n              :options=\"videoFormat\"\r\n              :reduce=\"formatId => formatId.value\"\r\n              @input=\"setFormatId\"\r\n            >\r\n              <template #header>\r\n                <div style=\"opacity: .8\">{{$t('format')}}</div>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n\r\n          <div class=\"col-md-3 mb-base\">\r\n            <h6>{{$t('selectQuality')}}</h6>\r\n            <vs-slider v-model=\"quality\" @change=\"setQuality\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"row mb-base\">\r\n          <div class=\"col-md-3\">\r\n            <vs-button :disabled=\"confirm\" @click=\"generateVideo\">{{ $t('generateVideo')}}</vs-button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <slot />\r\n        </div>\r\n      </div>\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\r\n    \"frameRate\",\r\n    \"selectedProduct\",\r\n    \"selectedPhoto\",\r\n    \"videoFormat\",\r\n    \"getquality\",\r\n    \"loop\",\r\n  ],\r\n  computed: {\r\n    selectDisabled() {\r\n      if (this.selectedProduct.length == 0) return true;\r\n      return false;\r\n    },\r\n    confirm() {\r\n      if (\r\n        this.selectedPhotoFromComponent.length == 0 ||\r\n        this.formatId2 == null ||\r\n        this.frame == \"\"\r\n      )\r\n        return true;\r\n      return false;\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      formatId2: 0,\r\n      quality: this.getquality,\r\n      frame: this.frameRate,\r\n      selectedPhotoFromComponent: this.selectedPhoto,\r\n      getloop: this.loop,\r\n    };\r\n  },\r\n  methods: {\r\n    setLoop() {\r\n      this.$emit(\"setLoop\", this.setloop);\r\n    },\r\n    generateVideo() {\r\n      this.$emit(\"generateVideo\");\r\n    },\r\n    setFormatId() {\r\n      this.$emit(\"setFormatId\", this.formatId2);\r\n    },\r\n    setQuality() {\r\n      this.$emit(\"setQuality\", this.quality);\r\n    },\r\n    setFrameRate() {\r\n      this.$emit(\"setFrameRate\", this.frame);\r\n    },\r\n    setSelectedPhoto() {\r\n      this.$emit(\"setSelectedPhoto\", this.selectedPhotoFromComponent);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.vs__dropdown-menu {\r\n  max-height: 100px !important;\r\n  z-index: 10000 !important;\r\n}\r\n</style>","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!./Video.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!./Video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Video.vue?vue&type=template&id=2b891caa&scoped=true&\"\nimport script from \"./Video.vue?vue&type=script&lang=js&\"\nexport * from \"./Video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Video.vue?vue&type=style&index=0&id=2b891caa&lang=scss&scoped=true&\"\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  \"2b891caa\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"row mb-base\">\r\n        <div class=\"col-md-12\">\r\n          <video-component\r\n            :getquality=\"quality\"\r\n            :frameRate=\"frameRate\"\r\n            :selectedPhoto=\"selectedPhoto\"\r\n            :videoFormat=\"videoFormat\"\r\n            :selectedProduct=\"selectedProduct\"\r\n            :loop=\"loop\"\r\n            @generateVideo=\"generateVideo\"\r\n            @setFormatId=\"setFormatId\"\r\n            @setQuality=\"setQuality\"\r\n            @setFrameRate=\"setFrameRate\"\r\n            @setSelectedPhoto=\"setSelectedPhoto\"\r\n          >\r\n            <div class=\"container-fluid\">\r\n              <div class=\"row mb-base\">\r\n                <div class=\"col-md-6\">\r\n                  <vs-textarea\r\n                    v-show=\"link != ''\"\r\n                    v-model=\"link\"\r\n                    height=\"100px\"\r\n                  />\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                  <vs-textarea\r\n                    v-show=\"iframe != ''\"\r\n                    v-model=\"iframe\"\r\n                    height=\"160px\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </video-component>\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row\">\r\n        <div\r\n          class=\"vx-col w-full relative data-list-container\"\r\n          id=\"data-list-thumb-view\"\r\n        >\r\n          <vs-table\r\n            multiple\r\n            v-model=\"selectedProduct\"\r\n            ref=\"table\"\r\n            :max-items=\"20\"\r\n            :data=\"products\"\r\n          >\r\n            <template slot=\"thead\">\r\n              <vs-th>{{ $t(\"photos\") }}</vs-th>\r\n              <vs-th sort-key=\"name\">{{ $t(\"productName\") }}</vs-th>\r\n              <vs-th sort-key=\"productCode\">{{ $t(\"productCode\") }}</vs-th>\r\n              <vs-th sort-key=\"createDate\">{{ $t(\"addedDate\") }}</vs-th>\r\n              <!--<vs-th></vs-th>-->\r\n            </template>\r\n\r\n            <template slot-scope=\"{ data }\">\r\n              <tbody>\r\n                <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n                  <vs-td class=\"img-container\">\r\n                    <img\r\n                      v-if=\"tr.productFiles.length > 0\"\r\n                      :src=\"\r\n                        'https://api.360photoboxcloud.com/' +\r\n                        tr.productFiles[0].fileName\r\n                      \"\r\n                      :alt=\"tr.name\"\r\n                      style=\"height: 100px\"\r\n                    />\r\n                    <img\r\n                      v-else\r\n                      src=\"../../../assets/images/nophoto.jpg\"\r\n                      alt\r\n                      style=\"height: 100px\"\r\n                    />\r\n                  </vs-td>\r\n\r\n                  <vs-td>\r\n                    <p class=\"product-name font-medium truncate\">\r\n                      {{ tr.name }}\r\n                    </p>\r\n                  </vs-td>\r\n\r\n                  <vs-td>\r\n                    <p class=\"product-category\">{{ tr.productCode }}</p>\r\n                  </vs-td>\r\n\r\n                  <vs-td>\r\n                    <p class=\"product-price\">{{ tr.createDate }}</p>\r\n                  </vs-td>\r\n                  <!-- <vs-td>\r\n                    <vs-button\r\n                      :color=\"colorx\"\r\n                      type=\"border\"\r\n                      @click.stop=\"showDetail(tr)\"\r\n                    >{{$t('productDetails')}}</vs-button>\r\n                  </vs-td>-->\r\n                </vs-tr>\r\n              </tbody>\r\n            </template>\r\n          </vs-table>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\"></div>\r\n        <div class=\"col-md-6\">\r\n          <vs-pagination\r\n            class=\"m-2\"\r\n            v-show=\"products.length != 0\"\r\n            :total=\"totalPage\"\r\n            :max=\"11\"\r\n            v-model=\"page\"\r\n            @change=\"getProduct\"\r\n          ></vs-pagination>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport http from \"../../../http/http-helper\";\r\nimport notify from \"../../../shared/toast\";\r\nimport videoComponent from \"./VideoComponents/Video\";\r\n\r\nexport default {\r\n  components: {\r\n    \"video-component\": videoComponent,\r\n  },\r\n  data() {\r\n    return {\r\n      loop: 5,\r\n      quality: 60,\r\n      formatId: 0,\r\n      frameRate: 60,\r\n      selectedPhoto: \"\",\r\n      videoFormat: [\r\n        { text: \"MP4\", value: 0 },\r\n        { text: \"AVİ\", value: 2 },\r\n        { text: \"MKV\", value: 3 },\r\n      ],\r\n      page: 1,\r\n      totalPage: 0,\r\n      products: [],\r\n      selectedProduct: [],\r\n      link: \"\",\r\n      iframe: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    async getProduct(page) {\r\n      let data = await this.validationsUser();\r\n      let path = data[1];\r\n      data[0].RequestPage = page;\r\n      http.post(path, data[0]).then((response) => {\r\n        this.products = response.data;\r\n        this.totalPage = response.totalPage;\r\n        this.page = response.currentPage;\r\n      });\r\n    },\r\n    async searchImages() {\r\n      let data = await this.validationsUser();\r\n\r\n      let path = data[1];\r\n      http.post(path, data[0]).then((response) => {\r\n        if (response.data.length == 0) {\r\n          return notify.warning(this.$t(\"noMatch\"));\r\n        } else {\r\n          this.products = response.data;\r\n          this.totalPage = response.totalPage;\r\n          this.page = response.currentPage;\r\n        }\r\n      });\r\n    },\r\n    validationsUser() {\r\n      if (this.$store.state.role == \"Admin\") {\r\n        let obj;\r\n        if (this.selectedCategories != \"\" && this.searchInput != \"\") {\r\n          obj = {\r\n            RequestPage: 1,\r\n            SearchText: this.searchInput,\r\n            categoryid: this.selectedCategories,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        } else if (this.selectedCategories != \"\" && this.searchInput == \"\") {\r\n          obj = {\r\n            RequestPage: 1,\r\n            categoryid: this.selectedCategories,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        } else {\r\n          obj = {\r\n            RequestPage: 1,\r\n            SearchText: this.searchInput,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        let path = \"/products/getlist\";\r\n        return [obj, path];\r\n      }\r\n      if (this.$store.state.role == \"User\") {\r\n        let obj;\r\n        if (this.selectedCategories != \"\" && this.searchInput != \"\") {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            categoryid: this.selectedCategories,\r\n            CustomerUserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        } else if (this.selectedCategories != \"\" && this.searchInput == \"\") {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            categoryid: this.selectedCategories,\r\n            CustomerUserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        } else {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            CustomerUserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: true,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        let path = \"/products/getbycustomeruserid\";\r\n        return [obj, path];\r\n      }\r\n    },\r\n    generateVideo() {\r\n      let path = \"/products/generatevideo\";\r\n      let obj = {\r\n        ProductId: parseInt(this.selectedPhoto),\r\n        VideoFormat: parseInt(this.formatId),\r\n        Quality: parseInt(this.quality),\r\n        FrameRate: parseInt(this.frameRate),\r\n        LoopCount: parseInt(this.loop),\r\n      };\r\n      http.post(path, obj).then((response) => {\r\n        this.link = \"https://api.360photoboxcloud.com/\" + response.fileName;\r\n        this.iframe = `<iframe src=\"https://api.360photoboxcloud.com/${response.fileName}\" width=\"auto\" height=\"auto\" frameborder=\"0\" scrolling=\"no\" style=\"background-color: #fff; border: 0;\" allowfullscreen></iframe>`;\r\n      });\r\n    },\r\n    setLoop(data) {\r\n      this.loop = data;\r\n    },\r\n    setSelectedPhoto(data) {\r\n      this.selectedPhoto = data;\r\n    },\r\n    setFormatId(data) {\r\n      this.formatId = data;\r\n    },\r\n    setQuality(data) {\r\n      this.quality = data;\r\n    },\r\n    setFrameRate(data) {\r\n      this.frameRate = data;\r\n    },\r\n  },\r\n  created() {},\r\n};\r\n</script>\r\n\r\n<style>\r\n</style>","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!./CreateVideo.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!./CreateVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateVideo.vue?vue&type=template&id=34fcb0e6&\"\nimport script from \"./CreateVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateVideo.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":""}