{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack:///./node_modules/vue-multiselect/dist/vue-multiselect.min.css?fe5e","webpack:///./src/client/category.vue?b850","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./node_modules/core-js/modules/es.object.keys.js","webpack:///./src/client/category.vue","webpack:///src/client/category.vue","webpack:///./src/client/category.vue?c5cf","webpack:///./src/client/category.vue?3818","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"],"names":["ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread2","target","i","arguments","length","source","forEach","key","defineProperty","getOwnPropertyDescriptors","defineProperties","_defineProperty","obj","value","configurable","writable","$","toObject","nativeKeys","fails","FAILS_ON_PRIMITIVES","stat","forced","it","render","_vm","this","_c","_self","staticClass","attrs","on","resetForm","_v","_s","$t","ref","title","$event","stopPropagation","preventDefault","onSubmit","$v","form","name","$dirty","$error","model","$model","callback","$$v","$set","expression","users","addTag","selectedUser","version_id","category_color","map","color","directives","rawName","categoryColorHash","domProps","composing","_e","isDisabled","id","showArchieved","totalRecords","isLoading","enabled","searchFn","dropdownAllowAll","perPageDropdown","rows","tableColumns","onPageChange","onSortChange","onColumnFilter","onPerPageChange","scopedSlots","_u","fn","props","column","field","changeStatus","row","categories","find","p","show","editCategory","deleteCategory","is_pro_sync","changeSync","is_sync","staticRenderFns","toast","position","Vue","mixins","components","Multiselect","data","client_id","hash","serverParams","columnFilters","sort","type","page","perPage","columns","label","filterable","sortable","formatFn","validations","required","methods","event","console","API","e","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","hash_color","timeout","showProgressBar","closeOnClick","pauseOnHover","loadItems","formatDate","updateParams","newProps","params","searchTerm","formatStatus","status","getClientUsers","computed","mounted","component","DESCRIPTORS","toIndexedObject","getOwnPropertyDescriptorModule","createProperty","sham","descriptor","O","f","result","index","undefined","nativeGetOwnPropertyDescriptor","FORCED"],"mappings":"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iBACAC,OACAxB,WACAyB,cAEAC,OACAC,YAEAC,UACAC,aACA7B,aACA8B,eAEA,CACAD,yBACA7B,uBACA+B,aAEA,CACAF,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,eACA7B,eACA+B,cAGA/C,aACAK,QACAN,eACAoB,cACApC,SACAE,gBACA1C,WACA2C,kBAGA+D,aACA5E,MACAwB,MACAvB,MACA4E,0BAIAC,SACArD,cADA,WAEA,0DAEAmB,aAJA,SAIApB,EAAAuD,GAAA,WACAC,uBACA,OACAxD,KACAyB,uBAEAgC,4BACAnB,GACA,YACA,cACA,gBACA,iCAGA,iBAGAT,WArBA,SAqBA7B,EAAAuD,GAAA,WACAC,uBACA,OACAxD,KACA8B,0BAEA2B,0BACAnB,GACA,YACA,cACA,gBACA,iCAGA,iBAGAX,eAtCA,SAsCA+B,GAAA,WACA,YACAxF,sBACAyF,yCACAf,eACAgB,oBACAC,6BACAC,yBACAC,sCACAC,MAAA,YACA,SAIAP,sBACAC,GACA,YACA,cACA,kDAEA,oBAIAhC,aA9DA,SA8DAgC,GAAA,WACA,sBACA,qCACA,8CACA,qFACAD,uBACAC,GAAA,YACA,mBACA,eACA,8BACA,uCACA,yBACA,2BACA,oCAEA,iBAGApF,SAhFA,WAgFA,WAEA,GADA,uBACA,uBAGA,uBACA,mBACA,qFACA,mCACA,WADA,IAEAc,+BACA6E,yBAEAR,yBACAnB,GACA,YACA,kDACA,eACA,8BAEA,4BAEA,cACA,gBACA,eACA,aACA,yBACA,4BACA,kBACA,eACA,kBACA,sBAIA,YACA,gBACA,oBACA4B,YACAC,mBACAC,gBACAC,0BAMA,qDACAH,YACAC,mBACAC,gBACAC,kBAEA,oBAGAC,UAxIA,WAwIA,WACA,kBACAb,2CACA,YACA,eACA,4BACA,0BACA,8BACA,mBACA,4BACA,OACAzD,QACAyB,gBACAK,uBAGA,2BAGA,iBAGAjE,UA9JA,WA+JA,oCACA,kBACA,gBACA,4BACA,qBACA,sBACA,+CAEA0G,WAvKA,SAuKA7H,GACA,KACA,4CAGA8H,aA5KA,SA4KAC,GACA,yDAGA/D,aAhLA,SAgLAgE,GACA,mBACA7B,qBAEA,kBAGAhC,gBAvLA,SAuLA6D,GACA,mBACA5B,2BAEA,kBAGAnC,aA9LA,SA8LA+D,GACA,mBACA/B,OACAC,eACAzB,qBAGA,kBAEAd,SAvMA,SAuMAqE,GACA,mBACAC,eAEA,iBACA,mBAEAC,aA9MA,SA8MAC,GACA,cAMAjE,eArNA,SAqNA8D,GACA,qBACA,kBAEAI,eAzNA,WAyNA,WACA,GACAvC,yDAEAkB,yBACA,YACA,eACAD,uCAEA,kBAGAuB,UACApF,kBADA,WACA,WACA,iFACA,oBAEAc,aALA,WAMA,MA4FA,OA1FAsC,EADA,0CACAA,CACA,CACAC,aACA7B,aACA8B,eAEA,CACAD,yBACA7B,uBACA+B,aAEA,CACAF,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,6BACA7B,eACA+B,cAKA,yCACAH,CACA,CACAC,aACA7B,aACA8B,eAEA,CACAD,yBACA7B,uBACA+B,aAEA,CACAF,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,sBACA7B,eACA+B,cAMAH,CACA,CACAC,aACA7B,aACA8B,eAEA,CACAD,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,mBACA7B,mBACA+B,YACAC,0BAEA,CACAH,eACA7B,eACA+B,cAKA,IAGA8B,QA5aA,WA6aA,kBACA,iBACA,wBCpjBkV,I,kCCS9UC,EAAY,eACd,EACA5H,EACA0E,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E,8BCpBf,IAAIpI,EAAI,EAAQ,QACZqI,EAAc,EAAQ,QACtBlK,EAAU,EAAQ,QAClBmK,EAAkB,EAAQ,QAC1BC,EAAiC,EAAQ,QACzCC,EAAiB,EAAQ,QAI7BxI,EAAE,CAAEf,OAAQ,SAAUoB,MAAM,EAAMoI,MAAOJ,GAAe,CACtD5I,0BAA2B,SAAmCrB,GAC5D,IAKImB,EAAKmJ,EALLC,EAAIL,EAAgBlK,GACpBQ,EAA2B2J,EAA+BK,EAC1DtK,EAAOH,EAAQwK,GACfE,EAAS,GACTC,EAAQ,EAEZ,MAAOxK,EAAKc,OAAS0J,EACnBJ,EAAa9J,EAAyB+J,EAAGpJ,EAAMjB,EAAKwK,WACjCC,IAAfL,GAA0BF,EAAeK,EAAQtJ,EAAKmJ,GAE5D,OAAOG,M,qBCrBX,IAAI7I,EAAI,EAAQ,QACZG,EAAQ,EAAQ,QAChBmI,EAAkB,EAAQ,QAC1BU,EAAiC,EAAQ,QAAmDJ,EAC5FP,EAAc,EAAQ,QAEtBjI,EAAsBD,GAAM,WAAc6I,EAA+B,MACzEC,GAAUZ,GAAejI,EAI7BJ,EAAE,CAAEf,OAAQ,SAAUoB,MAAM,EAAMC,OAAQ2I,EAAQR,MAAOJ,GAAe,CACtEzJ,yBAA0B,SAAkC2B,EAAIhB,GAC9D,OAAOyJ,EAA+BV,EAAgB/H,GAAKhB","file":"js/chunk-35139dd5.1b017865.js","sourcesContent":["import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n\n  return target;\n}","export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--7-oneOf-1-2!./vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&\"","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!./category.vue?vue&type=style&index=1&id=a7f4a9aa&prod&lang=css&\"","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n","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-6 d-flex align-items-stretch mb-3\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"text-left\"},[_c('b-btn',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.resetForm}},[_vm._v(\" \"+_vm._s(_vm.$t('add-category-btn'))+\" \")])],1)])])]),_c('b-modal',{ref:\"vuemodal\",attrs:{\"id\":\"modalmd\",\"title\":_vm.title,\"size\":\"md\",\"hide-footer\":\"\"}},[_c('form',{staticClass:\"forms-sample\",attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('name*'),\"label-for\":\"name\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"name\",\"name\":\"name\",\"autocomplete\":\"new-password\",\"placeholder\":_vm.$t('name-placeholder'),\"state\":_vm.$v.form.name.$dirty ? !_vm.$v.form.name.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.form.name.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.name, \"$model\", $$v)},expression:\"$v.form.name.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")])],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('multiselect',{attrs:{\"tag-placeholder\":\"Add this as new tag\",\"placeholder\":_vm.$t('Search or add a tag'),\"label\":\"name\",\"track-by\":\"id\",\"options\":_vm.users,\"multiple\":true,\"taggable\":true},on:{\"tag\":_vm.addTag},model:{value:(_vm.selectedUser),callback:function ($$v) {_vm.selectedUser=$$v},expression:\"selectedUser\"}})],1)]),(this.version_id === 2 || this.version_id === 3)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Geo Marker Color'),\"id\":\"input-3\",\"label-for\":\"input-3\"}},[_c('b-form-select',{attrs:{\"id\":\"input-3\",\"options\":_vm.category_color.map(color => color.name),\"required\":\"\"},model:{value:(_vm.form.category_color),callback:function ($$v) {_vm.$set(_vm.form, \"category_color\", $$v)},expression:\"form.category_color\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.categoryColorHash),expression:\"categoryColorHash\"}],attrs:{\"type\":\"hidden\"},domProps:{\"value\":(_vm.categoryColorHash)},on:{\"input\":function($event){if($event.target.composing)return;_vm.categoryColorHash=$event.target.value}}})],1)],1)]):_vm._e(),_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"submit\",\"variant\":\"success\",\"disabled\":_vm.isDisabled}},[(_vm.form.id == '')?_c('span',[_vm._v(_vm._s(_vm.$t('submit-btn')))]):_c('span',[_vm._v(_vm._s(_vm.$t('update-btn')))])])],1)])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('div',{staticClass:\"d-flex align-items-center question-order row-question-order\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('categories')))]),_c('div',{staticClass:\"header-buttons\"},[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showArchieved}},[_vm._v(_vm._s(_vm.$t('Archived')))])])])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{attrs:{\"mode\":\"remote\",\"totalRows\":_vm.totalRecords,\"isLoading\":_vm.isLoading,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"pagination-options\":{\n                            enabled: true,\n                            dropdownAllowAll: false,\n                            perPageDropdown: [10, 20, 50, 100, 200],\n                        },\"rows\":_vm.rows,\"columns\":_vm.tableColumns,\"line-numbers\":true},on:{\"on-page-change\":_vm.onPageChange,\"on-sort-change\":_vm.onSortChange,\"on-column-filter\":_vm.onColumnFilter,\"on-per-page-change\":_vm.onPerPageChange,\"update:isLoading\":function($event){_vm.isLoading=$event},\"update:is-loading\":function($event){_vm.isLoading=$event},\"on-search\":_vm.searchFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('span',{staticClass:\"text-nowrap\"},[_c('toggle-button',{staticClass:\"mr-1 switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.changeStatus(props.row.id, $event)}},model:{value:(_vm.categories.find(p => p.id === props.row.id).show),callback:function ($$v) {_vm.$set(_vm.categories.find(p => p.id === props.row.id), \"show\", $$v)},expression:\"categories.find(p => p.id === props.row.id).show\"}}),_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.editCategory(props.row.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('edit-btn'))+\" \")]),_c('b-button',{staticClass:\"mr-1 btn-danger text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.deleteCategory(props.row.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('delete-btn'))+\" \")]),(_vm.version_id === 2 && _vm.is_pro_sync === 1)?_c('toggle-button',{staticClass:\"mr-1 switchColor\",attrs:{\"sync\":true},on:{\"change\":function($event){return _vm.changeSync(props.row.id, $event)}},model:{value:(_vm.categories.find(p => p.id === props.row.id).is_sync),callback:function ($$v) {_vm.$set(_vm.categories.find(p => p.id === props.row.id), \"is_sync\", $$v)},expression:\"categories.find(p => p.id === props.row.id).is_sync\"}}):_vm._e()],1):_vm._e()]}}])})],1)])])]),_c('div')],1)\n}\nvar staticRenderFns = []\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-6 d-flex align-items-stretch mb-3\">\r\n                <div class=\"row flex-grow\">\r\n                    <div class=\"col-12\">\r\n                        <div class=\"text-left\">\r\n                            <b-btn v-on:click=\"resetForm\" variant=\"primary\">\r\n                                {{ $t('add-category-btn') }}\r\n                            </b-btn>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <b-modal id=\"modalmd\" ref=\"vuemodal\" :title=\"title\" size=\"md\" hide-footer>\r\n                <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\" autocomplete=\"off\">\r\n                    <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                    <b-form-group :label=\"$t('name*')\" label-for=\"name\">\r\n                        <b-form-input type=\"text\" id=\"name\" name=\"name\" autocomplete=\"new-password\" :placeholder=\"$t('name-placeholder')\" v-model=\"$v.form.name.$model\" :state=\"$v.form.name.$dirty ? !$v.form.name.$error : null\" aria-describedby=\"input-1-live-feedback\">\r\n                        </b-form-input>\r\n                        <b-form-invalid-feedback id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                        </b-form-invalid-feedback>\r\n                    </b-form-group>\r\n                    </div>\r\n                    <div class=\"col-md-6\">\r\n                            <!-- <multiselect v-model=\"selectedUser\" :options=\"users\" :multiple=\"true\" :close-on-select=\"false\" :clear-on-select=\"false\" :preserve-search=\"true\" placeholder=\"Select Users\" label=\"name\" track-by=\"id\">\r\n                                <template slot=\"selection\" slot-scope=\"{ values, search, isOpen }\"><span class=\"multiselect__single\" v-if=\"values.length\" v-show=\"!isOpen\">{{ values.length }} options selected</span></template>\r\n                            </multiselect> -->\r\n                            <multiselect v-model=\"selectedUser\" tag-placeholder=\"Add this as new tag\" :placeholder=\"$t('Search or add a tag')\" label=\"name\" track-by=\"id\" :options=\"users\" :multiple=\"true\" :taggable=\"true\" @tag=\"addTag\"></multiselect>\r\n                            <!-- <pre class=\"language-json\"><code>{{ selectedUser  }}</code></pre> -->\r\n                        <!-- <b-form-group :label=\"$t('user*')\" label-for=\"name\">\r\n                            <b-form-select v-model=\"selectedUser\" multiple>\r\n                                <b-form-select-option v-for=\"user in users\" :value=\"user.id\" :key=\"user.id\">{{user.name}}</b-form-select-option>\r\n                            </b-form-select>\r\n                            <b-form-invalid-feedback id=\"input-1-live-feedback\">\r\n                                {{ $t(\"field-required\") }}\r\n                            </b-form-invalid-feedback>\r\n                        </b-form-group> -->\r\n                    </div>\r\n                    </div>\r\n                    <div class=\"row\" v-if=\"this.version_id === 2 || this.version_id === 3\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-group :label=\"$t('Geo Marker Color')\" id=\"input-3\" label-for=\"input-3\">\r\n                                <b-form-select\r\n                                id=\"input-3\"\r\n                                v-model=\"form.category_color\"\r\n                                :options=\"category_color.map(color => color.name)\"\r\n                                required\r\n                                ></b-form-select>\r\n                                <input type=\"hidden\" v-model=\"categoryColorHash\" />\r\n                            </b-form-group>\r\n                        </div>\r\n                    </div>\r\n                    <b-button type=\"submit\" variant=\"success\" :disabled=\"isDisabled\" class=\"mr-2\">\r\n                        <span v-if=\"form.id == ''\">{{ $t('submit-btn') }}</span>\r\n                        <span v-else>{{ $t('update-btn') }}</span>\r\n                    </b-button>\r\n                </form>\r\n            </b-modal>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col-lg-12 stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <div class=\"d-flex align-items-center question-order row-question-order\">\r\n                            <h4 class=\"card-title\">{{ $t('categories') }}</h4>\r\n                            <div class=\"header-buttons\">\r\n                                <button class=\"btn btn-primary\" @click=\"showArchieved\">{{ $t('Archived') }}</button>\r\n                            </div>\r\n                        </div>\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\" :isLoading.sync=\"isLoading\" @on-search=\"searchFn\" :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                            :pagination-options=\"{\r\n                                enabled: true,\r\n                                dropdownAllowAll: false,\r\n                                perPageDropdown: [10, 20, 50, 100, 200],\r\n                            }\" :rows=\"rows\" :columns=\"tableColumns\" :line-numbers=\"true\">\r\n                            <template slot=\"table-row\" slot-scope=\"props\">\r\n                                <span v-if=\"props.column.field === 'action'\" class=\"text-nowrap\">\r\n                                    <toggle-button\r\n                                        v-model=\"categories.find(p => p.id === props.row.id).show\"\r\n                                        @change=\"changeStatus(props.row.id, $event)\"\r\n                                        :sync=\"true\" class=\"mr-1 switchColor\"/>\r\n                                        <b-button size=\"sm\" @click=\"editCategory(props.row.id)\" class=\"mr-1 btn-info text-white\">\r\n                                            {{ $t('edit-btn') }}\r\n                                        </b-button>\r\n                                        <b-button size=\"sm\" @click=\"deleteCategory(props.row.id)\"\r\n                                        class=\"mr-1 btn-danger text-white\">\r\n                                        {{ $t('delete-btn') }}\r\n                                    </b-button>\r\n                                    <toggle-button v-if=\"version_id === 2 && is_pro_sync === 1\"\r\n                                        v-model=\"categories.find(p => p.id === props.row.id).is_sync\"\r\n                                        @change=\"changeSync(props.row.id, $event)\"\r\n                                        :sync=\"true\" class=\"mr-1 switchColor\"/>\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 Multiselect from 'vue-multiselect'\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        required,\r\n        minLength,\r\n        email,\r\n        requiredIf,\r\n        sameAs\r\n    } from \"vuelidate/lib/validators\";\r\n    import moment from 'moment';\r\n    import i18n from '@/i18n';\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: 'Users',\r\n        mixins: [validationMixin],\r\n        components: {\r\n            Multiselect\r\n        },\r\n        data() {\r\n            return {\r\n                form: {\r\n                    name: \"\",\r\n                    id: \"\",\r\n                    // selectedUser: \"\",\r\n                    category_color: '',\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    show: true,\r\n                    is_sync: true,\r\n                    is_pro_sync: '',\r\n                },\r\n                category_color: [\r\n                    { name: 'Red', hash: '#FF0000' },\r\n                    { name: 'Blue', hash: '#0000FF' },\r\n                    { name: 'Green', hash: '#00FF00' },\r\n                    { name: 'Yellow', hash: '#FFFF00' },\r\n                    { name: 'Orange', hash: '#FFA500' },\r\n                    { name: 'Purple', hash: '#800080' },\r\n                    { name: 'Pink', hash: '#FFC0CB' },\r\n                    { name: 'Brown', hash: '#A52A2A' },\r\n                    { name: 'Black', hash: '#000000' },\r\n                    { name: 'White', hash: '#FFFFFF' },\r\n                    { name: 'Gray', hash: '#808080' },\r\n                    { name: 'Cyan', hash: '#00FFFF' },\r\n                    { name: 'Magenta', hash: '#FF00FF' },\r\n                    { name: 'Maroon', hash: '#800000' },\r\n                    { name: 'Lime', hash: '#00FF00' },\r\n                    { name: 'Navy', hash: '#000080' },\r\n                    { name: 'Olive', hash: '#808000' },\r\n                    { name: 'Teal', hash: '#008080' },\r\n                    { name: 'Violet', hash: '#EE82EE' },\r\n                    { name: 'Silver', hash: '#C0C0C0' }\r\n                ],\r\n                isDisabled: false,\r\n                title: i18n.t('add-category'),\r\n                serverParams: {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    columnFilters: {},\r\n                    sort: [{\r\n                        field: 'id',\r\n                        type: 'desc'\r\n                    }],\r\n                    page: 1,\r\n                    perPage: 10\r\n                },\r\n                columns: [{\r\n                        label: 'Name',\r\n                        field: 'name',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Geo Marker Color',\r\n                        field: 'category_color',\r\n                        sortable: true,\r\n                    },\r\n                    {\r\n                        label: 'Created At',\r\n                        field: 'created_at',\r\n                        sortable: true,\r\n                        formatFn: this.formatDate\r\n                    },\r\n                    {\r\n                        label: 'Updated At',\r\n                        field: 'updated_at',\r\n                        sortable: true,\r\n                        formatFn: this.formatDate\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                totalRecords: 0,\r\n                categories: [],\r\n                users:[],\r\n                selectedUser:[],\r\n                value: null,\r\n                version_id: null,\r\n            };\r\n        },\r\n        validations: {\r\n            form: {\r\n                id: {},\r\n                name: {\r\n                    required,\r\n                },\r\n            }\r\n        },\r\n        methods: {\r\n            showArchieved() {\r\n                this.$router.push(\"/categories/archived\", () => {});\r\n            },\r\n            changeStatus(id, event) {\r\n                console.log(id, event.value);\r\n                const data = {\r\n                    id: id,\r\n                    show: event.value === true ? 1 : 0\r\n                };\r\n                API.updateCategoryStatus(\r\n                    data,\r\n                    data => {\r\n                        this.loadItems();\r\n                        if (data.status === 200) {\r\n                            this.$snotify.success(data.message);\r\n                        }\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n            changeSync(id, event) {\r\n                console.log(id, event.value);\r\n                const data = {\r\n                    id: id,\r\n                    is_sync: event.value === true ? 1 : 0\r\n                };\r\n                API.updateCategorySync(\r\n                    data,\r\n                    data => {\r\n                        this.loadItems();\r\n                        if (data.status === 200) {\r\n                            this.$snotify.success(data.message);\r\n                        }\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n            deleteCategory(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.deleteCategory(\r\n                            e,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$snotify.success('Record has been deleted.');\r\n                            },\r\n                            err => {})\r\n                    }\r\n                })\r\n            },\r\n            editCategory(e) {\r\n                this.$v.form.$reset();\r\n                this.title = i18n.t('edit-category');\r\n                this.$root.$emit(\"bv::show::modal\", \"modalmd\");\r\n                const selectedColor = this.category_color.find(color => color.name === this.form.category_color);\r\n                API.getEditCategory(\r\n                    e, data => {\r\n                        this.form.name = data.name;\r\n                        this.form.id = data.id;\r\n                        this.selectedUser = data.selectedUser;\r\n                        this.form.category_color = data.category_color;\r\n                        this.hash_color = selectedColor ? selectedColor.hash : '' \r\n                        this.form.show = (data.data.show == 1) ? true : false;\r\n                        this.form.is_sync = (data.data.is_sync == 1) ? true : false;\r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            onSubmit() {\r\n                this.$v.form.$touch();\r\n                if (this.$v.form.$anyError) {\r\n                    return;\r\n                }\r\n                if (this.form.name != '') {\r\n                    this.isDisabled = true;\r\n                    const selectedColor = this.category_color.find(color => color.name === this.form.category_color);\r\n                    const data = {\r\n                        ...this.form,\r\n                        selectedUser: this.selectedUser , \r\n                        hash_color: selectedColor ? selectedColor.hash : '' \r\n                    }\r\n                    API.addEditCategories(\r\n                        data,\r\n                        data => {\r\n                            this.$refs[\"vuemodal\"].$refs['close-button'].click();\r\n                            if (data.status === 200) {\r\n                                this.$snotify.success(data.message);\r\n                            } else {\r\n                                this.$snotify.error(data.message);\r\n                            }\r\n                            this.loadItems();\r\n                            this.isDisabled = false;\r\n                            this.form.name = '';\r\n                            this.form.id = '';\r\n                            this.form.category_color = '';\r\n                            this.form.selectedColorCode = ''\r\n                            this.selectedUser = '';\r\n                            this.form.show = true;\r\n                            this.form.is_sync = true;\r\n                            this.$v.form.$reset();\r\n    \r\n    \r\n                        },\r\n                        err => {\r\n                            this.isDisabled = false;\r\n                            this.$snotify.error(err, {\r\n                                timeout: 2000,\r\n                                showProgressBar: false,\r\n                                closeOnClick: true,\r\n                                pauseOnHover: true,\r\n                            });\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                    this.isDisabled = false;\r\n                }\r\n            },\r\n            loadItems() {\r\n                this.isLoading = true;\r\n                API.getAllCategories(this.serverParams,\r\n                    data => {\r\n                        this.isLoading = false;\r\n                        this.is_pro_sync = data.is_pro_sync;\r\n                        this.version_id = data.version_id;\r\n                        this.totalRecords = data.totalRecords;\r\n                        this.rows = data.data.data;\r\n                        this.rows.forEach(q => {\r\n                            const data = {\r\n                                id: q.id,\r\n                                show: q.show === 1 ? true : false,\r\n                                is_sync: q.is_sync === 1 ? true : false\r\n    \r\n                            };\r\n                            this.categories.push(data);\r\n                        });\r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            resetForm() {\r\n                this.title = i18n.t('add-category');\r\n                this.form.name = '';\r\n                this.form.id = '';\r\n                this.form.category_color = '';\r\n                this.selectedUser = '';\r\n                this.$v.form.$reset();\r\n                this.$root.$emit(\"bv::show::modal\", \"modalmd\");\r\n            },\r\n            formatDate(value) {\r\n                if (value) {\r\n                    return moment(String(value)).format('YYYY-MM-DD')\r\n                }\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                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                this.isLoading = false;\r\n            },\r\n            formatStatus(status) {\r\n                if (status === 1) {\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n            getClientUsers() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.getClientUsers(data,\r\n                    data => {\r\n                        this.users = data.data;\r\n                        console.log('this.users :', this.users);\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n        }, computed: {\r\n            categoryColorHash() {\r\n                const selectedColor = this.category_color.find(color => color.name === this.form.category_color);\r\n                return selectedColor ? selectedColor.hash : '';\r\n            },\r\n            tableColumns() {\r\n                let columns;\r\n                if (this.version_id === 2 && this.is_pro_sync === 1) {\r\n                    columns = [\r\n                        {\r\n                            label: 'Name',\r\n                            field: 'name',\r\n                            filterable: true\r\n                        },\r\n                        {\r\n                            label: 'Geo Marker Color',\r\n                            field: 'category_color',\r\n                            sortable: true,\r\n                        },\r\n                        {\r\n                            label: 'Created At',\r\n                            field: 'created_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Updated At',\r\n                            field: 'updated_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Show / Action / Sync',\r\n                            field: \"action\",\r\n                            sortable: false,\r\n                        },\r\n                    ];\r\n\r\n                }\r\n                else if(this.version_id === 3 || this.version_id === 2){\r\n                    columns = [\r\n                        {\r\n                            label: 'Name',\r\n                            field: 'name',\r\n                            filterable: true\r\n                        },\r\n                        {\r\n                            label: 'Geo Marker Color',\r\n                            field: 'category_color',\r\n                            sortable: true,\r\n                        },\r\n                        {\r\n                            label: 'Created At',\r\n                            field: 'created_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Updated At',\r\n                            field: 'updated_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Show / Action',\r\n                            field: \"action\",\r\n                            sortable: false,\r\n                        },\r\n                    ];\r\n\r\n                }\r\n                else{\r\n                    columns = [\r\n                        {\r\n                            label: 'Name',\r\n                            field: 'name',\r\n                            filterable: true\r\n                        },\r\n                        {\r\n                            label: 'Created At',\r\n                            field: 'created_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Updated At',\r\n                            field: 'updated_at',\r\n                            sortable: true,\r\n                            formatFn: this.formatDate\r\n                        },\r\n                        {\r\n                            label: 'Action',\r\n                            field: \"action\",\r\n                            sortable: false,\r\n                        },\r\n                    ];\r\n                }\r\n\r\n            return columns;\r\n        }\r\n        },\r\n        mounted() {\r\n            this.isLoading = true;\r\n            this.loadItems();\r\n            this.getClientUsers();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style src=\"vue-multiselect/dist/vue-multiselect.min.css\"></style>\r\n<style>\r\n    .row {\r\n        align-items: center;\r\n    }\r\n    @media (max-width: 1150px) {\r\n        .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\r\n        }\r\n    }\r\n</style>","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!./category.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!./category.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./category.vue?vue&type=template&id=a7f4a9aa&\"\nimport script from \"./category.vue?vue&type=script&lang=js&\"\nexport * from \"./category.vue?vue&type=script&lang=js&\"\nimport style0 from \"vue-multiselect/dist/vue-multiselect.min.css?vue&type=style&index=0&prod&lang=css&\"\nimport style1 from \"./category.vue?vue&type=style&index=1&id=a7f4a9aa&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","var $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar ownKeys = require('../internals/own-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar getOwnPropertyDescriptorModule = require('../internals/object-get-own-property-descriptor');\nvar createProperty = require('../internals/create-property');\n\n// `Object.getOwnPropertyDescriptors` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors\n$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n    var O = toIndexedObject(object);\n    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;\n    var keys = ownKeys(O);\n    var result = {};\n    var index = 0;\n    var key, descriptor;\n    while (keys.length > index) {\n      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);\n      if (descriptor !== undefined) createProperty(result, key, descriptor);\n    }\n    return result;\n  }\n});\n","var $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar nativeGetOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar DESCRIPTORS = require('../internals/descriptors');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });\nvar FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\n$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {\n    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);\n  }\n});\n"],"sourceRoot":""}