{"version":3,"sources":["webpack:///./src/client/spot_type.vue?aef0","webpack:///./src/client/spot_type.vue","webpack:///src/client/spot_type.vue","webpack:///./src/client/spot_type.vue?6f30","webpack:///./src/client/spot_type.vue?9684"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","resetForm","_v","_s","$t","ref","title","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","$v","form","name","$dirty","$error","model","value","$model","callback","$$v","$set","expression","isDisabled","id","showArchieved","totalRecords","isLoading","enabled","searchFn","dropdownAllowAll","perPageDropdown","rows","tableColumns","onPageChange","onSortChange","onColumnFilter","onPerPageChange","scopedSlots","_u","key","fn","props","column","field","changeStatus","row","spots","find","p","show","editSpot","deleteSpot","version_id","is_pro_sync","changeSyncStatus","is_sync","_e","staticRenderFns","toast","position","Vue","ascIcon","descIcon","mixins","data","client_id","serverParams","columnFilters","sort","type","page","perPage","columns","label","filterable","sortable","formatFn","validations","required","methods","event","console","API","e","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","timeout","showProgressBar","closeOnClick","pauseOnHover","loadItems","formatDate","updateParams","newProps","params","searchTerm","formatStatus","status","computed","mounted","component"],"mappings":"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ACA+D,cAEAD,wDACAE,iBACAC,OACAzB,WACA0B,cAGAC,OACAC,YAEAC,UACAC,aACA9B,aACA+B,eAEA,CACAD,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,4BACA9B,eACAgC,cAGAjD,aACAK,QACAN,eACAqB,SACAM,gBACAC,iBAGAwB,aACAlE,MACAY,MACAX,MACAkE,0BAIAC,SACAvD,cADA,WAEA,0DAEAoB,aAJA,SAIArB,EAAAyD,GAAA,WACAC,uBACA,OACA1D,KACA0B,uBAEAiC,4BACAlB,GACA,YACA,cACA,gBACA,iCAGA,iBAGAV,iBArBA,SAqBA/B,EAAAyD,GAAA,WACAC,uBACA,OACA1D,KACAgC,0BAEA2B,0BACAlB,GACA,YACA,cACA,gBACA,iCAGA,iBAGAb,WAtCA,SAsCAgC,GAAA,WACA,YACAhF,sBACAiF,yCACAf,eACAgB,oBACAC,6BACAC,yBACAC,sCACAC,MAAA,YACA,SACAP,kBACAC,GACA,YACA,cACA,iCAEA,oBAIAjC,SA3DA,SA2DAiC,GAAA,WACA,sBACA,8CACA,sCACAD,uBACAC,GAAA,YACA,mBACA,eACA,2BACA,oCAEA,iBAGA5E,SAzEA,WAyEA,WACA,sBACA,yBAGA,oBACA,mBACA2E,uBACA,WACA,YACA,kDACA,eACA,8BAEA,4BAEA,cACA,gBACA,eACA,aACA,eACA,kBACA,sBAEA,YACA,gBACA,oBACAQ,YACAC,mBACAC,gBACAC,uBAKA,qDACAH,YACAC,mBACAC,gBACAC,kBAEA,sBAGAC,UArHA,WAqHA,WACA,kBACAZ,yCACA,YACA,eACA,8BACA,mBACA,0BACA,4BACA,4BACA,OACA3D,QACA0B,gBACAM,uBAGA,gBACA0B,wCAGA,iBAGAnF,UA5IA,WA6IA,qCACA,kBACA,gBACA,sBACA,+CAEAiG,WAnJA,SAmJA/E,GACA,KACA,4CAGAgF,aAxJA,SAwJAC,GACA,yDAGAhE,aA5JA,SA4JAiE,GACA,mBACA5B,qBAEA,kBAEAlC,gBAlKA,SAkKA8D,GACA,mBACA3B,2BAEA,kBAEArC,aAxKA,SAwKAgE,GACA,mBACA9B,OACAC,eACA1B,qBAGA,kBAEAf,SAjLA,SAiLAsE,GACA,mBACAC,eAEA,iBACA,mBAEAC,aAxLA,SAwLAC,GACA,cAMAlE,eA/LA,SA+LA+D,GACA,qBACA,mBAGAI,UACAtE,aADA,WAEA,MAwDA,OAtDAwC,EADA,0CACAA,CACA,CACAC,aACA9B,aACA+B,eAEA,CACAD,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,6BACA9B,eACAgC,cAMAH,CACA,CACAC,aACA9B,aACA+B,eAEA,CACAD,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,mBACA9B,mBACAgC,YACAC,0BAEA,CACAH,sBACA9B,eACAgC,cAKAM,yBACA,IAGAsB,QAlUA,WAmUA,kBACA,mBCpbmV,I,wBCQ/UC,EAAY,eACd,EACAlH,EACAmE,GACA,EACA,KACA,KACA,MAIa,aAAA+C,E","file":"js/chunk-51c0d704.eb29009e.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!./spot_type.vue?vue&type=style&index=0&id=e2f94b84&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-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-spot-type-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('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),_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('spot-types')))]),_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.spots.find(p => p.id === props.row.id).show),callback:function ($$v) {_vm.$set(_vm.spots.find(p => p.id === props.row.id), \"show\", $$v)},expression:\"spots.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.editSpot(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.deleteSpot(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.changeSyncStatus(props.row.id, $event)}},model:{value:(_vm.spots.find(p => p.id === props.row.id).is_sync),callback:function ($$v) {_vm.$set(_vm.spots.find(p => p.id === props.row.id), \"is_sync\", $$v)},expression:\"spots.find(p => p.id === props.row.id).is_sync\"}}):_vm._e()],1):_vm._e()]}}])})],1)])])])],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-spot-type-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                    <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                    <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('spot-types') }}</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\r\n                                    v-if=\"props.column.field === 'action'\"\r\n                                    class=\"text-nowrap\"\r\n                                >\r\n                                <toggle-button\r\n                                v-model=\"spots.find(p => p.id === props.row.id).show\"\r\n                                @change=\"changeStatus(props.row.id, $event)\"\r\n                                :sync=\"true\"\r\n                                class=\"mr-1 switchColor\"/>\r\n                                <b-button size=\"sm\"\r\n                                    @click=\"editSpot(props.row.id)\"\r\n                                    class=\"mr-1 btn-info text-white\">\r\n                                    {{ $t('edit-btn') }}\r\n                                </b-button>\r\n                                <b-button size=\"sm\" @click=\"deleteSpot(props.row.id)\" class=\"mr-1 btn-danger text-white\">\r\n                                    {{ $t('delete-btn') }}\r\n                                </b-button>\r\n                                <toggle-button\r\n                                v-if=\"version_id === 2 && is_pro_sync === 1\"\r\n                                v-model=\"spots.find(p => p.id === props.row.id).is_sync\"\r\n                                @change=\"changeSyncStatus(props.row.id, $event)\"\r\n                                :sync=\"true\"\r\n                                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    </section>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import SortedTablePlugin from \"vue-sorted-table\";\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    \r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    Vue.use(SortedTablePlugin, {\r\n        ascIcon: '<i class=\"ti-arrow-down\"></i>',\r\n        descIcon: '<i class=\"ti-arrow-up\"></i>'\r\n    });\r\n    export default {\r\n        name: 'Spot-Type',\r\n        mixins: [validationMixin],\r\n        data() {\r\n            return {\r\n                form: {\r\n                    name: \"\",\r\n                    id: \"\",\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    show: true,\r\n                    is_sync: true,\r\n                },\r\n                isDisabled: false,\r\n                title: i18n.t('add-spot-type'),\r\n                serverParams: {\r\n                    // a map of column filters example: {name: 'john', age: '20'}\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\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: '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: 'Show/ Action / Sync',\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                spots: [],\r\n                version_id: null,\r\n                is_pro_sync: '',\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(\"/spot-types/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.updateSpotTypeStatus(\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            changeSyncStatus(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.updateSpotTypeSync(\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            deleteSpot(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                        API.deleteSpot(\r\n                            e,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$snotify.success(data.message);\r\n                            },\r\n                            err => {})\r\n                    }\r\n                })\r\n            },\r\n            editSpot(e) {\r\n                this.$v.form.$reset();\r\n                this.$root.$emit(\"bv::show::modal\", \"modalmd\");\r\n                this.title = i18n.t('edit-spot-type');\r\n                API.getEditSpotType(\r\n                    e, data => {\r\n                        this.form.name = data.name;\r\n                        this.form.id = data.id;\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                    API.addEditSpotType(\r\n                        this.form,\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.show = true;\r\n                            this.form.is_sync = true;\r\n                            this.$v.form.$reset();\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                } 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.getAllSpotType(this.serverParams,\r\n                    data => {\r\n                        this.isLoading = false;\r\n                        this.totalRecords = data.totalRecords;\r\n                        this.rows = data.data.data;\r\n                        this.version_id = data.version_id;\r\n                        this.is_pro_sync = data.is_pro_sync;\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.spots.push(data);\r\n                            console.log('this.spots',this.spots);\r\n                        });\r\n                    },\r\n                    err => {}\r\n                )\r\n            },\r\n            resetForm() {\r\n                this.title = i18n.t('add-spot-type');\r\n                this.form.name = '';\r\n                this.form.id = '';\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            onPerPageChange(params) {\r\n                this.updateParams({\r\n                    perPage: params.currentPerPage\r\n                });\r\n                this.loadItems();\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        },\r\n        computed: {\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: '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{\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: 'Show / Action',\r\n                            field: \"action\",\r\n                            sortable: false,\r\n                        },\r\n                    ];\r\n                }\r\n\r\n                console.log('columns',columns);\r\n                return columns;\r\n            },\r\n        },\r\n        mounted() {\r\n            this.isLoading = true;\r\n            this.loadItems();\r\n        }\r\n    }\r\n</script>\r\n\r\n\r\n<style>\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!./spot_type.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!./spot_type.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./spot_type.vue?vue&type=template&id=e2f94b84&\"\nimport script from \"./spot_type.vue?vue&type=script&lang=js&\"\nexport * from \"./spot_type.vue?vue&type=script&lang=js&\"\nimport style0 from \"./spot_type.vue?vue&type=style&index=0&id=e2f94b84&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":""}