{"version":3,"sources":["webpack:///./src/client/spotter.vue?74da","webpack:///./src/client/spotter.vue","webpack:///src/client/spotter.vue","webpack:///./src/client/spotter.vue?09d6","webpack:///./src/client/spotter.vue?af93"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","addSpotter","_v","_s","$t","totalRecords","isLoading","enabled","dropdownAllowAll","perPageDropdown","rows","columns","searchFn","checkDeleted","onPageChange","onSortChange","onColumnFilter","onPerPageChange","$event","scopedSlots","_u","key","fn","props","column","field","row","deleted_at","editSpotter","id","_e","deleteSpotter","restoreSpotter","staticRenderFns","toast","position","Vue","ascIcon","descIcon","name","mixins","data","isDisabled","serverParams","client_id","columnFilters","sort","type","page","perPage","label","filterable","sortable","formatFn","filterOptions","styleClass","placeholder","filterValue","filterDropdownItems","value","text","filterFn","trigger","methods","e","title","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","API","permanentDeleteSpotter","params","loadItems","formatDate","updateParams","newProps","console","searchTerm","formatStatus","status","trainingStatus","training_status","computed","mounted","component"],"mappings":"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","file":"js/chunk-ac9e7190.bc5f2215.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./spotter.vue?vue&type=style&index=0&id=0dc2f60a&prod&lang=scss&\"","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:\"col-md-6 d-flex align-items-stretch mb-3\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12 p-0\"},[_c('div',{staticClass:\"text-left\"},[_c('b-btn',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.addSpotter}},[_vm._v(\" \"+_vm._s(_vm.$t('add-spotter-btn'))+\" \")])],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 stretch-card\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('spotters')))])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{attrs:{\"mode\":\"remote\",\"totalRows\":_vm.totalRecords,\"isLoading\":_vm.isLoading,\"pagination-options\":{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],},\"rows\":_vm.rows,\"columns\":_vm.columns,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"row-style-class\":_vm.checkDeleted,\"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\"},[(props.row.deleted_at === null)?_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.editSpotter(props.row.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('view-profile-btn'))+\" \")]):_vm._e(),(props.row.deleted_at === null)?_c('b-button',{staticClass:\"mr-1 btn-danger text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.deleteSpotter(props.row.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('delete-btn'))+\" \")]):_vm._e(),(props.row.deleted_at != null)?_c('b-button',{staticClass:\"mr-1 btn-disabled text-white btn-deleted\",attrs:{\"size\":\"sm\"}},[_vm._v(\" \"+_vm._s(_vm.$t('deleted-btn'))+\" \")]):_vm._e(),(props.row.deleted_at != null)?_c('b-button',{staticClass:\"mr-1 btn-disabled text-white btn-restore\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.restoreSpotter(props.row.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('restore-btn'))+\" \")]):_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=\"col-md-6 d-flex align-items-stretch mb-3\">\r\n            <div class=\"row flex-grow\">\r\n                <div class=\"col-12 p-0\">\r\n                    <div class=\"text-left\">\r\n                        <b-btn v-on:click=\"addSpotter\" variant=\"primary\">\r\n                            {{ $t('add-spotter-btn') }}\r\n                        </b-btn>\r\n                    </div>\r\n                </div>\r\n            </div>\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                        <h4 class=\"card-title\">{{ $t('spotters') }}</h4>\r\n                    </div>\r\n                    <div class=\"card-body new-card-body\">\r\n                        <vue-good-table\r\n                                mode=\"remote\"\r\n                                @on-page-change=\"onPageChange\"\r\n                                @on-sort-change=\"onSortChange\"\r\n                                @on-column-filter=\"onColumnFilter\"\r\n                                @on-per-page-change=\"onPerPageChange\"\r\n                                :totalRows=\"totalRecords\"\r\n                                :isLoading.sync=\"isLoading\"\r\n                                :pagination-options=\"{enabled: true,dropdownAllowAll: false,perPageDropdown: [10, 20, 50, 100, 200],}\"\r\n                                :rows=\"rows\"\r\n                                :columns=\"columns\"\r\n                                @on-search=\"searchFn\"\r\n                                :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                                :row-style-class=\"checkDeleted\"\r\n                                :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                                                                 <b-button size=\"sm\" v-if=\"props.row.deleted_at === null\" @click=\"editSpotter(props.row.id)\"\r\n                                                                           class=\"mr-1 btn-info text-white\">\r\n                                                                {{ $t('view-profile-btn') }}\r\n                                                            </b-button>\r\n                                                            <b-button size=\"sm\" v-if=\"props.row.deleted_at === null\" @click=\"deleteSpotter(props.row.id)\"\r\n                                                                      class=\"mr-1 btn-danger text-white\">\r\n                                                                {{ $t('delete-btn') }}\r\n                                                            </b-button>\r\n                                                            <b-button size=\"sm\" v-if=\"props.row.deleted_at != null\"\r\n                                                                      class=\"mr-1 btn-disabled text-white btn-deleted\">\r\n                                                                {{ $t('deleted-btn') }}\r\n                                                            </b-button>\r\n                                                            <b-button size=\"sm\" v-if=\"props.row.deleted_at != null\"\r\n                                                                      class=\"mr-1 btn-disabled text-white btn-restore\" @click=\"restoreSpotter(props.row.id)\">\r\n                                                                {{ $t('restore-btn') }}\r\n                                                            </b-button>\r\n                                                            <!-- <b-button size=\"sm\"\r\n                                                                      class=\"mr-1 btn-disabled text-white btn-deleted\" @click=\"permanentDeleteSpotter(props.row.id)\">\r\n                                                                Permanent del\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 SortedTablePlugin from \"vue-sorted-table\";\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import {validationMixin} from \"vuelidate\";\r\n    import {required, minLength, email, requiredIf, sameAs} from \"vuelidate/lib/validators\";\r\n    import moment from 'moment'\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: 'Spotters',\r\n        mixins: [validationMixin],\r\n        data() {\r\n            return {\r\n                isDisabled: false,\r\n                serverParams: {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    // a map of column filters example: {name: 'john', age: '20'}\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: 'id', // example: 'name'\r\n                            type: 'desc' // 'asc' or 'desc'\r\n                        }\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                    {\r\n                        label: 'Username',\r\n                        field: 'user_name',\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: 'Phone',\r\n                        field: 'mobile_phone',\r\n                        sortable: true,\r\n                    },\r\n                    {\r\n                        label: 'Training Status ',\r\n                        field: \"training_status\",\r\n                        sortable: true,\r\n                        formatFn: this.trainingStatus,\r\n                        filterOptions: {\r\n                            styleClass: 'class1',\r\n                            enabled: true,\r\n                            placeholder: '-',\r\n                            filterValue: '',\r\n                            filterDropdownItems: [\r\n                                { value: '0', text: 'No' },\r\n                                { value: '1', text: 'Yes' },\r\n                            ],\r\n                            filterFn: this.columnFilterFn,\r\n                            trigger: 'enter',\r\n                        },\r\n                    },\r\n                    {\r\n                        label: 'Auto Approve Spots',\r\n                        field: \"auto_approve\",\r\n                        sortable: true,\r\n                        formatFn: this.formatStatus,\r\n                        filterOptions: {\r\n                            styleClass: 'class1',\r\n                            enabled: true,\r\n                            placeholder: '-',\r\n                            filterValue: '',\r\n                            filterDropdownItems: [\r\n                                { value: '0', text: 'No' },\r\n                                { value: '1', text: 'Yes' },\r\n                            ],\r\n                            filterFn: this.columnFilterFn,\r\n                            trigger: 'enter',\r\n                        },\r\n                    },\r\n                    {\r\n                        label: 'Suspended',\r\n                        field: \"status\",\r\n                        sortable: true,\r\n                        formatFn: this.status,\r\n                        filterOptions: {\r\n                            styleClass: 'class1',\r\n                            enabled: true,\r\n                            placeholder: '-',\r\n                            filterValue: '',\r\n                            filterDropdownItems: [\r\n                                { value: 'I', text: 'No' },\r\n                                { value: 'A', text: 'Yes' },\r\n                            ],\r\n                            filterFn: this.columnFilterFn,\r\n                            trigger: 'enter',\r\n                        },\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            };\r\n        },\r\n        methods: {\r\n            deleteSpotter(e) {\r\n                this.$swal({\r\n                    title: 'Are you sure?',\r\n                    text: \"All the spots against this spotter will be deleted. 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.deleteSpotter(\r\n                            e,\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            restoreSpotter(e) {\r\n                this.$swal({\r\n                    title: 'Are you sure?',\r\n                    text: \"You want to restore Spotter!\",\r\n                    type: 'warning',\r\n                    showCancelButton: true,\r\n                    confirmButtonColor: '#3085d6',\r\n                    cancelButtonColor: '#d33',\r\n                    confirmButtonText: 'Yes, Restore it!'\r\n                }).then((result) => {\r\n                    if (result.value) {\r\n                        let data = {\r\n                            id: e\r\n                        }\r\n                        API.restoreSpotter(\r\n                            e,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$swal(\r\n                                    'Restore!',\r\n                                    'Record has been restored.',\r\n                                    'success'\r\n                                )\r\n                            },\r\n                            err => {\r\n                            })\r\n                    }\r\n                })\r\n            },\r\n            permanentDeleteSpotter(e) {\r\n                let data = {\r\n                    id: e\r\n                }\r\n                API.permanentDeleteSpotter(\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            addSpotter() {\r\n                this.$router.push({name: 'addSpotter'});\r\n            },\r\n            editSpotter(e) {\r\n                this.$router.push({name: 'editSpotter', params: {id: e}});\r\n            },\r\n            loadItems() {\r\n                this.isLoading = true;\r\n                API.getAllClientSpotters(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                    },\r\n                    err => {\r\n                    }\r\n                )\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({page: params.currentPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({perPage: params.currentPerPage});\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            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n            searchFn(params) {\r\n                console.log('okkok')\r\n                this.updateParams({searchTerm: params});\r\n                this.loadItems();\r\n                this.isLoading = false;\r\n            },\r\n            formatStatus(status) {\r\n                if (status === 1) {\r\n                    return 'Yes';\r\n                } else {\r\n                    return 'No';\r\n                }\r\n            },\r\n            trainingStatus(training_status) {\r\n                if (training_status == 1) {\r\n                    return 'Yes';\r\n                } else {\r\n                    return 'No';\r\n                }\r\n            },\r\n            status(status) {\r\n                if (status === 'A') {\r\n                    return 'Yes';\r\n                } else {\r\n                    return 'No';\r\n                }\r\n            },\r\n            checkDeleted(row) {\r\n                console.log(row.deleted_at);\r\n                return row.deleted_at !== null ? 'red-text' : '';\r\n            },\r\n        }, computed: {},\r\n        mounted() {\r\n            this.isLoading = true;\r\n            this.loadItems();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    .red-text .vgt-left-align {\r\n        color: red !important;\r\n    }\r\n    .btn-disabled {\r\n        width: 100px;\r\n    }\r\n    .btn-restore {\r\n        width: 70px !important;\r\n        padding-left: 10px !important;\r\n        background: #5D9E12;\r\n        border-color: #5D9E12;\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>\r\n\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!./spotter.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!./spotter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./spotter.vue?vue&type=template&id=0dc2f60a&\"\nimport script from \"./spotter.vue?vue&type=script&lang=js&\"\nexport * from \"./spotter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./spotter.vue?vue&type=style&index=0&id=0dc2f60a&prod&lang=scss&\"\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":""}