{"version":3,"sources":["webpack:///./src/components/AdminSkinStories.vue","webpack:///./src/components/AdminSkinStories.vue?17e1"],"names":["class","aria-label","aria-current","role","style","ref","id","tabindex","type","data-bs-dismiss","to","loaded","skinstories","item","key","name","isDraft","openDeleteModal","selectedItem","deleteItem","options","headers","authHeader","data","modal","methods","this","console","log","show","getData","a","get","then","response","catch","error","$toast","message","toastOptions","finally","delete","success","mounted","$refs","__exports__","render"],"mappings":"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","file":"js/chunk-2d0b20fa.2b3119d5.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 active\" aria-current=\"page\">Skin stories</li>\r\n            </ol>\r\n        </nav>\r\n        <div class=\"row justify-content-between\">\r\n            <div class=\"col-4\">\r\n                <h1>Skin Stories</h1>\r\n            </div>\r\n            <div class=\"col-4 d-md-flex justify-content-md-end\">\r\n                <div>\r\n                    <router-link to=\"adminskinstory\" class=\"btn btn-success mx-1\">Add</router-link>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n            <div v-if=\"!loaded\" class=\"d-flex justify-content-center\">\r\n                <div class=\"spinner-border\" role=\"status\">\r\n                    <span class=\"visually-hidden\">Loading...</span>\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"list-group list-group-numbered\">\r\n                <div v-for=\"item in skinstories\" :key=\"item.id\" class=\"list-group-item list-group-item-action\">\r\n                    <div class=\"d-flex w-100 justify-content-between\">\r\n                        <h5 class=\"mb-1\">{{item.name}}</h5>\r\n                        <div>\r\n                            <span v-if=\"item.isDraft\"><i class=\"bi bi-exclamation-diamond mx-1\" style=\"color:red\"></i> draft</span>\r\n                            <router-link :to=\"{ path: 'adminskinstory', query: { id: item.id } }\" class=\"btn btn-warning mx-1\">Edit</router-link>\r\n                            <button @click.stop.prevent=\"openDeleteModal(item)\" type=\"button\" class=\"btn btn-danger mx-1\">Delete</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal\" ref=\"modal\" id=\"dialogYesNo\" tabindex=\"-1\">\r\n            <div class=\"modal-dialog\">\r\n                <div class=\"modal-content\">\r\n                    <div class=\"modal-header\">\r\n                        <h5 class=\"modal-title\">Skin Atlas</h5>\r\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n                    </div>\r\n                    <div class=\"modal-body\">\r\n                        <p>Are you sure you want to delete item: {{selectedItem?.name}}</p>\r\n                    </div>\r\n                    <div class=\"modal-footer\">\r\n                        <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Cancel</button>\r\n                        <button type=\"button\" @click=\"deleteItem(selectedItem)\" data-bs-dismiss=\"modal\" class=\"btn btn-danger\"> Yes </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\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    import Modal from 'bootstrap/js/dist/modal';\r\n\r\n    //let selectedItem = { id: 0, name: \"\" };\r\n    let skinstories = [];\r\n    let loaded = false;\r\n\r\n    const options = {\r\n        headers: { ...authHeader(), 'Content-Type': 'application/json' }\r\n    }\r\n\r\n    export default {\r\n        name: 'AdminCollaborator',\r\n        data() {\r\n            return {\r\n                selectedItem: null,\r\n                skinstories: skinstories,\r\n                loaded: loaded,\r\n                modal: null\r\n            }\r\n        },\r\n        methods: {\r\n            openDeleteModal(item) {\r\n                this.selectedItem = item;\r\n                console.log(item);\r\n                this.modal.show();\r\n            },\r\n            async getData() {\r\n                await axios.get(process.env.VUE_APP_URL + \"api/skinstories/all\", options)\r\n                    .then(response => {\r\n                        this.loaded = true;\r\n                        this.skinstories = response.data;\r\n                    })\r\n                    .catch(error => {\r\n                        this.$toast(error.message, toastOptions.error);\r\n                    })\r\n                    .finally(() => {\r\n                        this.loaded = true;\r\n                    });\r\n            },\r\n            async deleteItem(item) {\r\n                await axios.delete(process.env.VUE_APP_URL + `api/skinstories/${item.id}`, options)\r\n                    .then(() => {\r\n                        this.$toast(\"Item deleted\", toastOptions.success);\r\n                        this.getData();\r\n                    })\r\n                    .catch(error => {\r\n                        this.$toast(error.message, toastOptions.error);\r\n                    })\r\n            }\r\n        },\r\n        mounted() {\r\n            this.getData();\r\n            this.modal = new Modal(this.$refs.modal);\r\n            \r\n        }\r\n    }\r\n</script>\r\n","import { render } from \"./AdminSkinStories.vue?vue&type=template&id=7d16bf24\"\nimport script from \"./AdminSkinStories.vue?vue&type=script&lang=js\"\nexport * from \"./AdminSkinStories.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":""}