{"version":3,"sources":["webpack:///./src/components/AdminSkinStory.vue","webpack:///./src/components/AdminSkinStory.vue?0785"],"names":["class","aria-label","aria-current","for","type","data-bs-toggle","style","role","to","handleSubmit","skinstory","name","id","placeholder","required","url","disabled","images","image","index","key","href","src","shortDescription","rows","author","modelValue","content","$event","loading","isDraft","options","headers","authHeader","components","Editor","data","methods","getData","this","$route","query","a","get","then","response","catch","error","$toast","message","toastOptions","finally","loaded","put","$router","push","post","watch","handler","deep","immediate","computed","replace","replaceAll","toLowerCase","substring","beforeMount","console","log","__exports__","render"],"mappings":"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","file":"js/chunk-2d2226f8.f60c7b3e.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=\"/adminskinstories\">Skin stories</router-link></li>\r\n                <li class=\"breadcrumb-item active\" aria-current=\"page\">Skin story</li>\r\n            </ol>\r\n        </nav>\r\n        <div class=\"row justify-content-between\">\r\n            <div class=\"col-12\">\r\n                <h1>Skin story</h1>\r\n\r\n                <form @submit.prevent=\"handleSubmit\">\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=\"skinstory.name\" type=\"text\" class=\"form-control\" id=\"name\" placeholder=\"name\" required>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 row\">\r\n                        <label for=\"url\" class=\"col-sm-2 col-form-label\">url:</label>\r\n                        <div class=\"col-sm-10\">\r\n                            <input v-model=\"url\" type=\"text\" class=\"form-control\" id=\"url\" disabled>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 row\">\r\n                        <label for=\"image\" class=\"col-sm-2 col-form-label\">Image:</label>\r\n                        <div class=\"col-sm-6\">\r\n                            <div class=\"btn-group\">\r\n                                <button type=\"button\" class=\"btn btn-light dropdown-toggle\" data-bs-toggle=\"dropdown\">Select image</button>\r\n                                <div class=\"dropdown-menu\" style=\"max-height:500px; overflow:scroll; width:550px;\">\r\n                                    <a v-for=\"(image, index) in images\" :key=\"index\" href=\"#\" class=\"dropdown-item\" @click.stop.prevent=\"skinstory.image= '/images/' + image\">\r\n                                        <div style=\"display: inline-flex; align-items: center;\">\r\n                                            <div class=\"d-flex flex-wrap align-items-center\" style=\"width: 155px; border: 1px silver solid; background:white;\">\r\n                                                <img :src=\"'/images/' + image\" style=\"object-fit: scale-down; height:150px; width:150px; padding:0px;\" />\r\n                                            </div>\r\n                                            <div class=\"ms-2\">{{image}}</div>\r\n                                        </div>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-sm-4 align-content-end\">\r\n                            <div class=\"d-flex flex-wrap align-items-center align-content-center float-end\" style=\"border: 1px solid silver; padding: 2px; width: 155px; height: 155px;\">\r\n                                <img v-if=\"skinstory.image\" :src=\"skinstory.image\" style=\"object-fit: scale-down; height:150px; width:150px;\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 row\">\r\n                        <label for=\"shortDescription\" class=\"col-sm-2 col-form-label\">Description:</label>\r\n                        <div class=\"col-sm-10\">\r\n                            <textarea v-model=\"skinstory.shortDescription\" class=\"form-control\" id=\"shortDescription\" rows=\"3\" placeholder=\"short description\" required></textarea>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"mb-3 row\">\r\n                        <label for=\"author\" class=\"col-sm-2 col-form-label\">Author:</label>\r\n                        <div class=\"col-sm-10\">\r\n                            <input v-model=\"skinstory.author\" class=\"form-control\" id=\"author\" placeholder=\"author\" required>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <Editor :modelValue=skinstory.content @update:modelValue=\"skinstory.content = $event\" />\r\n\r\n                    <div class=\"mb-3 row py-3\">\r\n                        <div class=\"col-sm-10 d-sm-inline-flex\">\r\n\r\n                        </div>\r\n                        <div class=\"col-sm-2 d-sm-flex justify-content-sm-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                            <div v-else>\r\n                                <div class=\"form-check form-switch\">\r\n                                    <input class=\"form-check-input\" type=\"checkbox\" id=\"flexSwitchCheckDefault\" v-model=\"skinstory.isDraft\">\r\n                                    <label class=\"form-check-label\" for=\"flexSwitchCheckDefault\">This is a draft</label>\r\n                                </div>\r\n                                <button class=\"btn btn-primary\">Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import Editor from '@/components/Editor.vue'\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    const options = {\r\n        headers: { ...authHeader(), 'Content-Type': 'application/json' }\r\n    }\r\n\r\n    export default {\r\n        name: \"AdminSkinStory\",\r\n        components: { Editor },\r\n        data() {\r\n            return {\r\n                loading: false,\r\n                skinstory: {\r\n                    name: '',\r\n                    content: 'write yout text here...',\r\n                    image: '',\r\n                    author: '',\r\n                    shortDescription:''\r\n                },\r\n                images: []\r\n            }\r\n        },\r\n        methods: {\r\n            getData() {\r\n                if (this.$route.query.id) {\r\n                    axios.get(process.env.VUE_APP_URL + `api/skinStories/id/${this.$route.query.id}`, options)\r\n                        .then(response => {\r\n                            this.skinstory = 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            },\r\n            handleSubmit() {\r\n                this.loading = true;\r\n\r\n                this.skinstory.url = this.url;\r\n                if (!this.skinstory.id) {\r\n                    axios.post(process.env.VUE_APP_URL + 'api/skinstories', this.skinstory, options)\r\n                        .then(response => {\r\n                            this.skinstory = response.data;\r\n                            this.$router.push('adminskinstories');\r\n                        })\r\n                        .catch(error => {\r\n                            this.loading = false;\r\n                            this.$toast(error.message, toastOptions.error);\r\n                        });\r\n                }\r\n                else {\r\n                    axios.put(process.env.VUE_APP_URL + `api/skinstories/${this.skinstory.id}`, this.skinstory, options)\r\n                        .then(response => {\r\n                            this.skinstory = response.data;\r\n                            this.$router.push('adminskinstories');\r\n                        })\r\n                        .catch(error => {\r\n                            this.loading = false;\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            'skinstory.name': {\r\n                handler: function () {\r\n\r\n                }\r\n            }\r\n        },\r\n        computed: {\r\n            url: function () {\r\n                return this.skinstory.name.replace(/[^\\w\\s]/gi, '').replaceAll(\" \", \"-\").toLowerCase().substring(0, 60)\r\n            }\r\n        },\r\n        beforeMount() {\r\n            axios.get(process.env.VUE_APP_URL + `api/imagemanager`)\r\n                .then(response => {\r\n                    this.images = response.data;\r\n                    console.log(this.images);\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    }\r\n</script>\r\n","import { render } from \"./AdminSkinStory.vue?vue&type=template&id=6f4d3878\"\nimport script from \"./AdminSkinStory.vue?vue&type=script&lang=js\"\nexport * from \"./AdminSkinStory.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":""}