{"version":3,"sources":["webpack:///./src/views/pages/Products/Products.vue?1d75","webpack:///./src/views/pages/Products/Products.vue?635c","webpack:///src/views/pages/Products/Products.vue","webpack:///./src/views/pages/Products/Products.vue?63a1","webpack:///./src/views/pages/Products/Products.vue?27a2","webpack:///./src/views/components/UserSelect.vue?02eb","webpack:///src/views/components/UserSelect.vue","webpack:///./src/views/components/UserSelect.vue?0c10","webpack:///./src/views/components/UserSelect.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","$t","categories","selectedCategories","id","model","value","callback","$$v","expression","on","veri","$event","type","indexOf","_k","keyCode","key","searchImages","searchInput","_v","_s","selectPage","directives","name","rawName","ImagesData","length","totalPage","page","_l","item","index","slot","params","productFiles","fileName","_e","productCode","areyousure","popupActive","eraseImage","staticRenderFns","components","UserSelect","data","selected","totalItems","counter","selectedName","eraseId","methods","getCategories","$store","state","role","button","validationsUser","obj","RequestPage","parseInt","SearchText","categoryid","UserId","userId","WithVideoFile","WithAllFilesList","WithPropertiesList","WithSettings","path","created","component","users","send","selectedUserId","getUsers","response","forEach","$emit"],"mappings":"gHAAA,yBAAwgB,EAAG,G,2CCA3gB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,aAAa,UAAU,CAACF,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,UAAU,CAACA,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,gOAAgOD,YAAY,CAAC,YAAY,QAAQ,MAAQ,UAAU,CAACF,EAAG,WAAW,CAACI,MAAM,CAAC,YAAcR,EAAIS,GAAG,kBAAkB,MAAQ,eAAe,eAAgB,EAAK,QAAUT,EAAIU,WAAW,OAAS,SAAUC,GAAsB,OAAOA,EAAmBC,KAAOC,MAAM,CAACC,MAAOd,EAAsB,mBAAEe,SAAS,SAAUC,GAAMhB,EAAIW,mBAAmBK,GAAKC,WAAW,yBAAyB,GAAGb,EAAG,MAAM,CAACG,YAAY,6NAA6ND,YAAY,CAAC,YAAY,QAAQ,MAAQ,SAASE,MAAM,CAAC,GAAK,UAAU,CAACJ,EAAG,aAAa,CAACc,GAAG,CAAC,YAAclB,EAAImB,SAAS,GAAGf,EAAG,MAAM,CAACG,YAAY,gOAAgOD,YAAY,CAAC,YAAY,QAAQ,MAAQ,UAAU,CAACF,EAAG,WAAW,CAACG,YAAY,uBAAuBC,MAAM,CAAC,YAAY,UAAU,KAAO,cAAc,oBAAoBR,EAAIS,GAAG,WAAWS,GAAG,CAAC,SAAW,SAASE,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQtB,EAAIuB,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOK,IAAI,SAAkB,KAAczB,EAAI0B,aAAaN,KAAUP,MAAM,CAACC,MAAOd,EAAe,YAAEe,SAAS,SAAUC,GAAMhB,EAAI2B,YAAYX,GAAKC,WAAW,kBAAkB,GAAGb,EAAG,MAAM,CAACG,YAAY,0MAA0MD,YAAY,CAAC,YAAY,UAAU,CAACF,EAAG,YAAY,CAACc,GAAG,CAAC,MAAQlB,EAAI0B,eAAe,CAAC1B,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,eAAe,GAAGL,EAAG,MAAM,CAACG,YAAY,0MAA0MD,YAAY,CAAC,YAAY,QAAQ,YAAY,UAAU,CAACF,EAAG,YAAY,CAACc,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOpB,EAAI8B,WAAW,EAAG,aAAa,CAAC9B,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,iBAAiB,QAAQ,OAAOL,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,gBAAgB,CAAC2B,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASnB,MAAgC,GAAzBd,EAAIkC,WAAWC,OAAalB,WAAW,2BAA2BT,MAAM,CAAC,MAAQR,EAAIoC,UAAU,IAAM,GAAGlB,GAAG,CAAC,OAASlB,EAAI8B,YAAYjB,MAAM,CAACC,MAAOd,EAAQ,KAAEe,SAAS,SAAUC,GAAMhB,EAAIqC,KAAKrB,GAAKC,WAAW,WAAW,KAA+B,GAAzBjB,EAAIkC,WAAWC,OAAa/B,EAAG,MAAM,CAACG,YAAY,OAAOP,EAAIsC,GAAItC,EAAc,YAAE,SAASuC,EAAKC,GAAO,OAAOpC,EAAG,MAAM,CAACqB,IAAIe,EAAMjC,YAAY,YAAY,CAACH,EAAG,UAAU,CAACG,YAAY,0CAA0C,CAACH,EAAG,WAAW,CAACqC,KAAK,WAAW,CAACrC,EAAG,cAAc,CAACG,YAAY,iPAAiPC,MAAM,CAAC,GAAK,CAC1nHwB,KAAM,iBACNU,OAAQ,CAAE9B,GAAI2B,EAAK3B,GAAIoB,KAAMO,EAAKP,SAChC,CAAEO,EAAKI,aAAaR,OAAS,EAAG/B,EAAG,MAAM,CAACG,YAAY,qBAAqBC,MAAM,CAAC,IAAM,oCACxF+B,EAAKI,aAAa,GAAGC,SAAS,IAAML,EAAKP,QAAQhC,EAAI6C,OAAOzC,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,KAAK,CAACG,YAAY,oCAAoC,CAACP,EAAI4B,GAAG,uBAAuB5B,EAAI6B,GAAGU,EAAKP,MAAM,wBAAwB5B,EAAG,IAAI,CAACG,YAAY,qCAAqC,CAACP,EAAI4B,GAAG,uBAAuB5B,EAAI6B,GAAGU,EAAKO,aAAa,4BAA4B1C,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,MAAM,CAACG,YAAY,kOAAkOW,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOpB,EAAI+C,WAAWR,EAAK3B,OAAO,CAACR,EAAG,eAAe,CAACI,MAAM,CAAC,KAAO,QAAQ,WAAa,aAAaJ,EAAG,OAAO,CAACG,YAAY,8BAA8B,CAACP,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,eAAe,GAAGL,EAAG,cAAc,CAACG,YAAY,wUAAwUC,MAAM,CAAC,GAAK,CACzwCwB,KAAM,iBACNU,OAAQ,CAAE9B,GAAI2B,EAAK3B,GAAIoB,KAAMO,EAAKP,SAChC,CAAC5B,EAAG,eAAe,CAACI,MAAM,CAAC,KAAO,aAAa,WAAa,aAAaJ,EAAG,OAAO,CAACG,YAAY,8BAA8B,CAACP,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,eAAe,IAAI,IAAI,IAAI,IAAI,MAAK,GAAGT,EAAI6C,OAAOzC,EAAG,WAAW,CAACI,MAAM,CAAC,aAAe,gBAAgB,MAAQR,EAAIS,GAAG,oBAAoB,OAAST,EAAIgD,aAAa9B,GAAG,CAAC,gBAAgB,SAASE,GAAQpB,EAAIgD,YAAY5B,KAAU,CAAChB,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,YAAY,CAACI,MAAM,CAAC,MAAQ,UAAUU,GAAG,CAAC,MAAQlB,EAAIiD,aAAa,CAACjD,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,WAAWL,EAAG,YAAY,CAACE,YAAY,CAAC,cAAc,QAAQY,GAAG,CAAC,MAAQ,SAASE,GAAQpB,EAAIgD,aAAc,KAAS,CAAChD,EAAI4B,GAAG5B,EAAI6B,GAAG7B,EAAIS,GAAG,WAAW,UAAU,IAC7vByC,EAAkB,G,wEC8NtB,GACEC,WAAY,CACVC,WAAJ,QAGEC,KALF,WAMI,MAAO,CACLC,SAAU,GACVC,WAAY,GACZrB,WAAY,GACZG,KAAM,EACND,UAAW,EACXT,YAAa,GACb6B,QAAS,EACT9C,WAAY,GACZC,mBAAoB,GACpB8C,aAAc,GACdT,aAAa,EACbU,QAAS,KAIbC,QAAS,CACPxC,KADJ,SACA,GACM,OAAO,KAAb,gBAGIyC,cALJ,WAKA,WACM,GAA8B,SAA1B3D,KAAK4D,OAAOC,MAAMC,KAAiB,CACrC,IAAR,gCACQ,EAAR,KACA,QACU,YAAV,IAEA,kBACU,EAAV,0BACY,EAAZ,iBACc,GAAd,KACc,aAAd,uBAKM,GAA8B,QAA1B9D,KAAK4D,OAAOC,MAAMC,KAAgB,CACpC,IAAR,4BACQ,EAAR,KACA,QACU,YAAV,EACU,OAAV,qCAEA,kBACU,EAAV,0BACY,EAAZ,iBACc,GAAd,KACc,aAAd,yBAOIjC,WAvCJ,SAuCA,KACoB,UAAVkC,IAAoB/D,KAAKU,mBAAqB,IACtC,IAAR0B,IAAYA,EAAO,GACvBpC,KAAKuD,QAAUnB,EACfpC,KAAKiC,WAAa,GAClBjC,KAAKoC,KAAOA,EACZpC,KAAKyB,gBAEPuC,gBA/CJ,WAgDM,GAA8B,QAA1BhE,KAAK4D,OAAOC,MAAMC,KAAgB,CACpC,IAAR,EAEUG,EAD6B,IAA3BjE,KAAKU,oBAAgD,IAApBV,KAAK0B,YAClC,CACJwC,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB2C,WAAYrE,KAAKU,mBACjB4D,OAAQH,SAASnE,KAAK4D,OAAOC,MAAMU,QACnCC,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,GAE1B,kDACgB,CACJT,YAAaC,SAASnE,KAAKoC,MAC3BiC,WAAYrE,KAAKU,mBACjB4D,OAAQH,SAASnE,KAAK4D,OAAOC,MAAMU,QACnCC,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,GAGV,CACJT,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB4C,OAAQH,SAASnE,KAAK4D,OAAOC,MAAMU,QACnCC,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,GAGlB,IAAR,sBACQ,MAAO,CAACV,EAAKW,GAEf,GAA8B,SAA1B5E,KAAK4D,OAAOC,MAAMC,KAAiB,CACrC,IAAR,EAEA,6BACA,sBACA,wBAEU,EAAV,CACYI,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB2C,WAAYrE,KAAKU,mBACjB4D,OAAQtE,KAAKwD,aACbgB,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB2C,WAAYrE,KAAKU,mBACjB8D,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BiC,WAAYrE,KAAKU,mBACjB4D,OAAQtE,KAAKwD,aACbgB,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BiC,WAAYrE,KAAKU,mBACjB8D,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB4C,OAAQtE,KAAKwD,aACbgB,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BgC,WAAYpE,KAAK0B,YACjB8C,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BkC,OAAQtE,KAAKwD,aACbgB,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAI1B,6BACA,sBACA,wBAEU,EAAV,CACYT,YAAaC,SAASnE,KAAKoC,MAC3BoC,eAAe,EACfC,kBAAkB,EAClBC,oBAAoB,EACpBC,cAAc,IAGlB,IAAR,sBACQ,MAAO,CAAC,EAAhB,KAII,aAhNJ,6KAiNA,mBAjNA,SAoNA,uBApNA,OAoNA,EApNA,OAqNA,OACA,sCACA,iBACA,iCAEA,oBACA,wBACA,yBA5NA,wGAkOI3B,WAlOJ,WAkOA,WACM,EAAN,KACA,IADA,qCACA,eACA,kBACQ,EAAR,8BAEQ,EAAR,eACQ,EAAR,mBAGIF,WA5OJ,SA4OA,GACM9C,KAAKyD,QAAU9C,EACfX,KAAK+C,aAAc,IAGvB8B,QAvQF,WAwQI7E,KAAK2D,kBC9euW,I,wBCQ5WmB,EAAY,eACd,EACAhF,EACAmD,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,6CCnBf,IAAIhF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,WAAW,CAACI,MAAM,CAAC,YAAcR,EAAIS,GAAG,cAAc,MAAQ,WAAW,eAAgB,EAAK,QAAUT,EAAIgF,MAAM,OAAS,SAAUA,GAAS,OAAOA,EAAMpE,KAAOM,GAAG,CAAC,MAAQlB,EAAIiF,MAAMpE,MAAM,CAACC,MAAOd,EAAkB,eAAEe,SAAS,SAAUC,GAAMhB,EAAIkF,eAAelE,GAAKC,WAAW,qBAAqB,IACpZiC,EAAkB,G,6CCmBtB,GACEC,WAAY,CACV,WAAY,EAAhB,GAEEE,KAJF,WAKI,MAAO,CACL2B,MAAO,GACPE,eAAgB,KAGpBJ,QAVF,WAWI7E,KAAKkF,YAEPxB,QAAS,CACPwB,SADJ,WACA,WACA,mBACM,EAAN,8BACQ,IAAIH,EAAQI,EACZJ,EAAMK,SAAQ,SAAtB,GACU,IAAIhC,EAAO,CAArB,6BACU,EAAV,qBAmBI4B,KA1BJ,SA0BA,GACMhF,KAAKqF,MAAM,cAAejC,MC5DmU,I,YCO/V0B,EAAY,eACd,EACAhF,EACAmD,GACA,EACA,KACA,KACA,MAIa,OAAA6B,E","file":"js/chunk-4aa26c2f.6852e21d.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Products.vue?vue&type=style&index=0&id=e3512d64&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Products.vue?vue&type=style&index=0&id=e3512d64&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-top\":\"-20px\"}},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"\\n                vx-col\\n                w-full\\n                flex flex-col\\n                sm:w-1/5\\n                md:w-1/5\\n                lg:w-1/5\\n                xl:w-1/5\\n                mb-2\\n              \",staticStyle:{\"min-width\":\"200px\",\"width\":\"250px\"}},[_c('v-select',{attrs:{\"placeholder\":_vm.$t('selectCategory'),\"label\":\"categoryName\",\"closeOnSelect\":true,\"options\":_vm.categories,\"reduce\":function (selectedCategories) { return selectedCategories.id; }},model:{value:(_vm.selectedCategories),callback:function ($$v) {_vm.selectedCategories=$$v},expression:\"selectedCategories\"}})],1),_c('div',{staticClass:\"\\n                col\\n                w-full\\n                flex flex-col\\n                sm:w-1/5\\n                md:w-1/5\\n                lg:w-1/5\\n                xl:w-1/5\\n                mb-2\\n              \",staticStyle:{\"min-width\":\"200px\",\"width\":\"250px\"},attrs:{\"id\":\"users\"}},[_c('UserSelect',{on:{\"receiveData\":_vm.veri}})],1),_c('div',{staticClass:\"\\n                vx-col\\n                w-full\\n                flex flex-col\\n                sm:w-1/5\\n                md:w-1/5\\n                lg:w-1/5\\n                xl:w-1/5\\n                mb-2\\n              \",staticStyle:{\"min-width\":\"200px\",\"width\":\"250px\"}},[_c('vs-input',{staticClass:\"is-label-placeholder\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-search\",\"label-placeholder\":_vm.$t('search')},on:{\"keypress\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.searchImages($event)}},model:{value:(_vm.searchInput),callback:function ($$v) {_vm.searchInput=$$v},expression:\"searchInput\"}})],1),_c('div',{staticClass:\"\\n                vx-col\\n                w-full\\n                flex flex-col\\n                sm:w-1/5\\n                md:w-1/5\\n                lg:w-1/5\\n                xl:w-1/5\\n              \",staticStyle:{\"max-width\":\"140px\"}},[_c('vs-button',{on:{\"click\":_vm.searchImages}},[_vm._v(_vm._s(_vm.$t(\"search\")))])],1),_c('div',{staticClass:\"\\n                vx-col\\n                w-full\\n                flex flex-col\\n                sm:w-1/5\\n                md:w-1/5\\n                lg:w-1/5\\n                xl:w-1/5\\n              \",staticStyle:{\"max-width\":\"200px\",\"min-width\":\"150px\"}},[_c('vs-button',{on:{\"click\":function($event){return _vm.selectPage(1, 'button')}}},[_vm._v(_vm._s(_vm.$t(\"bringAll\")))])],1)])])],1)])]),_c('div',{staticClass:\"container-fluid mt-8\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 mb-4\"},[_c('vs-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ImagesData.length != 0),expression:\"ImagesData.length != 0\"}],attrs:{\"total\":_vm.totalPage,\"max\":9},on:{\"change\":_vm.selectPage},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)]),(_vm.ImagesData.length != 0)?_c('div',{staticClass:\"row\"},_vm._l((_vm.ImagesData),function(item,index){return _c('div',{key:index,staticClass:\"col-md-3\"},[_c('vx-card',{staticClass:\"grid-view-item mb-base overflow-hidden\"},[_c('template',{slot:\"no-body\"},[_c('router-link',{staticClass:\"\\n                item-img-container\\n                bg-white\\n                h-64\\n                flex\\n                items-center\\n                justify-center\\n                mb-4\\n                cursor-pointer\\n              \",attrs:{\"to\":{\n                name: 'Product Detail',\n                params: { id: item.id, name: item.name },\n              }}},[(item.productFiles.length > 0)?_c('img',{staticClass:\"grid-view-img px-2\",attrs:{\"src\":'https://api.360photoboxcloud.com/' +\n                  item.productFiles[0].fileName,\"alt\":item.name}}):_vm._e()]),_c('div',{staticClass:\"item-details px-4\"},[_c('div',{staticClass:\"my-4\"},[_c('h5',{staticClass:\"truncate font-semibold mt-4 mb-1\"},[_vm._v(\"\\n                  \"+_vm._s(item.name)+\"\\n                \")]),_c('p',{staticClass:\"item-description truncate text-sm\"},[_vm._v(\"\\n                  \"+_vm._s(item.productCode)+\"\\n                \")])])]),_c('div',{staticClass:\"flex flex-wrap\"},[_c('div',{staticClass:\"\\n                  item-view-primary-action-btn\\n                  p-3\\n                  flex flex-grow\\n                  items-center\\n                  justify-center\\n                  cursor-pointer\\n                \",on:{\"click\":function($event){return _vm.areyousure(item.id)}}},[_c('feather-icon',{attrs:{\"icon\":\"XIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"text-sm font-semibold ml-2\"},[_vm._v(_vm._s(_vm.$t(\"delete\")))])],1),_c('router-link',{staticClass:\"\\n                  item-view-secondary-action-btn\\n                  bg-primary\\n                  p-3\\n                  flex flex-grow\\n                  items-center\\n                  justify-center\\n                  text-white\\n                  cursor-pointer\\n                  text-decoration-none\\n                \",attrs:{\"to\":{\n                  name: 'Product Detail',\n                  params: { id: item.id, name: item.name },\n                }}},[_c('feather-icon',{attrs:{\"icon\":\"SearchIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"text-sm font-semibold ml-2\"},[_vm._v(_vm._s(_vm.$t(\"detail\")))])],1)],1)],1)],2)],1)}),0):_vm._e()]),_c('vs-popup',{attrs:{\"classContent\":\"popup-example\",\"title\":_vm.$t('areYouSureDelete'),\"active\":_vm.popupActive},on:{\"update:active\":function($event){_vm.popupActive=$event}}},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[_c('vs-button',{attrs:{\"color\":\"danger\"},on:{\"click\":_vm.eraseImage}},[_vm._v(_vm._s(_vm.$t(\"yes\")))]),_c('vs-button',{staticStyle:{\"margin-left\":\"75px\"},on:{\"click\":function($event){_vm.popupActive = false}}},[_vm._v(_vm._s(_vm.$t(\"no\")))])],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"margin-top: -20px\">\r\n    <div class=\"container-fluid\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <vx-card>\r\n            <div class=\"vx-row\">\r\n              <div\r\n                class=\"\r\n                  vx-col\r\n                  w-full\r\n                  flex flex-col\r\n                  sm:w-1/5\r\n                  md:w-1/5\r\n                  lg:w-1/5\r\n                  xl:w-1/5\r\n                  mb-2\r\n                \"\r\n                style=\"min-width: 200px; width: 250px\"\r\n              >\r\n                <v-select\r\n                  :placeholder=\"$t('selectCategory')\"\r\n                  label=\"categoryName\"\r\n                  :closeOnSelect=\"true\"\r\n                  v-model=\"selectedCategories\"\r\n                  :options=\"categories\"\r\n                  :reduce=\"(selectedCategories) => selectedCategories.id\"\r\n                />\r\n              </div>\r\n              <div\r\n                id=\"users\"\r\n                class=\"\r\n                  col\r\n                  w-full\r\n                  flex flex-col\r\n                  sm:w-1/5\r\n                  md:w-1/5\r\n                  lg:w-1/5\r\n                  xl:w-1/5\r\n                  mb-2\r\n                \"\r\n                style=\"min-width: 200px; width: 250px\"\r\n              >\r\n                <UserSelect @receiveData=\"veri\"></UserSelect>\r\n              </div>\r\n              <div\r\n                class=\"\r\n                  vx-col\r\n                  w-full\r\n                  flex flex-col\r\n                  sm:w-1/5\r\n                  md:w-1/5\r\n                  lg:w-1/5\r\n                  xl:w-1/5\r\n                  mb-2\r\n                \"\r\n                style=\"min-width: 200px; width: 250px\"\r\n              >\r\n                <vs-input\r\n                  icon-pack=\"feather\"\r\n                  icon=\"icon-search\"\r\n                  :label-placeholder=\"$t('search')\"\r\n                  class=\"is-label-placeholder\"\r\n                  v-model=\"searchInput\"\r\n                  @keypress.enter=\"searchImages\"\r\n                />\r\n              </div>\r\n              <div\r\n                class=\"\r\n                  vx-col\r\n                  w-full\r\n                  flex flex-col\r\n                  sm:w-1/5\r\n                  md:w-1/5\r\n                  lg:w-1/5\r\n                  xl:w-1/5\r\n                \"\r\n                style=\"max-width: 140px\"\r\n              >\r\n                <vs-button @click=\"searchImages\">{{ $t(\"search\") }}</vs-button>\r\n              </div>\r\n              <div\r\n                class=\"\r\n                  vx-col\r\n                  w-full\r\n                  flex flex-col\r\n                  sm:w-1/5\r\n                  md:w-1/5\r\n                  lg:w-1/5\r\n                  xl:w-1/5\r\n                \"\r\n                style=\"max-width: 200px; min-width: 150px\"\r\n              >\r\n                <vs-button @click=\"selectPage(1, 'button')\">{{\r\n                  $t(\"bringAll\")\r\n                }}</vs-button>\r\n              </div>\r\n            </div>\r\n          </vx-card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"container-fluid mt-8\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12 mb-4\">\r\n          <vs-pagination\r\n            v-show=\"ImagesData.length != 0\"\r\n            :total=\"totalPage\"\r\n            :max=\"9\"\r\n            v-model=\"page\"\r\n            @change=\"selectPage\"\r\n          ></vs-pagination>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" v-if=\"ImagesData.length != 0\">\r\n        <div class=\"col-md-3\" v-for=\"(item, index) in ImagesData\" :key=\"index\">\r\n          <vx-card class=\"grid-view-item mb-base overflow-hidden\">\r\n            <template slot=\"no-body\">\r\n              <router-link\r\n                class=\"\r\n                  item-img-container\r\n                  bg-white\r\n                  h-64\r\n                  flex\r\n                  items-center\r\n                  justify-center\r\n                  mb-4\r\n                  cursor-pointer\r\n                \"\r\n                :to=\"{\r\n                  name: 'Product Detail',\r\n                  params: { id: item.id, name: item.name },\r\n                }\"\r\n              >\r\n                <img\r\n                  v-if=\"item.productFiles.length > 0\"\r\n                  :src=\"\r\n                    'https://api.360photoboxcloud.com/' +\r\n                    item.productFiles[0].fileName\r\n                  \"\r\n                  :alt=\"item.name\"\r\n                  class=\"grid-view-img px-2\"\r\n                />\r\n              </router-link>\r\n              <div class=\"item-details px-4\">\r\n                <div class=\"my-4\">\r\n                  <h5 class=\"truncate font-semibold mt-4 mb-1\">\r\n                    {{ item.name }}\r\n                  </h5>\r\n                  <p class=\"item-description truncate text-sm\">\r\n                    {{ item.productCode }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"flex flex-wrap\">\r\n                <div\r\n                  class=\"\r\n                    item-view-primary-action-btn\r\n                    p-3\r\n                    flex flex-grow\r\n                    items-center\r\n                    justify-center\r\n                    cursor-pointer\r\n                  \"\r\n                  @click=\"areyousure(item.id)\"\r\n                >\r\n                  <feather-icon icon=\"XIcon\" svgClasses=\"h-4 w-4\" />\r\n\r\n                  <span class=\"text-sm font-semibold ml-2\">{{\r\n                    $t(\"delete\")\r\n                  }}</span>\r\n                </div>\r\n\r\n                <router-link\r\n                  class=\"\r\n                    item-view-secondary-action-btn\r\n                    bg-primary\r\n                    p-3\r\n                    flex flex-grow\r\n                    items-center\r\n                    justify-center\r\n                    text-white\r\n                    cursor-pointer\r\n                    text-decoration-none\r\n                  \"\r\n                  :to=\"{\r\n                    name: 'Product Detail',\r\n                    params: { id: item.id, name: item.name },\r\n                  }\"\r\n                >\r\n                  <feather-icon icon=\"SearchIcon\" svgClasses=\"h-4 w-4\" />\r\n\r\n                  <span class=\"text-sm font-semibold ml-2\">{{\r\n                    $t(\"detail\")\r\n                  }}</span>\r\n                </router-link>\r\n              </div>\r\n            </template>\r\n          </vx-card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <vs-popup\r\n      classContent=\"popup-example\"\r\n      :title=\"$t('areYouSureDelete')\"\r\n      :active.sync=\"popupActive\"\r\n    >\r\n      <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12 text-center\">\r\n            <vs-button @click=\"eraseImage\" color=\"danger\">{{\r\n              $t(\"yes\")\r\n            }}</vs-button>\r\n            <vs-button @click=\"popupActive = false\" style=\"margin-left: 75px\">{{\r\n              $t(\"no\")\r\n            }}</vs-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </vs-popup>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable */\r\nimport http from \"../../../http/http-helper\";\r\nimport notify from \"../../../shared/toast\";\r\nimport UserSelect from \"../../components/UserSelect\";\r\n\r\nexport default {\r\n  components: {\r\n    UserSelect,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      selected: [],\r\n      totalItems: 10,\r\n      ImagesData: [],\r\n      page: 1,\r\n      totalPage: 0,\r\n      searchInput: \"\",\r\n      counter: 1,\r\n      categories: [],\r\n      selectedCategories: \"\",\r\n      selectedName: \"\",\r\n      popupActive: false,\r\n      eraseId: \"\",\r\n      // isTyping: false\r\n    };\r\n  },\r\n  methods: {\r\n    veri(value) {\r\n      return (this.selectedName = value);\r\n    },\r\n    //Get Categories\r\n    getCategories() {\r\n      if (this.$store.state.role == \"Admin\") {\r\n        let path = \"/categories/GetListByPaging\";\r\n        http\r\n          .post(path, {\r\n            RequestPage: 1,\r\n          })\r\n          .then((response) => {\r\n            response.data.forEach((element) => {\r\n              this.categories.push({\r\n                id: element.id,\r\n                categoryName: element.categoryName,\r\n              });\r\n            });\r\n          });\r\n      }\r\n      if (this.$store.state.role == \"User\") {\r\n        let path = \"/categories/getByUserId\";\r\n        http\r\n          .post(path, {\r\n            RequestPage: 1,\r\n            UserId: parseInt(this.$store.state.userId),\r\n          })\r\n          .then((response) => {\r\n            response.data.forEach((element) => {\r\n              this.categories.push({\r\n                id: element.id,\r\n                categoryName: element.categoryName,\r\n              });\r\n            });\r\n          });\r\n      }\r\n    },\r\n    //Select Page && Get Images\r\n    selectPage(page, button) {\r\n      if (button == \"button\") this.selectedCategories = \"\";\r\n      if (page == \"\") page = 1;\r\n      this.counter = page;\r\n      this.ImagesData = [];\r\n      this.page = page;\r\n      this.searchImages();\r\n    },\r\n    validationsUser() {\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            UserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\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            UserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\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            UserId: parseInt(this.$store.state.userId),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\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 == \"Admin\") {\r\n        let obj;\r\n        if (\r\n          this.selectedCategories != \"\" &&\r\n          this.searchInput != \"\" &&\r\n          this.selectedName != \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            categoryid: this.selectedCategories,\r\n            UserId: this.selectedName,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories != \"\" &&\r\n          this.searchInput != \"\" &&\r\n          this.selectedName == \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            categoryid: this.selectedCategories,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories != \"\" &&\r\n          this.searchInput == \"\" &&\r\n          this.selectedName != \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            categoryid: this.selectedCategories,\r\n            UserId: this.selectedName,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories != \"\" &&\r\n          this.searchInput == \"\" &&\r\n          this.selectedName == \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            categoryid: this.selectedCategories,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories == \"\" &&\r\n          this.searchInput != \"\" &&\r\n          this.selectedName != \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            UserId: this.selectedName,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories == \"\" &&\r\n          this.searchInput != \"\" &&\r\n          this.selectedName == \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            SearchText: this.searchInput,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories == \"\" &&\r\n          this.searchInput == \"\" &&\r\n          this.selectedName != \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            UserId: this.selectedName,\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\r\n            WithPropertiesList: false,\r\n            WithSettings: false,\r\n          };\r\n        }\r\n        if (\r\n          this.selectedCategories == \"\" &&\r\n          this.searchInput == \"\" &&\r\n          this.selectedName == \"\"\r\n        ) {\r\n          obj = {\r\n            RequestPage: parseInt(this.page),\r\n            WithVideoFile: false,\r\n            WithAllFilesList: false,\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    },\r\n    //Search Data\r\n    async searchImages() {\r\n      this.ImagesData = [];\r\n      /* if (this.searchInput == \"\" && this.selectedCategories == \"\")\r\n        return notify.warning(this.$t(\"fillBlanks\"));*/\r\n      let data = await this.validationsUser();\r\n      let path = data[1];\r\n      http.post(path, data[0]).then((response) => {\r\n        if (response.data.length == 0) {\r\n          notify.warning(this.$t(\"noMatch\"));\r\n        } else {\r\n          this.ImagesData = response.data;\r\n          this.totalPage = response.totalPage;\r\n          this.page = response.currentPage;\r\n        }\r\n      });\r\n    },\r\n\r\n    //Remove Image\r\n    eraseImage() {\r\n      http\r\n        .get(`/products/delete?productId=${this.eraseId}`)\r\n        .then((response) => {\r\n          notify.success(this.$t(\"removed\"));\r\n\r\n          this.popupActive = false;\r\n          this.searchImages();\r\n        });\r\n    },\r\n    areyousure(id) {\r\n      this.eraseId = id;\r\n      this.popupActive = true;\r\n    },\r\n  },\r\n  created() {\r\n    this.getCategories();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.vs-input {\r\n  width: 100% !important;\r\n  margin: 0px;\r\n}\r\n.orta {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.grid-view-item .grid-view-img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  width: auto;\r\n  transition: 0.35s;\r\n}\r\n\r\n.grid-view-item:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);\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!./Products.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!./Products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Products.vue?vue&type=template&id=e3512d64&scoped=true&\"\nimport script from \"./Products.vue?vue&type=script&lang=js&\"\nexport * from \"./Products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Products.vue?vue&type=style&index=0&id=e3512d64&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  \"e3512d64\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-select',{attrs:{\"placeholder\":_vm.$t('selectUser'),\"label\":\"userName\",\"closeOnSelect\":true,\"options\":_vm.users,\"reduce\":function (users) { return users.id; }},on:{\"input\":_vm.send},model:{value:(_vm.selectedUserId),callback:function ($$v) {_vm.selectedUserId=$$v},expression:\"selectedUserId\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n   <!-- <small class=\"date-label\">{{$t('selectUser')}}</small> -->\r\n    <v-select\r\n      :placeholder=\"$t('selectUser')\"\r\n      label=\"userName\"\r\n      :closeOnSelect=\"true\"\r\n      v-model=\"selectedUserId\"\r\n      :options=\"users\"\r\n      :reduce=\"users => users.id\"\r\n      @input=\"send\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vSelect from \"vue-select\";\r\n// import UserService from \"../../http/services/users\";\r\nimport http from \"../../../src/http/http-helper\";\r\n\r\nexport default {\r\n  components: {\r\n    \"v-select\": vSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      users: [],\r\n      selectedUserId: \"\",\r\n    };\r\n  },\r\n  created() {\r\n    this.getUsers();\r\n  },\r\n  methods: {\r\n    getUsers() {\r\n      let path = \"/users/getlist\";\r\n      http.get(path).then((response) => {\r\n        var users = response;\r\n        users.forEach((element) => {\r\n          var data = { id: element.id, userName: element.userName };\r\n          this.users.push(data);\r\n        });\r\n      });\r\n\r\n      // UserService.getUsers()\r\n      //   .then(response => {\r\n      //     response.data.forEach(element => {\r\n      //       var data = { id: element.id, userName: element.userName };\r\n      //       this.users.push(data);\r\n      //     });\r\n      //   })\r\n      //   .catch(err => {\r\n      //     this.$vs.notify({\r\n      //       title: \"Hata\",\r\n      //       text: this.$t(\"logListColudntTake\"),\r\n      //       color: \"danger\"\r\n      //     });\r\n      //   });\r\n    },\r\n    send(data) {\r\n      this.$emit(\"receiveData\", data);\r\n    },\r\n  },\r\n};\r\n</script>","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!./UserSelect.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!./UserSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserSelect.vue?vue&type=template&id=8061fb16&\"\nimport script from \"./UserSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./UserSelect.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":""}