{"version":3,"sources":["webpack:///./src/views/Admin/Images.vue","webpack:///./src/views/Admin/Images.vue?21c1","webpack:///./src/components/Admin/AdminBreadCrumb.vue","webpack:///./src/components/Admin/AdminBreadCrumb.vue?a5bc","webpack:///./src/components/ImageList.vue","webpack:///./src/components/ImageList.vue?fbeb","webpack:///./src/components/FileUpload.vue","webpack:///./src/components/FileUpload.vue?31db","webpack:///./src/services/ImageService.js","webpack:///./src/components/Admin/AdminBreadCrumb.vue?6dd7","webpack:///./src/components/ImageList.vue?ed58"],"names":["class","type","ImageLoaded","imagesLoaded","images","allowDelete","DeleteImage","name","components","PageContent","SubHeading","ImageList","FileUpload","AdminBreadCrumb","data","mounted","LoadImages","computed","methods","ImageService","confirm","render","__scopeId","href","rel","to","script","image","key","imageClicked","src","alt","$emit","props","Array","Boolean","this","insertType","id","FileChosen","String","x","reader","FileReader","onload","base64result","result","split","payload","target","files","body","token","sessionStorage","getItem","a","post","baseAPIPath","headers","then","readAsDataURL","store","getters","axios","get","Config"],"mappings":"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","file":"js/chunk-a05da6b8.109a6a5a.js","sourcesContent":["<template>\r\n  <PageContent>\r\n    <SubHeading>Image Management</SubHeading>\r\n    <AdminBreadCrumb />\r\n    <div class=\"fileUpload\">\r\n      <span>Would you like to upload a new image: </span>\r\n      <FileUpload type=\"image\" @file-uploaded=\"ImageLoaded\" />\r\n    </div>\r\n    <ImageList v-if=\"imagesLoaded\" :images=\"images\" :allowDelete=\"true\" @delete=\"DeleteImage\" />\r\n\r\n  </PageContent>\r\n</template>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n\r\n<script>\r\nimport PageContent from '@/components/PageContent'\r\nimport SubHeading from '@/components/SubHeading'\r\nimport ImageList from '@/components/ImageList'\r\nimport FileUpload from '@/components/FileUpload'\r\nimport AdminBreadCrumb from '@/components/Admin/AdminBreadCrumb'\r\n\r\nimport ImageService from '@/services/ImageService'\r\n\r\nexport default {\r\n  name: \"EditCards\",\r\n  components: {\r\n    PageContent,\r\n    SubHeading,\r\n    ImageList,\r\n    FileUpload,\r\n    AdminBreadCrumb\r\n  },\r\n  data() {\r\n    return {\r\n      images: [],\r\n      imagesLoaded: false\r\n    }\r\n  },\r\n  async mounted() {\r\n    await this.LoadImages();\r\n  },\r\n  computed: {\r\n  },\r\n  methods: {\r\n    async LoadImages() {\r\n      this.images = await ImageService.LoadImages();\r\n      this.imagesLoaded = true;\r\n    },\r\n    async ImageLoaded () {\r\n      await this.LoadImages();\r\n    },\r\n    async DeleteImage(name) {\r\n      if (!confirm(`Are you sure you want to delete ${name} ?`)) {return;}\r\n      await ImageService.DeleteImage(name);\r\n      await this.LoadImages();\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./Images.vue?vue&type=template&id=542ee6b0&scoped=true\"\nimport script from \"./Images.vue?vue&type=script&lang=js\"\nexport * from \"./Images.vue?vue&type=script&lang=js\"\nscript.render = render\nscript.__scopeId = \"data-v-542ee6b0\"\n\nexport default script","<template>\r\n  <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <router-link :to=\"{ name: 'Admin' }\">\r\n      <div class=\"Crumb\">\r\n        <i class=\"material-icons icon\">arrow_back</i>\r\n        Back to Admin...\r\n      </div>\r\n    </router-link>\r\n  <hr>\r\n</template>\r\n\r\n<style scoped>\r\n  .Crumb {\r\n    display: inline-flex;\r\n    border: 1px solid white;\r\n    transition: border 0.2s ease;\r\n    box-sizing: border-box;\r\n    padding: 2px 5px;\r\n  }\r\n  .icon {\r\n    margin-right: 6px;\r\n    text-decoration: none;\r\n    overflow: auto;\r\n    transition: color 0.2s ease;\r\n\r\n  }\r\n  .Crumb:hover {\r\n    border: 1px solid #ccc;\r\n    \r\n  }\r\n  .Crumb:hover > i.icon {\r\n    color: red;\r\n  }\r\n</style>","import { render } from \"./AdminBreadCrumb.vue?vue&type=template&id=40895eea&scoped=true\"\nconst script = {}\n\nimport \"./AdminBreadCrumb.vue?vue&type=style&index=0&id=40895eea&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-40895eea\"\n\nexport default script","<template>\r\n  <div>\r\n    <div class=\"images\">\r\n      <div class=\"image\" v-for=\"image in images\" :key=\"image\" @click=\"imageClicked(image)\">\r\n        <div>\r\n          {{image}}\r\n        </div>\r\n        <img :src=\"`/images/${image}`\" :alt=\"image\">\r\n        <button v-if=\"allowDelete\" @click.stop=\"$emit('delete',image)\">Delete</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n  .images {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n  }\r\n  .image {\r\n    width: 150px;\r\n    padding: 5px;\r\n    background-color: rgba(0,0,0,0.1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    margin: 10px;\r\n    border-radius: 10px;\r\n  }\r\n  .image:hover {\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.3);\r\n    color: red;\r\n    cursor: pointer;\r\n  }\r\n  .image > img {\r\n    max-width: 100px;\r\n    max-height: 100px;\r\n  }\r\n  label {\r\n    margin-right: 10px;\r\n  }\r\n  select {\r\n    font-size: 1.2rem;\r\n    font-family: Verdana, Geneva, Tahoma, sans-serif;\r\n    border-color:rgba(0,0,0,0.1)\r\n  }\r\n  .options {\r\n    padding: 20px;\r\n  }\r\n  button {\r\n    margin-top: 5px;\r\n  }\r\n</style>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    images: Array,\r\n    allowDelete: Boolean\r\n  },\r\n  methods: {\r\n    imageClicked (name) {\r\n      this.$emit(\"image-clicked\", {name, insertType: this.insertType})\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./ImageList.vue?vue&type=template&id=7ea716b9&scoped=true\"\nimport script from \"./ImageList.vue?vue&type=script&lang=js\"\nexport * from \"./ImageList.vue?vue&type=script&lang=js\"\n\nimport \"./ImageList.vue?vue&type=style&index=0&id=7ea716b9&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-7ea716b9\"\n\nexport default script","<template>\r\n  <div>\r\n    <input type=\"file\" name=\"fileToUpload\" id=\"fileToUpload\" @change=\"FileChosen\">\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport Config from '@/config/index.js'\r\n\r\nexport default {\r\n  name: \"FileUpload\",\r\n  props: {\r\n    type: String\r\n  },\r\n  methods: {\r\n    async FileChosen(x) {\r\n      const reader = new FileReader();\r\n      reader.onload = () => {\r\n        let base64result = reader.result.split(',')[1];\r\n        let payload = {name: x.target.files[0].name, type: this.type, body: base64result};\r\n\r\n        let token = sessionStorage.getItem(\"tkn\");\r\n        axios\r\n        .post(\r\n            `${Config.baseAPIPath}/SaveFile`, \r\n            payload, \r\n            {headers : { 'Access-Control-Allow-Origin': '*', \"Authorization\": `Bearer ${token}` }})\r\n        .then(() => {\r\n            this.$emit('file-uploaded');\r\n          })\r\n      };\r\n      reader.readAsDataURL(x.target.files[0]);\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./FileUpload.vue?vue&type=template&id=7bb92ec8\"\nimport script from \"./FileUpload.vue?vue&type=script&lang=js\"\nexport * from \"./FileUpload.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import axios from \"axios\";\r\nimport Config from '@/config/index.js'\r\nimport store from '@/store'\r\nconst LoadImages = async () => {\r\n  const token = store.getters.token;\r\n\r\n  var result = await axios\r\n    .get(\r\n      `${Config.baseAPIPath}/ListImages`,\r\n      { headers: { \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${token}` } }\r\n    );\r\n  return result.data;\r\n}\r\n\r\nconst DeleteImage = async (name) => {\r\n  const token = store.getters.token;\r\n\r\n  var result = await axios\r\n  .post(\r\n    `${Config.baseAPIPath}/DeleteFile`,\r\n    {\"name\": name, \"type\": \"image\"},\r\n    { \r\n      headers: { \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${token}` },\r\n    }\r\n  );\r\n  return result.data;\r\n}\r\n\r\nexport default {\r\n  LoadImages,\r\n  DeleteImage\r\n}","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AdminBreadCrumb.vue?vue&type=style&index=0&id=40895eea&scoped=true&lang=css\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ImageList.vue?vue&type=style&index=0&id=7ea716b9&scoped=true&lang=css\""],"sourceRoot":""}