{"version":3,"sources":["webpack:///./src/components/AdminCollaborator.vue","webpack:///./src/components/AdminCollaborator.vue?f1cb"],"names":["class","aria-label","aria-current","for","role","to","handleSubmit","addDecorator","collaborator","id","name","type","placeholder","department","organization","loading","data","methods","getData","$route","query","a","get","then","response","catch","error","$toast","message","toastOptions","options","headers","authHeader","put","success","post","$router","push","watch","handler","this","deep","immediate","__exports__","render"],"mappings":"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","file":"js/chunk-2d0c4685.96fe1c54.js","sourcesContent":["<template>\r\n    <div class=\"container py-5\">\r\n        <nav aria-label=\"breadcrumb\">\r\n            <ol class=\"breadcrumb\">\r\n                <li class=\"breadcrumb-item\"><router-link to=\"/dashboard\">Admin Dashboard</router-link></li>\r\n                <li class=\"breadcrumb-item\"><router-link to=\"/admincollaborators\">Collaborators</router-link></li>\r\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">Collaborator</li>\r\n            </ol>\r\n        </nav>\r\n        <form @submit.prevent=\"handleSubmit\">\r\n            <div class=\"row justify-content-between\">\r\n                <div class=\"col-12\">\r\n                    <h1>{{addDecorator}}Collaborator</h1>\r\n                    <small class=\"text-muted\">Id: {{collaborator.id}}</small>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"mb-3 row\">\r\n                <label for=\"name\" class=\"col-sm-2 col-form-label\">Name:</label>\r\n                <div class=\"col-sm-10\">\r\n                    <input v-model=\"collaborator.name\" type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"name\">\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-3 row\">\r\n                <label for=\"dept\" class=\"col-sm-2 col-form-label\">Department:</label>\r\n                <div class=\"col-sm-10\">\r\n                    <input v-model=\"collaborator.department\" type=\"text\" class=\"form-control\" id=\"dept\" placeholder=\"dept\">\r\n                </div>\r\n            </div>\r\n            <div class=\"mb-3 row\">\r\n                <label for=\"org\" class=\"col-sm-2 col-form-label\">Organization:</label>\r\n                <div class=\"col-sm-10\">\r\n                    <input v-model=\"collaborator.organization\" type=\"text\" class=\"form-control\" id=\"org\" placeholder=\"org\">\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"d-grid gap-2 d-md-flex justify-content-md-end\">\r\n                <div v-if=\"loading\" class=\"spinner-border\" role=\"status\">\r\n                    <span class=\"visually-hidden\">Loading...</span>\r\n                </div>\r\n                <button v-else class=\"btn btn-primary\">Save</button>\r\n            </div>\r\n        </form>\r\n    </div>\r\n</template>\r\n<script>\r\n    import axios from \"axios\";\r\n    import { authHeader } from '@/services/authHeader.js';\r\n    import { toastOptions } from '@/helpers/toastOptions.js';\r\n\r\n    export default {\r\n        name: 'AdminCollaborator',\r\n        data() {\r\n            return {\r\n                loading: false,\r\n                addDecorator : '',\r\n                collaborator: {\r\n                    id: 0,\r\n                    name: '',\r\n                    department: '',\r\n                    organization: ''\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            async getData() {\r\n                if (this.$route.query.id) {\r\n                    this.addDecorator = '';\r\n                    await axios.get(process.env.VUE_APP_URL + `api/collaborators/${this.$route.query.id}`)\r\n                        .then(response => {\r\n                            this.collaborator = response.data;\r\n                            this.addDecorator = 'Edit ';\r\n                        })\r\n                        .catch(error => {\r\n                            this.$toast(error.message, toastOptions.error);\r\n                        })\r\n                }\r\n                else {\r\n                    this.addDecorator = \"Add \";\r\n                    this.collaborator = {\r\n                        id: 0,\r\n                        name: '',\r\n                        department: '',\r\n                        organization: ''\r\n                    }\r\n                }\r\n            },\r\n            async handleSubmit() {\r\n                this.loading = true;\r\n                const options = {\r\n                    headers: { ...authHeader(), 'Content-Type': 'application/json' }\r\n                }\r\n                if (this.collaborator.id) {\r\n                    await axios.put(process.env.VUE_APP_URL + `api/collaborators/${this.collaborator.id}`, this.collaborator, options)\r\n                        .then(() => {\r\n                            this.loading = false;\r\n                            this.$toast(\"Update successfull\", toastOptions.success);\r\n                        })\r\n                        .catch(error => {\r\n                            this.$toast(error.message, toastOptions.error);\r\n                        });\r\n                }\r\n                else {\r\n                    await axios.post(process.env.VUE_APP_URL + 'api/collaborators', this.collaborator, options)\r\n                        .then(() => {\r\n                            this.loading = false;\r\n                            this.$toast(\"Successfully added new item\", toastOptions.success);\r\n                            this.$router.push('admincollaborators');\r\n                        })\r\n                        .catch(error => {\r\n                            this.$toast(error.message, toastOptions.error);\r\n                        });\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n            '$route.query.id': {\r\n                handler: function () {\r\n                    if (this.$route.query.id) {\r\n                        this.getData();\r\n                    }\r\n                },\r\n                deep: true,\r\n                immediate: true\r\n            }\r\n        }\r\n    }\r\n</script>\r\n","import { render } from \"./AdminCollaborator.vue?vue&type=template&id=5414fda8\"\nimport script from \"./AdminCollaborator.vue?vue&type=script&lang=js\"\nexport * from \"./AdminCollaborator.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/mihai/repos/skinatlas/src/clientapp/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}