{"version":3,"sources":["webpack:///./src/SuperAdmin/clients.vue?f464","webpack:///./src/SuperAdmin/clients.vue","webpack:///src/SuperAdmin/clients.vue","webpack:///./src/SuperAdmin/clients.vue?3f6f","webpack:///./src/SuperAdmin/clients.vue?ff41"],"names":["render","_vm","this","_c","_self","staticClass","id","_v","on","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","attrs","model","value","client_id","callback","$$v","expression","$v","name","$dirty","$error","$model","$set","_s","$t","_e","city","url","required","nick_name","versions","version_id","length","showToggleButton","is_pro_sync","_m","totalRecords","enabled","searchFn","isLoading","dropdownAllowAll","perPageDropdown","rows","columns","onPageChange","onSortChange","onColumnFilter","onPerPageChange","scopedSlots","_u","key","fn","props","column","field","editclient","row","deleteclient","staticRenderFns","toast","position","Vue","mixins","data","serverParams","columnFilters","sort","type","page","perPage","label","filterable","sortable","validations","methods","getVersions","API","loadItems","e","title","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","console","timeout","showProgressBar","closeOnClick","pauseOnHover","window","top","behavior","clear_form","updateParams","newProps","params","searchTerm","getVersionNameById","computed","mounted","component"],"mappings":"yIAAA,W,uDCAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,6BAA6B,CAACF,EAAG,eAAeA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,oDAAoD,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAAa,IAAXH,KAAKI,GAAUH,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAG,oBAAoBJ,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAG,qBAAqBJ,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,eAAeG,GAAG,CAAC,OAAS,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBV,EAAIW,SAASC,MAAM,KAAMC,cAAc,CAACX,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,aAAa,YAAY,cAAc,CAACZ,EAAG,eAAe,CAACY,MAAM,CAAC,KAAO,OAAO,GAAK,YAAY,KAAO,YAAY,SAAW,GAAG,YAAc,aAAaC,MAAM,CAACC,MAAOhB,EAAIiB,UAAWC,SAAS,SAAUC,GAAMnB,EAAIiB,UAAUE,GAAKC,WAAW,gBAAgB,GAAGlB,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,QAAQ,YAAY,SAAS,CAACZ,EAAG,eAAe,CAACY,MAAM,CAAC,KAAO,OAAO,GAAK,OAAO,KAAO,OAAO,YAAc,cAAc,MAAQd,EAAIqB,GAAGC,KAAKC,QAAUvB,EAAIqB,GAAGC,KAAKE,OAAS,KAAK,mBAAmB,yBAAyBT,MAAM,CAACC,MAAOhB,EAAIqB,GAAGC,KAAKG,OAAQP,SAAS,SAAUC,GAAMnB,EAAI0B,KAAK1B,EAAIqB,GAAGC,KAAM,SAAUH,IAAMC,WAAW,oBAAqBpB,EAAIqB,GAAGC,KAAKE,OAAQtB,EAAG,0BAA0B,CAACY,MAAM,CAAC,GAAK,0BAA0B,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,mBAAmB,OAAO5B,EAAI6B,MAAM,GAAG3B,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,OAAO,YAAY,SAAS,CAACZ,EAAG,eAAe,CAACY,MAAM,CAAC,KAAO,OAAO,GAAK,OAAO,YAAc,QAAQC,MAAM,CAACC,MAAOhB,EAAI8B,KAAMZ,SAAS,SAAUC,GAAMnB,EAAI8B,KAAKX,GAAKC,WAAW,WAAW,IAAI,GAAGlB,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,OAAO,YAAY,QAAQ,CAACZ,EAAG,eAAe,CAACY,MAAM,CAAC,KAAO,MAAM,GAAK,MAAM,YAAc,uCAAuC,SAAW,GAAG,MAAQd,EAAIqB,GAAGU,IAAIR,QAAUvB,EAAIqB,GAAGU,IAAIP,OAAS,KAAK,mBAAmB,yBAAyBT,MAAM,CAACC,MAAOhB,EAAIqB,GAAGU,IAAIN,OAAQP,SAAS,SAAUC,GAAMnB,EAAI0B,KAAK1B,EAAIqB,GAAGU,IAAK,SAAUZ,IAAMC,WAAW,mBAAqBpB,EAAIqB,GAAGU,IAAIC,SAA8HhC,EAAI6B,KAAxH3B,EAAG,0BAA0B,CAACY,MAAM,CAAC,GAAK,0BAA0B,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,mBAAmB,OAAkB5B,EAAIqB,GAAGU,IAAIA,IAAqG/B,EAAI6B,KAApG3B,EAAG,0BAA0B,CAACY,MAAM,CAAC,GAAK,0BAA0B,CAACd,EAAIM,GAAG,qBAA8B,GAAGJ,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,WAAW,YAAY,SAAS,CAACZ,EAAG,eAAe,CAACY,MAAM,CAAC,KAAO,OAAO,GAAK,WAAW,YAAc,WAAW,MAAQd,EAAIqB,GAAGY,UAAUV,QAAUvB,EAAIqB,GAAGY,UAAUT,OAAS,KAAK,mBAAmB,yBAAyBT,MAAM,CAACC,MAAOhB,EAAIqB,GAAGY,UAAUR,OAAQP,SAAS,SAAUC,GAAMnB,EAAI0B,KAAK1B,EAAIqB,GAAGY,UAAW,SAAUd,IAAMC,WAAW,yBAA2BpB,EAAIqB,GAAGY,UAAUD,SAA8HhC,EAAI6B,KAAxH3B,EAAG,0BAA0B,CAACY,MAAM,CAAC,GAAK,0BAA0B,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,mBAAmB,QAAiB,GAAG1B,EAAG,eAAe,CAACY,MAAM,CAAC,MAAQ,UAAU,YAAY,YAAY,CAACZ,EAAG,gBAAgB,CAACY,MAAM,CAAC,QAAUd,EAAIkC,SAAS,cAAc,KAAK,aAAa,eAAe,MAAQlC,EAAIqB,GAAGc,WAAWZ,QAAUvB,EAAIqB,GAAGc,WAAWX,OAAS,KAAK,mBAAmB,yBAAyBT,MAAM,CAACC,MAAOhB,EAAIqB,GAAGc,WAAWV,OAAQP,SAAS,SAAUC,GAAMnB,EAAI0B,KAAK1B,EAAIqB,GAAGc,WAAY,SAAUhB,IAAMC,WAAW,yBAAyB,CAA0B,IAAxBpB,EAAIkC,SAASE,OAAclC,EAAG,uBAAuB,CAACY,MAAM,CAAC,UAAW,IAAO,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,wBAAwB5B,EAAI6B,MAAM,GAAK7B,EAAIqB,GAAGc,WAAWH,SAA8HhC,EAAI6B,KAAxH3B,EAAG,0BAA0B,CAACY,MAAM,CAAC,GAAK,0BAA0B,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,mBAAmB,QAAiB,IAAI,KAAM5B,EAAIqC,iBAAkBnC,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBU,MAAM,CAAC,IAAM,mCAAmC,CAACd,EAAIM,GAAGN,EAAI2B,GAAG3B,EAAI4B,GAAG,+BAA+B1B,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,gBAAgB,CAACE,YAAY,cAAcU,MAAM,CAAC,MAAO,GAAMC,MAAM,CAACC,MAAOhB,EAAIsC,YAAapB,SAAS,SAAUC,GAAMnB,EAAIsC,YAAYnB,GAAKC,WAAW,kBAAkB,KAAKpB,EAAI6B,KAAK3B,EAAG,WAAW,CAACE,YAAY,OAAOU,MAAM,CAAC,KAAO,SAAS,QAAU,YAAY,CAAa,KAAXd,EAAIK,GAAWH,EAAG,OAAO,CAACF,EAAIM,GAAG,YAAYJ,EAAG,OAAO,CAACF,EAAIM,GAAG,eAAe,eAAeJ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACJ,EAAIuC,GAAG,GAAGrC,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,iBAAiB,CAACY,MAAM,CAAC,KAAO,SAAS,UAAYd,EAAIwC,aAAa,iBAAiB,CAACC,SAAS,EAAKC,SAAU1C,EAAI0C,UAAU,UAAY1C,EAAI2C,UAAU,qBAAqB,CAC9vJF,SAAS,EACTG,kBAAkB,EAClBC,gBAAiB,CAAC,GAAI,GAAI,GAAI,IAAK,MACrC,KAAO7C,EAAI8C,KAAK,QAAU9C,EAAI+C,SAASxC,GAAG,CAAC,iBAAiBP,EAAIgD,aAAa,iBAAiBhD,EAAIiD,aAAa,mBAAmBjD,EAAIkD,eAAe,qBAAqBlD,EAAImD,gBAAgB,YAAYnD,EAAI0C,SAAS,mBAAmB,SAASlC,GAAQR,EAAI2C,UAAUnC,GAAQ,oBAAoB,SAASA,GAAQR,EAAI2C,UAAUnC,IAAS4C,YAAYpD,EAAIqD,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GAAO,MAAO,CAAyB,WAAvBA,EAAMC,OAAOC,MAAoBxD,EAAG,OAAO,CAACE,YAAY,eAAe,CAACF,EAAG,WAAW,CAACE,YAAY,2BAA2BU,MAAM,CAAC,KAAO,MAAMP,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAI2D,WAAWH,EAAMI,IAAIvD,OAAO,CAACL,EAAIM,GAAG,YAAYJ,EAAG,WAAW,CAACE,YAAY,6BAA6BU,MAAM,CAAC,KAAO,MAAMP,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAI6D,aAAaL,EAAMI,IAAIvD,OAAO,CAACL,EAAIM,GAAG,eAAe,GAAGN,EAAI6B,aAAa,SAAS3B,EAAG,QAAQ,IAE32B4D,EAAkB,CAAC,WAAY,IAAI9D,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIM,GAAG,iB,4FCiIxJ,GACAyD,OACAC,2BAGAC,2BACA,OACA3C,eACA4C,8BACAC,KAHA,WAIA,OACA7C,QACAW,aACAF,OACAd,aACAkB,aACAL,QACAzB,MACAiC,eACA8B,cAEAC,iBACAC,OACAZ,WACAa,cAGAC,OACAC,YAEA1B,UACA2B,kBACAhB,kBACAiB,eAEA,CACAD,aACAhB,aACAiB,eAEA,CACAD,iBACAhB,kBACAiB,eAEA,CACAD,YACAhB,YACAiB,eAEA,CACAD,aACAhB,aACAiB,eAEA,CACAD,gBACAhB,6BACAiB,eAEA,CACAD,eACAhB,eACAkB,cAGAjC,aACAG,QACAZ,YACAM,iBAGAqC,aACAvD,MACAU,wBAEAC,WACAD,wBAEAD,KACAA,aACAC,wBAEAG,YACAH,yBAGA8C,SACAC,YADA,WACA,WACAC,oBACA,YACA,qBAEA,iBAGAC,UATA,WASA,WACAD,qCACA,YACA,8BACA,mBACA,wBACA,wDAEA,iBAGAnB,aApBA,SAoBAqB,GAAA,WACA,YACAC,sBACAC,yCACAb,eACAc,oBACAC,6BACAC,yBACAC,sCACAC,MAAA,YACA,YACA,OACApF,MAEA2E,oBACAb,GACA,YACA,cACA,QACA,WACA,2BACA,cAGA,qBAMAxD,SAlDA,WAkDA,WAIA,GAHA,sBACA,2BACA,8BACA,mFAGA,kBACA,OACAW,eACAL,yBACAgB,yBACAH,eACAzB,WACA0B,aACAI,2BACAG,8BAEA0C,uBACAb,GACA,YACAuB,wBACA,eACA,8BACA,eACA,eAEA,+BAIA,YACA,gBACAA,eACAA,qCACA,uDAKA,qDACAC,YACAC,mBACAC,gBACAC,mBAIAnC,WAlGA,SAkGAuB,GAAA,WACAa,iBACAC,MACAC,oBAEA,OACA5F,MAEA2E,kBACAb,GACA,YACA,cACA,wBACA,wBACA,cACA,YACA,UACA,0BACA,+BAEA,iBAEA+B,WAxHA,WAyHA,aACA,aACA,YACA,kBACA,WACA,kBACA,kBAEAC,aAjIA,SAiIAC,GACA,yDAGApD,aArIA,SAqIAqD,GACA,mBACA7B,qBAEA,kBAGArB,gBA5IA,SA4IAkD,GACA,mBACA5B,2BAEA,kBAGAxB,aAnJA,SAmJAoD,GACAX,wBACA,mBACApB,OACAC,eACAb,qBAGA,kBAEAhB,SA7JA,SA6JA2D,GACA,mBACAC,eAEA,kBAEApD,eAnKA,SAmKAmD,GACA,qBACA,kBAEAE,mBAvKA,SAuKAlG,GACA,yDACA,6BAGAmG,UACAnE,iBADA,WAEA,4FAGAoE,QAlQA,WAmQA,iBACA,qBCjZiV,I,wBCQ7UC,EAAY,eACd,EACA3G,EACA+D,GACA,EACA,KACA,KACA,MAIa,aAAA4C,E","file":"js/chunk-937775e8.341cea29.js","sourcesContent":["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!./clients.vue?vue&type=style&index=0&id=654fc45e&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tables new-updated-design\"},[_c('vue-snotify'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 d-flex align-items-stretch grid-margin\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[(this.id == '')?_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Add New Client\")]):_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Update Client\")])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('form',{staticClass:\"forms-sample\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Client ID*\",\"label-for\":\"client_id\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"client_id\",\"name\":\"client_id\",\"readonly\":\"\",\"placeholder\":\"Client ID\"},model:{value:(_vm.client_id),callback:function ($$v) {_vm.client_id=$$v},expression:\"client_id\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Name*\",\"label-for\":\"name\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"name\",\"name\":\"name\",\"placeholder\":\"Client Name\",\"state\":_vm.$v.name.$dirty ? !_vm.$v.name.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.name.$model),callback:function ($$v) {_vm.$set(_vm.$v.name, \"$model\", $$v)},expression:\"$v.name.$model\"}}),(_vm.$v.name.$error)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"City\",\"label-for\":\"city\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"city\",\"placeholder\":\"City\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}})],1)],1),_c('div',{staticClass:\"col-lg-6 col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"URL*\",\"label-for\":\"url\"}},[_c('b-form-input',{attrs:{\"type\":\"url\",\"id\":\"url\",\"placeholder\":\"https://client-name.watchspotter.app\",\"readonly\":\"\",\"state\":_vm.$v.url.$dirty ? !_vm.$v.url.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.url.$model),callback:function ($$v) {_vm.$set(_vm.$v.url, \"$model\", $$v)},expression:\"$v.url.$model\"}}),(!_vm.$v.url.required)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")]):_vm._e(),(!_vm.$v.url.url)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(\" Invalid Url. \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Nickname\",\"label-for\":\"city\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"Nickname\",\"placeholder\":\"Nickname\",\"state\":_vm.$v.nick_name.$dirty ? !_vm.$v.nick_name.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.nick_name.$model),callback:function ($$v) {_vm.$set(_vm.$v.nick_name, \"$model\", $$v)},expression:\"$v.nick_name.$model\"}}),(!_vm.$v.nick_name.required)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Version\",\"label-for\":\"Version\"}},[_c('b-form-select',{attrs:{\"options\":_vm.versions,\"value-field\":\"id\",\"text-field\":\"version_name\",\"state\":_vm.$v.version_id.$dirty ? !_vm.$v.version_id.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.version_id.$model),callback:function ($$v) {_vm.$set(_vm.$v.version_id, \"$model\", $$v)},expression:\"$v.version_id.$model\"}},[(_vm.versions.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(_vm._s(_vm.$t('no-version-found')))]):_vm._e()],1),(!_vm.$v.version_id.required)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")]):_vm._e()],1)],1)]),(_vm.showToggleButton)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-2 col-md-2\"},[_c('label',{staticClass:\"mr-sm-2 ml-0 pl-0\",attrs:{\"for\":\"inline-form-custom-select-pref\"}},[_vm._v(_vm._s(_vm.$t('WatchSpotter Pro Sync')))])]),_c('div',{staticClass:\"col-lg-2 col-md-2\"},[_c('toggle-button',{staticClass:\"switchColor\",attrs:{\"sync\":true},model:{value:(_vm.is_pro_sync),callback:function ($$v) {_vm.is_pro_sync=$$v},expression:\"is_pro_sync\"}})],1)]):_vm._e(),_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"submit\",\"variant\":\"success\"}},[(_vm.id === '')?_c('span',[_vm._v(\"Submit\")]):_c('span',[_vm._v(\"Update\")])])],1)])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 grid-margin stretch-card\"},[_c('div',{staticClass:\"card\"},[_vm._m(0),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{attrs:{\"mode\":\"remote\",\"totalRows\":_vm.totalRecords,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"isLoading\":_vm.isLoading,\"pagination-options\":{\n                                        enabled: true,\n                                        dropdownAllowAll: false,\n                                        perPageDropdown: [10, 20, 50, 100, 200],\n                                    },\"rows\":_vm.rows,\"columns\":_vm.columns},on:{\"on-page-change\":_vm.onPageChange,\"on-sort-change\":_vm.onSortChange,\"on-column-filter\":_vm.onColumnFilter,\"on-per-page-change\":_vm.onPerPageChange,\"on-search\":_vm.searchFn,\"update:isLoading\":function($event){_vm.isLoading=$event},\"update:is-loading\":function($event){_vm.isLoading=$event}},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('span',{staticClass:\"text-nowrap\"},[_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.editclient(props.row.id)}}},[_vm._v(\" Edit \")]),_c('b-button',{staticClass:\"mr-1 btn-danger text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.deleteclient(props.row.id)}}},[_vm._v(\" Delete \")])],1):_vm._e()]}}])})],1)])])]),_c('div')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Clients\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"tables new-updated-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12 d-flex align-items-stretch grid-margin\">\r\n                <div class=\"row flex-grow\">\r\n                    <div class=\"col-12 grid-margin\">\r\n                        <div class=\"card\">\r\n                            <div class=\"card-header\">\r\n                                <h4 class=\"card-title\" v-if=\"this.id == ''\">Add New Client</h4>\r\n                                <h4 class=\"card-title\" v-else>Update Client</h4>\r\n                            </div>\r\n                            <div class=\"card-body new-card-body\">\r\n                                <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-lg-6 col-md-6\">\r\n                                            <b-form-group label=\"Client ID*\" label-for=\"client_id\">\r\n                                                <b-form-input type=\"text\" id=\"client_id\" name=\"client_id\" readonly placeholder=\"Client ID\" v-model=\"client_id\">\r\n                                                </b-form-input>\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"Name*\" label-for=\"name\">\r\n                                                <b-form-input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Client Name\" v-model=\"$v.name.$model\" :state=\"$v.name.$dirty ? !$v.name.$error : null\" aria-describedby=\"input-1-live-feedback\">\r\n                                                </b-form-input>\r\n                                                <b-form-invalid-feedback v-if=\"$v.name.$error\" id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"City\" label-for=\"city\">\r\n                                                <b-form-input type=\"text\" id=\"city\" placeholder=\"City\" v-model=\"city\"></b-form-input>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                        <div class=\"col-lg-6 col-md-6\">\r\n                                            <b-form-group label=\"URL*\" label-for=\"url\">\r\n                                                <b-form-input type=\"url\" id=\"url\" placeholder=\"https://client-name.watchspotter.app\" v-model=\"$v.url.$model\" readonly :state=\"$v.url.$dirty ? !$v.url.$error : null\" aria-describedby=\"input-1-live-feedback\"></b-form-input>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.url.required\" id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                                                </b-form-invalid-feedback>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.url.url\" id=\"input-1-live-feedback\">\r\n                                                    Invalid Url.\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"Nickname\" label-for=\"city\">\r\n                                                <b-form-input type=\"text\" id=\"Nickname\" placeholder=\"Nickname\" v-model=\"$v.nick_name.$model\" :state=\"$v.nick_name.$dirty ? !$v.nick_name.$error : null\" aria-describedby=\"input-1-live-feedback\"></b-form-input>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.nick_name.required\" id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"Version\" label-for=\"Version\">\r\n                                                <b-form-select :options=\"versions\" value-field=\"id\" text-field=\"version_name\"\r\n                                                    v-model=\"$v.version_id.$model\"\r\n                                                    :state=\"$v.version_id.$dirty ? !$v.version_id.$error : null\"\r\n                                                    aria-describedby=\"input-1-live-feedback\">\r\n                                                    <b-form-select-option v-if=\"versions.length === 0\" :disabled = true>{{ $t('no-version-found') }}</b-form-select-option></b-form-select>\r\n                                                    <b-form-invalid-feedback v-if=\"!$v.version_id.required\" id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                                                    </b-form-invalid-feedback>\r\n                                                    <!-- <b-form-invalid-feedback v-if=\"!$v.version_id.required\" id=\"input-1-live-feedback\">\r\n                                                       {{ $t(\"field-required\") }}\r\n                                                    </b-form-invalid-feedback> -->\r\n                                            </b-form-group>\r\n                                            <!-- <b-form-group label=\"versions\" label-for=\"versions\">\r\n                                                <v-select v-model=\"version_id\" :options=\"versions\" value-field=\"id\" text-field=\"version_name\"></v-select>\r\n                                            </b-form-group> -->\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row\" v-if=\"showToggleButton\">\r\n                                        <div class=\"col-lg-2 col-md-2\">\r\n                                            <label class=\"mr-sm-2 ml-0 pl-0\" for=\"inline-form-custom-select-pref\">{{ $t('WatchSpotter Pro Sync') }}</label>\r\n                                        </div>\r\n                                        <div class=\"col-lg-2 col-md-2\">\r\n                                            <toggle-button v-model=\"is_pro_sync\" :sync=\"true\" class=\"switchColor\" />\r\n                                        </div>\r\n                                    </div>\r\n                                    <b-button type=\"submit\" variant=\"success\" class=\"mr-2\">\r\n                                        <span v-if=\"id === ''\">Submit</span>\r\n                                        <span v-else>Update</span>\r\n                                    </b-button>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"row\">\r\n    \r\n            <div class=\"col-lg-12 grid-margin stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">Clients</h4>\r\n                    </div>\r\n                    <div class=\"card-body new-card-body\">\r\n                        <vue-good-table mode=\"remote\" @on-page-change=\"onPageChange\" @on-sort-change=\"onSortChange\" @on-column-filter=\"onColumnFilter\" @on-per-page-change=\"onPerPageChange\" :totalRows=\"totalRecords\" @on-search=\"searchFn\" :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                            :isLoading.sync=\"isLoading\" :pagination-options=\"{\r\n                                        enabled: true,\r\n                                        dropdownAllowAll: false,\r\n                                        perPageDropdown: [10, 20, 50, 100, 200],\r\n                                    }\" :rows=\"rows\" :columns=\"columns\">\r\n                            <template slot=\"table-row\" slot-scope=\"props\">\r\n                                        <span v-if=\"props.column.field === 'action'\" class=\"text-nowrap\">\r\n                                            <b-button size=\"sm\" @click=\"editclient(props.row.id)\" class=\"mr-1 btn-info text-white\">\r\n                                                Edit\r\n                                            </b-button>\r\n                                            <b-button size=\"sm\" @click=\"deleteclient(props.row.id)\"\r\n                                                        class=\"mr-1 btn-danger text-white\">\r\n                                                Delete\r\n                                            </b-button>\r\n                                        </span>\r\n</template>\r\n                        </vue-good-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import API from '@/api'\r\n    import Snotify, {\r\n        SnotifyPosition\r\n    } from 'vue-snotify'\r\n    import {\r\n        validationMixin\r\n    } from \"vuelidate\";\r\n    import {\r\n        helpers,\r\n        required,\r\n        minLength,\r\n        email,\r\n        between,\r\n        sameAs,\r\n        requiredIf,\r\n        url\r\n    } from \"vuelidate/lib/validators\";\r\n    \r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        name: 'Clients',\r\n        mixins: [validationMixin],\r\n        data() {\r\n            return {\r\n                name: \"\",\r\n                nick_name: \"\",\r\n                url: \"\",\r\n                client_id: \"\",\r\n                version_id: 1,\r\n                city: \"\",\r\n                id: \"\",\r\n                is_pro_sync: false,\r\n                serverParams: {\r\n                    // a map of column filters example: {name: 'john', age: '20'}\r\n                    columnFilters: {},\r\n                    sort: [{\r\n                        field: 'id', // example: 'name'\r\n                        type: 'desc' // 'asc' or 'desc'\r\n                    }],\r\n    \r\n                    page: 1, // what page I want to show\r\n                    perPage: 10 // how many items I'm showing per page\r\n                },\r\n                columns: [{\r\n                        label: 'Client Id',\r\n                        field: 'client_id',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Name',\r\n                        field: 'name',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Nickname',\r\n                        field: 'nick_name',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Url',\r\n                        field: 'url',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'City',\r\n                        field: 'city',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Version',\r\n                        field: 'version.version_code',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Action',\r\n                        field: \"action\",\r\n                        sortable: false,\r\n                    },\r\n                ],\r\n                isLoading: false,\r\n                rows: [],\r\n                versions: [],\r\n                totalRecords: 0,\r\n            };\r\n        },\r\n        validations: {\r\n            name: {\r\n                required,\r\n            },\r\n            nick_name: {\r\n                required,\r\n            },\r\n            url: {\r\n                url,\r\n                required,\r\n            },\r\n            version_id: {\r\n                required,\r\n            },\r\n        },\r\n        methods: {\r\n            getVersions() {\r\n                API.getVersions(\r\n                    data => {\r\n                        this.versions = data.data;\r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            loadItems() {\r\n                API.getcleints(this.serverParams,\r\n                    data => {\r\n                        this.totalRecords = data.totalRecords;\r\n                        this.rows = data.data.data;\r\n                        this.client_id = data.client_id;\r\n                        this.url = window.location.origin + '/project/' + this.client_id;\r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            deleteclient(e) {\r\n                this.$swal({\r\n                    title: 'Are you sure?',\r\n                    text: \"You won't be able to revert this!\",\r\n                    type: 'warning',\r\n                    showCancelButton: true,\r\n                    confirmButtonColor: '#3085d6',\r\n                    cancelButtonColor: '#d33',\r\n                    confirmButtonText: 'Yes, delete it!'\r\n                }).then((result) => {\r\n                    if (result.value) {\r\n                        let data = {\r\n                            id: e\r\n                        }\r\n                        API.deleteclient(\r\n                            data,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$swal(\r\n                                    'Deleted!',\r\n                                    'Record has been deleted.',\r\n                                    'success'\r\n                                )\r\n                            },\r\n                            err => {}\r\n                        )\r\n    \r\n                    }\r\n                })\r\n            },\r\n            onSubmit() {\r\n                this.$v.name.$touch();\r\n                this.$v.nick_name.$touch();\r\n                this.$v.version_id.$touch();\r\n                if (this.$v.name.$anyError || this.$v.nick_name.$anyError || this.$v.version_id.$anyError) {\r\n                    return;\r\n                }\r\n                if (this.name != '') {\r\n                    let data = {\r\n                        name: this.name,\r\n                        client_id: this.client_id,\r\n                        nick_name: this.nick_name,\r\n                        city: this.city,\r\n                        id: this.id,\r\n                        url: this.url,\r\n                        version_id: this.version_id,\r\n                        is_pro_sync: this.is_pro_sync\r\n                    }\r\n                    API.add_edit_client(\r\n                        data,\r\n                        data => {\r\n                        console.log('data :', data);\r\n                            if (data.status == 200) {\r\n                                this.$snotify.success(data.message);\r\n                                this.clear_form();\r\n                                this.loadItems();\r\n                            } else {\r\n                                this.$snotify.error(data.message);\r\n                            }\r\n    \r\n                        },\r\n                        err => {\r\n                            if(err.status == 400) {\r\n                                console.log(err);\r\n                                console.log('err.status :', err.status);\r\n                                this.$snotify.error(err.errors.message.toString());\r\n                            }\r\n                        }\r\n                    )\r\n                } else {\r\n                    this.$snotify.warning('Please fill required fields', {\r\n                        timeout: 2000,\r\n                        showProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                    });\r\n                }\r\n            },\r\n            editclient(e) {\r\n                window.scrollTo({\r\n                    top: 0,\r\n                    behavior: 'smooth'\r\n                });\r\n                let data = {\r\n                    id: e\r\n                }\r\n                API.get_client(\r\n                    data,\r\n                    data => {\r\n                        this.name = data.name;\r\n                        this.client_id = data.client_id;\r\n                        this.nick_name = data.nick_name;\r\n                        this.city = data.city;\r\n                        this.url = data.url;\r\n                        this.id = data.id;\r\n                        this.version_id = data.version_id;\r\n                        this.is_pro_sync = data.is_pro_sync;\r\n                    },\r\n                    err => {})\r\n            },\r\n            clear_form() {\r\n                this.name = \"\";\r\n                this.city = \"\";\r\n                this.url = \"\";\r\n                this.nick_name = \"\";\r\n                this.id = \"\";\r\n                this.version_id = 1;\r\n                this.$v.$reset();\r\n            },\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n    \r\n            onPageChange(params) {\r\n                this.updateParams({\r\n                    page: params.currentPage\r\n                });\r\n                this.loadItems();\r\n            },\r\n    \r\n            onPerPageChange(params) {\r\n                this.updateParams({\r\n                    perPage: params.currentPerPage\r\n                });\r\n                this.loadItems();\r\n            },\r\n    \r\n            onSortChange(params) {\r\n                console.log(params.sortType);\r\n                this.updateParams({\r\n                    sort: [{\r\n                        type: params[0].type,\r\n                        field: params[0].field,\r\n                    }],\r\n                });\r\n                this.loadItems();\r\n            },\r\n            searchFn(params) {\r\n                this.updateParams({\r\n                    searchTerm: params\r\n                });\r\n                this.loadItems();\r\n            },\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n            getVersionNameById(id) {\r\n                const version = this.versions.find(version => version.id === id);\r\n                return version ? version.version_name : '';\r\n            },\r\n        },\r\n        computed: {\r\n            showToggleButton() {\r\n                return this.version_id === 2 || this.getVersionNameById(this.version_id) === \"WatchSpotter Pro\";\r\n            }\r\n        },\r\n        mounted() {\r\n            this.loadItems();\r\n            this.getVersions();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .row .card .new-card-body {\r\n        padding: 1.25rem 1.437rem !important;\r\n    }\r\n    @media (max-width: 450px) {\r\n        .vgt-wrap__footer .footer__navigation__page-btn:nth-child(3) {\r\n            float: right;\r\n            margin-left: 8px;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-btn:nth-child(2) {\r\n            margin-left: 0px;\r\n            float: left;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-info {\r\n            width: 100%;\r\n            text-align: center;\r\n            margin: 0;\r\n        }\r\n        .vgt-pull-right {\r\n            float: inherit !important;\r\n        }\r\n    }\r\n    @media (max-width: 375px) {\r\n        .row .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\r\n        }\r\n    }\r\n\r\n</style>\r\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!./clients.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!./clients.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./clients.vue?vue&type=template&id=654fc45e&\"\nimport script from \"./clients.vue?vue&type=script&lang=js&\"\nexport * from \"./clients.vue?vue&type=script&lang=js&\"\nimport style0 from \"./clients.vue?vue&type=style&index=0&id=654fc45e&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}