{"version":3,"sources":["webpack:///./src/client/ArchivedSpotType.vue","webpack:///src/client/ArchivedSpotType.vue","webpack:///./src/client/ArchivedSpotType.vue?1476","webpack:///./src/client/ArchivedSpotType.vue?ee83","webpack:///./src/client/ArchivedSpotType.vue?21ec"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","on","showSpotTypes","attrs","totalRecords","isLoading","enabled","searchFn","dropdownAllowAll","perPageDropdown","rows","columns","onPageChange","onSortChange","onColumnFilter","onPerPageChange","$event","scopedSlots","_u","key","fn","props","column","field","row","status","restoreSpotType","id","_e","staticRenderFns","toast","position","Vue","ascIcon","descIcon","name","mixins","data","form","client_id","show","isDisabled","serverParams","columnFilters","sort","type","page","perPage","label","filterable","sortable","formatFn","spotTypes","visible","validations","required","methods","e","title","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","API","loadItems","formatDate","value","updateParams","newProps","params","searchTerm","formatStatus","computed","created","mounted","component"],"mappings":"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","file":"js/chunk-76cf2b92.9f34f80b.js","sourcesContent":["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-lg-12 grid-margin 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('Archived Spot Types')))]),_c('div',{staticClass:\"header-buttons\"},[_c('button',{staticClass:\"btn btn-primary\",on:{\"click\":_vm.showSpotTypes}},[_vm._v(_vm._s(_vm.$t('Go Back')))])])])]),_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.columns,\"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.status == 2)?_c('b-button',{staticClass:\"mr-1 btn-disabled text-white btn-restore\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.restoreSpotType(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=\"row\">\r\n            <div class=\"col-lg-12 grid-margin 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('Archived Spot Types') }}</h4>\r\n                            <div class=\"header-buttons\">\r\n                                <button class=\"btn btn-primary\" @click=\"showSpotTypes\">{{ $t('Go Back') }}</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=\"columns\" :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.status == 2\"\r\n                                    class=\"mr-1 btn-disabled text-white btn-restore\" @click=\"restoreSpotType(props.row.id)\">\r\n                                    {{ $t('restore-btn') }}\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, {\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        between\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: 'ArchivedSpotType',\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                },\r\n                isDisabled: false,\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: 'Created At',\r\n                        field: 'created_at',\r\n                        sortable: true,\r\n                        formatFn: this.formatDate\r\n                    },\r\n                    {\r\n                        label: 'Deleted 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                spotTypes: [],\r\n                visible: true\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            restoreSpotType(e) {\r\n                this.$swal({\r\n                    title: 'Are you sure?',\r\n                    text: \"You want to restore spot type!\",\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.restoreSpotType(\r\n                            e,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$snotify.success('Record restored successfully.');\r\n                                // this.$Snotify.success(data.message)\r\n                            },\r\n                            err => {}\r\n                        )\r\n                    }\r\n                })\r\n            },\r\n            showSpotTypes() {\r\n                this.$router.push({\r\n                    name: \"spot_type\",\r\n                });\r\n                \r\n            },\r\n            loadItems() {\r\n                this.isLoading = true;\r\n                API.getArchivedSpotTypes(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.rows.forEach(q => {\r\n                            const data = {\r\n                                id: q.id,\r\n                            };\r\n                            this.spotTypes.push(data);\r\n                        });\r\n                    },\r\n                    err => {}\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            onPageChange(params) {\r\n                this.updateParams({\r\n                    page: params.currentPage\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            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    \r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n        },\r\n        computed: {},\r\n        created() {\r\n            // this.getFixLocations();\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    .submit-btns {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-right: auto;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .new-spotType {\r\n        float: right;\r\n    }\r\n    .save-btn {\r\n        float: left;\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</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArchivedSpotType.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!./ArchivedSpotType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArchivedSpotType.vue?vue&type=template&id=0154ce0a&\"\nimport script from \"./ArchivedSpotType.vue?vue&type=script&lang=js&\"\nexport * from \"./ArchivedSpotType.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArchivedSpotType.vue?vue&type=style&index=0&id=0154ce0a&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","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!./ArchivedSpotType.vue?vue&type=style&index=0&id=0154ce0a&prod&lang=css&\""],"sourceRoot":""}