{"version":3,"sources":["webpack:///./src/views/commondetails/CommonDetails.vue","webpack:///./src/views/commondetails/CommonDetails.vue?208f"],"names":["_createElementBlock","class","_createElementVNode","for","type","$data","search","$event","onClick","_cache","args","$options","showAddModal","_Fragment","_renderList","filteredDetails","company","_toDisplayString","name","postcode","showEditModal","deleteDetails","id","style","role","data-dismiss","aria-label","aria-hidden","address_one","address_two","address_three","address_four","postDetails","patchDetails","data","details","mounted","this","getDetails","methods","axios","get","headers","authHeader","then","response","catch","error","$error","console","delete","$success","post","$","modal","patch","computed","filter","d","includes","__exports__","render"],"mappings":"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","file":"js/chunk-2d0d6ae3.889ce80b.js","sourcesContent":["<template>\n    <div class=\"row\">\n        <div class=\"col-12\">\n\n            <div class=\"form-group\">\n                <label for=\"name\">Search</label>\n                <input type=\"text\" v-model=\"search\" class=\"form-control form-control-dark\" />\n            </div>\n\n            <table class=\"table table-striped table-hover tx-white\">\n                <thead class=\"thead-colored thead-primary\">\n                    <tr>\n                        <th>Name</th>\n                        <th>Postcode</th>\n                        <th>\n                            <button class=\"btn btn-sm btn-success float-right\" @click=\"showAddModal\">Add</button>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr v-for=\"company of filteredDetails\">\n                        <td>{{ company.name }}</td>\n                        <td>{{ company.postcode }}</td>\n                        <td>\n                            <button class=\"btn btn-sm btn-primary\" @click=\"showEditModal(company)\">Edit</button>\n                            <button class=\"btn btn-sm btn-danger\" @click=\"deleteDetails(company)\">Delete</button>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n\n            <div id=\"addCompanyModal\" class=\"modal fade\" style=\"display: none; padding-right: 17px;\">\n                <div class=\"modal-dialog modal-lg modal-dialog-centered\" role=\"document\">\n                    <div class=\"modal-content bg-dark tx-white tx-size-sm\">\n                        <div class=\"modal-header bg-dark pd-x-20\">\n                            <h6 class=\"tx-14 mg-b-0 tx-uppercase tx-white tx-bold\">Add Common Transfer</h6>\n                            <button type=\"button\" class=\"close tx-white\" data-dismiss=\"modal\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\">×</span>\n                            </button>\n                        </div>\n                        <div class=\"modal-body bg-dark tx-white pd-20\">\n    \n                            <div class=\"form-group\">\n                                <label for=\"name\">Name</label>\n                                <input type=\"text\" v-model=\"company.name\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <div class=\"form-group\">\n                                <label for=\"address_one\">Address One</label>\n                                <input type=\"text\" v-model=\"company.address_one\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <div class=\"form-group\">\n                                <label for=\"address_two\">Address Two</label>\n                                <input type=\"text\" v-model=\"company.address_two\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <div class=\"form-group\">\n                                <label for=\"address_three\">Address Three</label>\n                                <input type=\"text\" v-model=\"company.address_three\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <div class=\"form-group\">\n                                <label for=\"address_four\">Address Four</label>\n                                <input type=\"text\" v-model=\"company.address_four\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <div class=\"form-group\">\n                                <label for=\"postcode\">Postcode</label>\n                                <input type=\"text\" v-model=\"company.postcode\" class=\"form-control form-control-dark\" />\n                            </div>\n\n                            <button v-if=\"!company.id\" class=\"btn btn-primary float-right\" @click=\"postDetails\">Create</button>\n                            <button v-if=\"company.id\" class=\"btn btn-primary float-right\" @click=\"patchDetails\">Update</button>\n                            \n                        </div><!-- modal-body -->\n                        <div class=\"modal-footer bg-dark tx-white\">\n                            <button type=\"button\" class=\"btn btn-secondary tx-size-xs\" data-dismiss=\"modal\">Close</button>\n                        </div>\n                    </div>\n                </div><!-- modal-dialog -->\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport authHeader from '@/services/auth-header';\n\nexport default {\n    name: 'CommonDetails',\n    data(){\n        return {\n            details: [],\n            search: \"\",\n            company: {\n                name: \"\",\n                address_one: \"\",\n                address_two: \"\",\n                address_three: \"\",\n                address_four: \"\",\n                postcode: \"\"\n            }\n        }\n    },\n    mounted(){\n        this.getDetails();\n    },\n    methods: {\n        getDetails(){\n            axios.get(`https://api.varsanpr.com/api/documents/common`, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.details = response.data.details;\n            })\n            .catch(error => {\n                this.$error(\"Failed fetching details.\", error);\n                console.error(error);\n            });\n        },\n        deleteDetails(details){\n            axios.delete(`https://api.varsanpr.com/api/documents/common`, {\n                data: {\n                    id: details.id\n                },\n                headers: authHeader()\n            })\n            .then(response => {\n                this.$success(\"Successfully deleted details.\");\n                this.getDetails();\n            })\n            .catch(error => {\n                this.$error(\"Failed deleting details.\", error);\n                console.error(error);\n            });\n        },\n        postDetails(){\n            axios.post(`https://api.varsanpr.com/api/documents/common`, this.company, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.$success(\"Successfully added details.\");\n                this.getDetails();\n                this.company = {\n                    name: \"\",\n                    address_one: \"\",\n                    address_two: \"\",\n                    address_three: \"\",\n                    address_four: \"\",\n                    postcode: \"\"\n                }\n                $('#addCompanyModal').modal('toggle');\n            })\n            .catch(error => {\n                this.$error(\"Failed adding details.\", error);\n                console.error(error);\n            });\n        },\n        patchDetails(){\n            axios.patch(`https://api.varsanpr.com/api/documents/common`, this.company, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.$success(\"Successfully updated details.\");\n                this.getDetails();\n                this.company = {\n                    name: \"\",\n                    address_one: \"\",\n                    address_two: \"\",\n                    address_three: \"\",\n                    address_four: \"\",\n                    postcode: \"\"\n                }\n                $('#addCompanyModal').modal('toggle');\n            })\n            .catch(error => {\n                this.$error(\"Failed updating details.\", error);\n                console.error(error);\n            });\n        },  \n        showAddModal(){\n            $('#addCompanyModal').modal('toggle');\n        },\n        showEditModal(details){\n            this.company.name = details.name;\n            this.company.address_one = details.address_one;\n            this.company.address_two = details.address_two;\n            this.company.address_three = details.address_three;\n            this.company.address_four = details.address_four;\n            this.company.postcode = details.postcode;\n            this.company.id = details.id;\n            $('#addCompanyModal').modal('toggle');\n        }\n    },\n    computed: {\n        filteredDetails: function(){\n            if(this.search == null || this.search == \"\"){\n                return this.details;\n            }\n            return this.details.filter((d) => {\n                return d.name.includes(this.search) || d.postcode.includes(this.search);\n            })\n        }\n    }\n}\n</script>","import { render } from \"./CommonDetails.vue?vue&type=template&id=61fc0346\"\nimport script from \"./CommonDetails.vue?vue&type=script&lang=js\"\nexport * from \"./CommonDetails.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/lmaccallum/Documents/GitHub/vars-claims-portal/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}