{"version":3,"sources":["webpack:///./src/views/vehicle/Vehicle.vue","webpack:///./src/views/vehicle/Vehicle.vue?d5b6","webpack:///./src/views/vehicle/Vehicle.vue?c89c","webpack:///./src/components/SubmitButton.vue","webpack:///./src/components/SubmitButton.vue?b4da"],"names":["_createElementBlock","_createElementVNode","class","$data","vehicle","_ctx","loading","_toDisplayString","$route","params","registration","blacklist","national","by","length","style","_Fragment","_renderList","entry","name","reason","_normalizeClass","local","claims","value","$options","blacklistedLocally","onClick","_cache","args","unwatchlistVehicle","watchlistVehicle","notes","key","n","user","id","this","$store","state","auth","note","_createVNode","_component_unix_time","time","created_at","email","newNote","$event","type","placeholder","onKeydown","_withKeys","createNote","sendingMessage","href","csm","_component_submit_button","background","clicked","updatingCustomerService","text","updateCustomerServiceMessage","components","SubmitButton","data","mounted","getVehicle","methods","axios","get","selectedClient","headers","authHeader","then","response","getCustomerServiceMessage","getNotes","catch","error","console","log","message","$error","put","$success","e","Swal","fire","title","input","inputOptions","inputPlaceholder","showCancelButton","client_id","delete","computed","filter","parseInt","__exports__","render","$emit","$props","disabled","props","String","Boolean"],"mappings":"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","file":"js/chunk-195def5e.871ea99b.js","sourcesContent":["<template>\n    <div>\n        <div class=\"row\">\n\n            <div class=\"col-12\" v-if=\"vehicle\">\n                <div class=\"row\">\n                    <div v-if=\"!loading\" class=\"col-12 text-center\">\n                        <div class=\"number-plate number-plate-gbr\">{{$route.params.registration}}</div>\n                    </div>\n                    <div v-if=\"!loading\" class=\"col-12 mg-t-10\">\n                        <div v-if=\"vehicle.blacklist.national.by.length > 0\" class=\"card card-body tx-white-8 bg-danger bd-0 text-center\">\n                            <p style=\"font-size: 20px; margin-bottom: 0px;\"><strong>BLACKLISTED BY</strong></p>\n                            <p style=\"font-size: 20px; margin-bottom: 0px;\" v-for=\"entry in vehicle.blacklist.national.by\">{{entry.name}} for <span class=\"tx-medium\">{{entry.reason || \"Unknown\"}}</span></p>\n                        </div>\n\n                        <div class=\"card card-body tx-white-8 bg-primary bd-0 text-center\" v-bind:class=\"{'mg-t-20': vehicle.blacklist.national.by.length}\">\n                            <p style=\"font-size: 20px; margin-bottom: 0px;\"><strong>CLAIM OVERVIEW</strong></p>\n                            <p style=\"font-size: 20px; margin-bottom: 0px;\">{{vehicle.blacklist.local.claims}} Claims Oustanding</p>\n                            <p style=\"font-size: 20px; margin-bottom: 0px;\">£{{vehicle.blacklist.local.value || 0}} Owed</p>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n            \n        </div>\n        <div class=\"row mg-t-20\">\n            <div class=\"col-6\">\n                <div class=\"card mg-b-20\">\n                    <div class=\"card-header text-white\">\n                        Watchlist\n                    </div>\n                    <div class=\"card-body\">\n\n                        <button v-if=\"blacklistedLocally\" @click=\"unwatchlistVehicle\" class=\"btn btn-sm btn-success\">Remove from Blacklist</button>\n                        <button v-else class=\"btn btn-sm btn-danger\" @click=\"watchlistVehicle\">Add to Blacklist</button>\n\n                    </div>\n                    <div class=\"card-body\" v-if=\"loading\">\n                        <div class=\"d-flex ht-300 pos-relative align-items-center\">\n                            <div class=\"sk-folding-cube\">\n                                <div class=\"sk-cube1 sk-cube\"></div>\n                                <div class=\"sk-cube2 sk-cube\"></div>\n                                <div class=\"sk-cube4 sk-cube\"></div>\n                                <div class=\"sk-cube3 sk-cube\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"card mg-b-20\">\n                    <div class=\"card-header text-white\">\n                        Notes\n                    </div>\n                    <div class=\"card-body\" v-show=\"!loading\">\n\n                        <div class=\"br-chat-body\" style=\"max-height: 500px; width: 100%; overflow-y: scroll;\">\n                            <p v-if=\"notes.length < 1\">No notes for this vehicle!</p>\n                            <div v-for=\"n in notes\" v-bind:class=\"{'flex-row-reverse': n.user.id === this.$store.state.auth.user.id}\" class=\"media\">\n                                <div class=\"media-body\">\n                                    <div class=\"msg-wrapper\">\n                                        {{n.note}}\n                                    </div><!-- msg-wrapper -->\n                                    <div><unix-time :time=\"n.created_at\"/>&nbsp;by&nbsp;<span>{{n.user.email}}</span></div>\n                                </div><!-- media-body -->\n                            </div>\n                        </div>\n\n                        <br/>\n                        <br/>\n                        <br/>\n\n                        <div class=\"br-chat-footer mg-t-20\">\n                            <div><input v-model=\"newNote\" type=\"text\" class=\"form-control\" placeholder=\"Write your message here...\" @keydown.enter=\"createNote\"></div>\n                            <nav class=\"nav\">\n                                <a v-if=\"!sendingMessage\" href=\"javascript:void(0);\" @click=\"createNote\" class=\"nav-link\"><i class=\"icon ion-android-send\"></i></a>\n                                <div v-else class=\"sk-wave\">\n                                    <div class=\"sk-rect sk-rect1 bg-white\"></div>\n                                    <div class=\"sk-rect sk-rect2 bg-white\"></div>\n                                    <div class=\"sk-rect sk-rect3 bg-white\"></div>\n                                    <div class=\"sk-rect sk-rect4 bg-white\"></div>\n                                    <div class=\"sk-rect sk-rect5 bg-white\"></div>\n                                </div>\n                            </nav>\n                        </div>\n\n                    </div>\n                    <div class=\"card-body\" v-if=\"loading\">\n                        <div class=\"d-flex ht-300 pos-relative align-items-center\">\n                            <div class=\"sk-folding-cube\">\n                                <div class=\"sk-cube1 sk-cube\"></div>\n                                <div class=\"sk-cube2 sk-cube\"></div>\n                                <div class=\"sk-cube4 sk-cube\"></div>\n                                <div class=\"sk-cube3 sk-cube\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-6\">\n                <div class=\"card mg-b-20\">\n                    <div class=\"card-header text-white\">\n                        Customer Service Message\n                    </div>\n                    <div class=\"card-body\" v-show=\"!loading\">\n\n                        <p>If you would like the display to notify staff of something when this vehicle comes onto site\n                            but do not wish to blacklist it, place a message below.</p>\n\n                        <p class=\"tx-danger\">If the vehicle is <b>blacklisted</b> this message will not show on the display. Please use the notes if you wish for it to display on a blacklist alert!</p>\n\n                        <textarea v-model=\"csm\" class=\"form-control form-control-dark\" placeholder=\"Write your message here...\"></textarea>\n                        <br/>\n                        <submit-button :background=\"'btn-sm btn-success'\" :clicked=\"updatingCustomerService\" :text=\"'Save'\" @click=\"updateCustomerServiceMessage\"></submit-button>\n                    </div>\n                    <div class=\"card-body\" v-if=\"loading\">\n                        <div class=\"d-flex ht-300 pos-relative align-items-center\">\n                            <div class=\"sk-folding-cube\">\n                                <div class=\"sk-cube1 sk-cube\"></div>\n                                <div class=\"sk-cube2 sk-cube\"></div>\n                                <div class=\"sk-cube4 sk-cube\"></div>\n                                <div class=\"sk-cube3 sk-cube\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from 'axios';\nimport authHeader from '@/services/auth-header';\nimport SubmitButton from '@/components/SubmitButton.vue';\n\nexport default {\n    name: 'Vehicle',\n    components: {\n        SubmitButton\n    },\n    data(){\n        return {\n            vehicle: null,\n            csm: null,\n            notes: []\n        }\n    },\n    mounted(){\n        this.getVehicle();\n    },\n    methods: {\n        getVehicle(){\n            axios.get(`https://api.varsanpr.com/api/vehicle/${this.$route.params.registration}?client_id=${this.$store.state.auth.user.selectedClient}`, { headers: authHeader() })\n            .then(response => {\n                this.vehicle = response.data;\n                this.getCustomerServiceMessage();\n                this.getNotes();\n            })\n            .catch(error => {\n                console.log(error);\n            });\n        },\n        getCustomerServiceMessage(){\n            axios.get(`https://api.varsanpr.com/api/vehicle/${this.vehicle.id}/message?client_id=${this.$store.state.auth.user.selectedClient}`, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.csm = response.data.message || \"\";\n            })\n            .catch(error => {\n                this.$error(\"Unable to load customer service message\", error);\n            });\n        },\n        getNotes(){\n            axios.get(`https://api.varsanpr.com/api/vehicle/${this.vehicle.id}/notes?client_id=${this.$store.state.auth.user.selectedClient}`, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.notes = response.data.notes;\n            })\n            .catch(error => {\n                this.$error(\"Unable to load notes\", error);\n            });\n        },\n        updateCustomerServiceMessage(){\n            axios.put(`https://api.varsanpr.com/api/vehicle/${this.vehicle.id}/csm?client_id=${this.$store.state.auth.user.selectedClient}`, {\n                message: this.csm\n            }, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.$success(\"Customer service message updated\");\n            })\n            .catch(error => {\n                this.$error(\"Unable to update customer service message\", error);\n            });\n        },\n        createNote(){\n            this.sendingMessage = true;\n            if(this.newNote.length < 1){\n                this.$error(\"Please provide a valid note\");\n                this.sendingMessage = false;\n                return;\n            }\n            axios.put(`https://api.varsanpr.com/api/vehicle/${this.vehicle.id}/notes?client_id=${this.$store.state.auth.user.selectedClient}`, {\n                note: this.newNote\n            }, {\n                headers: authHeader()\n            })\n            .then(response => {\n                this.$success(\"Note added\");\n                this.newNote = \"\";\n                this.getNotes();\n                this.sendingMessage = false;\n            })\n            .catch(error => {\n                this.$error(\"Unable to add note\", error);\n                this.sendingMessage = false;\n            });\n        },\n        async watchlistVehicle(e){\n            const {value: reason} = await Swal.fire({\n                title: `Select a reason for blacklisting ${this.vehicle.registration}`,\n                input: 'select',\n                inputOptions: {\n                    \"Drive Off\": \"Drive Off\",\n                    \"No Means of Payment\": \"No Means of Payment\",\n                    \"Fly Tipping\": \"Fly Tipping\",\n                    \"Theft\": \"Theft\",\n                    \"Aggressive\": \"Aggressive\",\n                    \"Plate Mismatch\": \"Plate Mismatch\"\n                },\n                inputPlaceholder: 'Select a reason',\n                showCancelButton: true\n            });\n\n            if(reason){\n                axios.put(`https://api.varsanpr.com/api/blacklist`, {\n                    registration: this.vehicle.registration,\n                    reason: reason,\n                    client_id: this.$store.state.auth.user.selectedClient\n                }, {\n                    headers: authHeader()\n                })\n                .then(response => {\n                    this.$success(\"Vehicle blacklisted\");\n                    this.getVehicle();\n                })\n                .catch(error => {\n                    this.$error(\"Unable to blacklist vehicle\", error);\n                });\n            }\n        },\n        unwatchlistVehicle(){\n            axios.delete(`https://api.varsanpr.com/api/blacklist`, {\n                headers: authHeader(),\n                data: {\n                    registration: this.vehicle.registration,\n                    client_id: this.$store.state.auth.user.selectedClient\n                }\n            })\n            .then(response => {\n                this.$success(\"Vehicle removed from blacklist\");\n                this.getVehicle();\n            })\n            .catch(error => {\n                this.$error(\"Unable to remove vehicle from blacklist\", error);\n            });\n        }\n    },\n    computed: {\n        blacklistedLocally: function() {\n            if(!this.vehicle || !this.vehicle.blacklist.national.by) return false;\n            return this.vehicle.blacklist.national.by.filter((n) => {\n                return parseInt(n.client_id) == parseInt(this.$store.state.auth.user.selectedClient);\n            }).length > 0;\n        }\n    }\n}\n</script>\n\n<style scoped>\n.number-plate\n{\n    background-color: #f8ef1f;\n    border-radius: 0.25rem;\n    color: black;\n    display: inline-block;\n    font-family: \"Arial Black\";\n    font-weight: bold;\n    padding: 0.1rem 0.9rem;\n    font-size: 1.5rem;\n}\n\n.number-plate-gbr\n{\n    background-image: url(/img/uk-plate-logo.png);\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: auto 100%;\n    padding-left: 2rem;\n}\n</style>","import { render } from \"./Vehicle.vue?vue&type=template&id=15b2b6d5&scoped=true\"\nimport script from \"./Vehicle.vue?vue&type=script&lang=js\"\nexport * from \"./Vehicle.vue?vue&type=script&lang=js\"\n\nimport \"./Vehicle.vue?vue&type=style&index=0&id=15b2b6d5&scoped=true&lang=css\"\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],['__scopeId',\"data-v-15b2b6d5\"]])\n\nexport default __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-v16/dist/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-v16/dist/index.js??ref--1-1!./Vehicle.vue?vue&type=style&index=0&id=15b2b6d5&scoped=true&lang=css\"","<template>\n    <button @click=\"$emit('click')\" class=\"btn\" v-bind:class=\"background\" v-bind:disabled=\"clicked\">\n        <span v-if=\"!clicked\">{{text}}</span>\n        <div v-else class=\"sk-wave tx-white float-left\" style=\"margin: 0;\">\n            <div class=\"sk-rect sk-rect1 bg-white\"></div>\n            <div class=\"sk-rect sk-rect2 bg-white\"></div>\n            <div class=\"sk-rect sk-rect3 bg-white\"></div>\n            <div class=\"sk-rect sk-rect4 bg-white\"></div>\n            <div class=\"sk-rect sk-rect5 bg-white\"></div>\n        </div>\n    </button>\n</template>\n\n<script>\nexport default {\nname: \"SubmitButton\",\n    props: {\n        background: String,\n        text: String,\n        clicked: Boolean,\n    }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import { render } from \"./SubmitButton.vue?vue&type=template&id=b3cd4d72\"\nimport script from \"./SubmitButton.vue?vue&type=script&lang=js\"\nexport * from \"./SubmitButton.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":""}