{"version":3,"sources":["webpack:///./src/views/Admin/Article.vue","webpack:///./src/config/editor.js","webpack:///./src/views/Admin/Article.vue?1747","webpack:///./src/views/Admin/Article.vue?08af","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/components/Modal.vue?e5a4","webpack:///./src/services/ArticleService.js","webpack:///./src/components/Modal.vue","webpack:///./src/components/Modal.vue?9db4","webpack:///./src/services/ImageService.js","webpack:///./node_modules/core-js/modules/es.array.concat.js","webpack:///./src/components/Admin/AdminBreadCrumb.vue?6dd7","webpack:///./src/components/ImageList.vue?ed58"],"names":["class","name","to","html","id","viewImages","displayMessage","message","SaveArticle","open","header","body","type","ImageLoaded","images","length","InsertImage","editorTemplates","title","description","content","contentStyle","plugins","toolbar","content_css","font_formats","components","PageContent","SubHeading","ImageList","FileUpload","Modal","AdminBreadCrumb","data","editor","created","mounted","$route","params","loadHtml","LoadImages","setTimeout","editorScript","document","createElement","setAttribute","async","referrerpolicy","onload","window","tinymce","init","selector","templates","content_style","head","appendChild","methods","ArticleService","getArticle","activeEditor","getContent","saveArticle","ImageService","value","this","insertHTML","execCommand","alert","render","__scopeId","href","rel","script","image","key","imageClicked","src","alt","allowDelete","$emit","props","Array","Boolean","insertType","FileChosen","String","x","reader","FileReader","base64result","result","split","payload","target","files","token","sessionStorage","getItem","a","post","baseAPIPath","headers","then","readAsDataURL","getArticles","store","getters","axios","get","Config","articles","deleteArticle","close","tabindex","ref","default","emits","setup","_","context","wrapper","emit","focus","DeleteImage","$","fails","isArray","isObject","toObject","toLength","createProperty","arraySpeciesCreate","arrayMethodHasSpeciesSupport","wellKnownSymbol","V8_VERSION","IS_CONCAT_SPREADABLE","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_INDEX_EXCEEDED","IS_CONCAT_SPREADABLE_SUPPORT","array","concat","SPECIES_SUPPORT","isConcatSpreadable","O","spreadable","undefined","FORCED","proto","forced","arg","i","k","len","E","A","n","arguments","TypeError"],"mappings":"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","file":"js/chunk-0239e17e.08785d88.js","sourcesContent":["<template>\r\n  <PageContent v-if=\"name\">\r\n    <div class=\"form\">\r\n      <SubHeading>Edit: {{name}}</SubHeading>\r\n      <div class=\"links\">\r\n        <div>\r\n          <router-link :to=\"{ name: 'Articles' }\">Back to Articles...</router-link>\r\n        </div>\r\n        <AdminBreadCrumb />\r\n      </div>\r\n      <br>\r\n      <textarea v-html=\"html\" id=\"editor\"></textarea>\r\n\r\n      <div class=\"buttonRow\">\r\n        <button @click=\"viewImages = !viewImages\">Insert Image</button>\r\n        <div class=\"f1\"></div>\r\n        <div class=\"hidden success\" :class=\"{not: displayMessage}\">{{message}}</div>\r\n        <button @click=\"SaveArticle\">Save</button>\r\n      </div>\r\n\r\n      <Modal :open=\"viewImages\" @close=\"viewImages = !viewImages\">\r\n        <template #header>Image Management</template>\r\n        <template #body> \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 :images=\"images\" @image-clicked=\"InsertImage\" v-if=\"images.length\" ></ImageList>\r\n        </template>\r\n      </Modal>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<style scoped>\r\n  .form {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .links {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n  .hidden {\r\n    opacity: 0;\r\n    transition: opacity 1s;\r\n    margin-top: 20px;\r\n  }\r\n  .hidden.not {\r\n    opacity: 1;\r\n  }\r\n  .success {\r\n    color: darkgreen;\r\n  }\r\n  button {\r\n    font-size: 1.6rem;\r\n    color: white;\r\n    background-color:darkgreen;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    margin-top: 10px;\r\n    transition: background-color 1s;\r\n    margin-left: 5px;\r\n  }\r\n  button:focus {\r\n    outline:0;\r\n  }\r\n  button:hover {\r\n    background-color: green;\r\n  }\r\n  .buttonRow {\r\n    display: flex;\r\n    align-content: flex-end;\r\n  }\r\n  .fileUpload {\r\n    display: flex;\r\n    padding: 20px;\r\n    background-color: aliceblue;\r\n    border-radius: 20px;\r\n    margin-top: 10px;\r\n    justify-content: center;\r\n  }\r\n  .fileUpload span {\r\n    margin-right: 20px;\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\nimport Modal from \"@/components/Modal\";\r\n\r\nimport ImageService from \"@/services/ImageService\";\r\nimport ArticleService from \"@/services/ArticleService\";\r\n\r\nimport EdConfig from '@/config/editor.js'\r\n\r\nexport default {\r\n  name: \"Article\",\r\n  components: {\r\n    PageContent,\r\n    SubHeading,\r\n    ImageList,\r\n    FileUpload,\r\n    Modal,\r\n    AdminBreadCrumb\r\n  },\r\n  data() {\r\n    return {\r\n      html: \"Content Loading...\",\r\n      name: \"\",\r\n      editor: null,\r\n      displayMessage: false,\r\n      message: \"\",\r\n      images: [],\r\n      viewImages: false\r\n    };\r\n  },\r\n  created() {},\r\n  async mounted() {\r\n    this.name = this.$route.params.name;\r\n    this.loadHtml();\r\n    await this.LoadImages();\r\n    setTimeout(() => {\r\n      let editorScript = document.createElement('script')\r\n      editorScript.setAttribute('src', 'https://cdn.tiny.cloud/1/hs0rm2z4y8deq9ag63nazjwwbewmi6i3divj3ksn8k7kzhiv/tinymce/5/tinymce.min.js')\r\n      editorScript.async = true;\r\n      editorScript.referrerpolicy=\"origin\";\r\n      editorScript.onload = () => {\r\n        window.tinymce.init({\r\n          selector: 'textarea#editor',\r\n          plugins: EdConfig.plugins,\r\n          toolbar: EdConfig.toolbar,\r\n          content_css: EdConfig.content_css,\r\n          font_formats: EdConfig.font_formats,\r\n          templates: EdConfig.editorTemplates,\r\n          content_style: EdConfig.contentStyle\r\n        });\r\n      }\r\n      document.head.appendChild(editorScript)\r\n    }, 1000);\r\n  },\r\n  methods: {\r\n    async loadHtml() {\r\n      this.html = await ArticleService.getArticle(this.name);\r\n    },\r\n    async SaveArticle() {\r\n      let content = window.tinymce.activeEditor.getContent();\r\n      this.message = \"Saved\";\r\n      this.displayMessage = true;\r\n      await ArticleService.saveArticle(this.name, content);\r\n      setTimeout(() => {this.displayMessage = false;}, 2000);\r\n    },\r\n\r\n    async LoadImages() {\r\n      this.images = await ImageService.LoadImages()\r\n    },\r\n    InsertImage(value) {\r\n      this.insertHTML(`<img src=\"/images/${value.name}\" alt=\"${value.name}\"/>`);\r\n      this.viewImages = false;\r\n    },\r\n    insertHTML(html) {\r\n      window.tinymce.activeEditor.execCommand('mceInsertContent', false, html);\r\n    },\r\n    async ImageLoaded() {\r\n      await this.LoadImages();\r\n      alert(\"Image Uploaded\");\r\n    }\r\n  }\r\n};\r\n</script>\r\n","const editorTemplates = [\r\n  {\r\n    title: \"1 to 2 Ratio Columns with Mobile Response < 750px\",\r\n    description: \"Use Shift-Enter for new lines within the Columns, Enter by itself will create a new Column\",\r\n    content: `<style>\r\n    .f-cont { display: flex;}\r\n    .f1 {flex: 1}\r\n    .f2 {flex: 2}\r\n    div {border: 1px dashed rgba(0,0,0,0.1);}\r\n    </style>\r\n    <div class=\"f-cont\">\r\n      <div class=\"f1\">LEFT...</div>\r\n      <div class=\"f2\">...RIGHT</div>\r\n    </div>`\r\n  },\r\n  {\r\n    title: \"2 to 1 Ratio Columns with Mobile Response < 750px\",\r\n    description: \"Use Shift-Enter for new lines within the Columns, Enter by itself will create a new Column\",\r\n    content: `<style>\r\n    .f-cont { display: flex;}\r\n    .f1 {flex: 1}\r\n    .f2 {flex: 2}\r\n    div {border: 1px dashed rgba(0,0,0,0.1);}\r\n    </style>\r\n    <div class=\"f-cont\">\r\n      <div class=\"f2\">LEFT...</div>\r\n      <div class=\"f1\">...RIGHT</div>\r\n    </div>`\r\n  },\r\n  {\r\n    title: \"3 Columns with Mobile Response < 750px\",\r\n    description: \"Use Shift-Enter for new lines within the Columns, Enter by itself will create a new Column\",\r\n    content: `<style>\r\n    .f-cont { display: flex;}\r\n    .f1 {flex: 1}\r\n    .f2 {flex: 2}\r\n    div {border: 1px dashed rgba(0,0,0,0.1);}\r\n    </style>\r\n    <div class=\"f-cont\">\r\n      <div class=\"f1\">LEFT...</div>\r\n      <div class=\"f1\">...Middle...</div>\r\n      <div class=\"f1\">...RIGHT</div>\r\n    </div>`\r\n  }\r\n]\r\nconst contentStyle = `p,div,span,a { font-family: \"Open Sans\"; }\r\n.f-cont { display: flex;}\r\n.f1 {flex: 1}\r\n.f2 {flex: 2}\r\ndiv {border: 1px dashed rgba(0,0,0,0.1);}\r\n`\r\nconst plugins = 'link lists image table template code';\r\nconst toolbar = 'styleselect | link image forecolor backcolor bold | alignleft aligncenter alignright alignjustify | template table | numlist bullist';\r\nconst content_css = ['https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'];\r\nconst font_formats = 'Open Sans=Open Sans';\r\n\r\nexport default {\r\n  editorTemplates,\r\n  contentStyle,\r\n  plugins,\r\n  toolbar,\r\n  content_css,\r\n  font_formats\r\n}\r\n\r\n","import { render } from \"./Article.vue?vue&type=template&id=577e2c94&scoped=true\"\nimport script from \"./Article.vue?vue&type=script&lang=js\"\nexport * from \"./Article.vue?vue&type=script&lang=js\"\n\nimport \"./Article.vue?vue&type=style&index=0&id=577e2c94&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-577e2c94\"\n\nexport default script","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!./Article.vue?vue&type=style&index=0&id=577e2c94&scoped=true&lang=css\"","<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","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!./Modal.vue?vue&type=style&index=0&id=8f3dd694&scoped=true&lang=css\"","import axios from \"axios\";\r\nimport Config from '@/config/index.js'\r\n\r\nimport store from '@/store'\r\n\r\nconst getArticles = async () => {\r\n  let token = store.getters.token;\r\n  const articles = (await axios.get(`${Config.baseAPIPath}/ListArticles`,\r\n    { headers: { \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${token}` } }\r\n  )).data;\r\n\r\n  return articles;\r\n}\r\n\r\nconst saveArticle = async (name, content) => {\r\n  let token = store.getters.token;\r\n\r\n  await axios.post(`${Config.baseAPIPath}/SaveArticle`,\r\n      { name, body: content },\r\n      { headers: { \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${token}` } }\r\n    );\r\n}\r\n\r\nconst getArticle = async (name) => {\r\n  const html = (await axios.get(`/articles/${name}.html`)).data;\r\n  return html;\r\n}\r\nconst deleteArticle = async (name) => {\r\n  let token = store.getters.token;\r\n\r\n  await axios.post(`${Config.baseAPIPath}/DeleteArticle`,\r\n    { name },\r\n    { headers: { \"Access-Control-Allow-Origin\": \"*\", \"Authorization\": `Bearer ${token}` } }\r\n  );\r\n}\r\n\r\nexport default {\r\n  getArticles,\r\n  saveArticle,\r\n  getArticle,\r\n  deleteArticle\r\n}","<template>\r\n  <transition name=\"mask\">\r\n  <div \r\n    class=\"mask\" \r\n    v-if=\"open\"\r\n    @keyup.esc=\"close\"\r\n    >\r\n  </div>\r\n  </transition>\r\n  <transition name=\"modal\">\r\n    <div class=\"wrapper\" \r\n      v-if=\"open\"\r\n        @click=\"close\" \r\n        @keyup.esc=\"close\"\r\n        tabindex=\"0\"\r\n        ref=\"wrapper\"\r\n      >\r\n      <PageContent>\r\n        <div class=\"container\" @click.stop>\r\n          <div class=\"header\" @click.stop>\r\n            <SubHeading>\r\n              <slot name=\"header\"></slot>\r\n            </SubHeading>\r\n          </div>\r\n          <div class=\"body\" @click.stop>\r\n            <slot name=\"body\"></slot>\r\n          </div>\r\n          <div class=\"footer\" @click.stop>\r\n            <slot name=\"footer\"></slot>\r\n            <button class=\"close\" @click.stop=\"close\">Close</button>\r\n          </div>\r\n        </div>\r\n      </PageContent>\r\n    </div>\r\n  </transition>\r\n  \r\n</template>\r\n\r\n<style scoped>\r\n  .mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(0,0,0,0.3);\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 999;\r\n  }\r\n  .wrapper {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    z-index: 1000;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n  }\r\n  .container {\r\n    background-color: white;\r\n    padding: 40px;\r\n    margin-top: auto;\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.9);\r\n    border-radius: 20px;\r\n  }\r\n  .header {\r\n    margin-bottom: -25px;\r\n    margin-top: -15px;\r\n  }\r\n  .body {\r\n    max-height: calc(100vh - 200px);\r\n    overflow-y: auto;\r\n  }\r\n  .footer {\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n  .close {\r\n    margin-top: 10px;\r\n    font-size: 1.3rem;\r\n    background-color: darkred;\r\n    color: white;\r\n    border: 1px solid grey;\r\n    padding: 5px 20px;\r\n    border-radius: 15px;\r\n    cursor: pointer;\r\n  }\r\n  .close:focus {\r\n    outline: none;\r\n  }\r\n\r\n  .modal-enter-active { animation: modalBounce 0.1s ease-in forwards; }\r\n  .modal-leave-active { animation: modalBounce 0.1s ease-out reverse; }\r\n\r\n  .mask-enter-active { animation: maskShow 0.3s ease-in forwards; }\r\n  .mask-leave-active { animation: maskShow 0.3s ease-out reverse; }\r\n\r\n  @keyframes modalBounce {\r\n    0% { opacity: 0; transform: translateY(-150px); }\r\n    70% { opacity: 0.7; transform: translateY(10px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes maskShow {\r\n    from { opacity: 0;}\r\n    to { opacity: 1;}\r\n  }\r\n\r\n</style>\r\n\r\n<script>\r\nimport {ref, watch} from 'vue';\r\nimport PageContent from './PageContent'\r\nimport SubHeading from './SubHeading'\r\nexport default {\r\n  name: \"Modal\",\r\n  components: {\r\n    PageContent,\r\n    SubHeading\r\n  },\r\n  props: {\r\n    open: { type: Boolean, default: false}\r\n  },\r\n  emits: ['close'],\r\n  setup(_, context) {\r\n    const wrapper = ref(null);\r\n    function close() {\r\n      context.emit('close');\r\n    }\r\n    watch(wrapper, () => {\r\n      if (wrapper.value) {\r\n        wrapper.value.focus();\r\n      }\r\n    })\r\n    return { close, wrapper }\r\n  }\r\n}\r\n</script>","import { render } from \"./Modal.vue?vue&type=template&id=8f3dd694&scoped=true\"\nimport script from \"./Modal.vue?vue&type=script&lang=js\"\nexport * from \"./Modal.vue?vue&type=script&lang=js\"\n\nimport \"./Modal.vue?vue&type=style&index=0&id=8f3dd694&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-8f3dd694\"\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}","'use strict';\nvar $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar isArray = require('../internals/is-array');\nvar isObject = require('../internals/is-object');\nvar toObject = require('../internals/to-object');\nvar toLength = require('../internals/to-length');\nvar createProperty = require('../internals/create-property');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar V8_VERSION = require('../internals/engine-v8-version');\n\nvar IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';\n\n// We can't use this feature detection in V8 since it causes\n// deoptimization and serious performance degradation\n// https://github.com/zloirock/core-js/issues/679\nvar IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {\n  var array = [];\n  array[IS_CONCAT_SPREADABLE] = false;\n  return array.concat()[0] !== array;\n});\n\nvar SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');\n\nvar isConcatSpreadable = function (O) {\n  if (!isObject(O)) return false;\n  var spreadable = O[IS_CONCAT_SPREADABLE];\n  return spreadable !== undefined ? !!spreadable : isArray(O);\n};\n\nvar FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;\n\n// `Array.prototype.concat` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.concat\n// with adding support of @@isConcatSpreadable and @@species\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  concat: function concat(arg) { // eslint-disable-line no-unused-vars\n    var O = toObject(this);\n    var A = arraySpeciesCreate(O, 0);\n    var n = 0;\n    var i, k, length, len, E;\n    for (i = -1, length = arguments.length; i < length; i++) {\n      E = i === -1 ? O : arguments[i];\n      if (isConcatSpreadable(E)) {\n        len = toLength(E.length);\n        if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);\n      } else {\n        if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);\n        createProperty(A, n++, E);\n      }\n    }\n    A.length = n;\n    return A;\n  }\n});\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":""}