{"version":3,"sources":["webpack:///./src/components/ImageSelect/ImageSelectCategory.vue?d83c","webpack:///./src/components/ImageSelect/ImageSelectService.js","webpack:///./src/components/ImageSelect/ImageSelect.vue?a7ac","webpack:///./src/components/BulmaCarousel/index.js","webpack:///./src/components/ImageSelect/ImageSelect.vue","webpack:///./src/components/ImageSelect/ImageSelectCategory.vue","webpack:///src/components/ImageSelect/ImageSelectCategory.vue","webpack:///./src/components/ImageSelect/ImageSelectCategory.vue?2232","webpack:///./src/components/ImageSelect/ImageSelectCategory.vue?1beb","webpack:///src/components/ImageSelect/ImageSelect.vue","webpack:///./src/components/ImageSelect/ImageSelect.vue?b125","webpack:///./src/components/ImageSelect/ImageSelect.vue?abb1"],"names":["getImageIds","quoteId","url","FqApi","get","result","data","getImageThumbnail","id","size","responseType","image","Buffer","from","toString","headers","toLowerCase","getImageThumbnailWithInfo","imageContent","mimeType","getQuoteImageCategories","getImageIdsWithCategory","categoryId","BulmaCarouselModal","r","require","render","_vm","this","_c","_self","staticClass","displaySubQuoteImage","_v","_l","subQuoteNos","quote","key","directives","name","rawName","value","selectedQuotes","expression","attrs","domProps","Array","isArray","_i","on","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","_s","_e","imageCategories","category","quoteImageCategoryId","imagesWithInfo","orderIndex","quoteIds","maxSelected","isAudanet","subtitle","preSelect","updateImages","staticRenderFns","class","selectedCount","length","setSelectedStatusAll","_m","hasSelected","isLoadingImages","index","staticStyle","isSelected","$set","setSelectedStatus","quoteImageId","viewImage","isCarouselModalActive","imageIds","carouselStartIndex","closeCarousel","components","props","type","default","images","isLoading","categories","categoryOrderIndex","allImages","computed","selected","watch","newVal","oldVal","created","methods","getThumbnailWithInfo","ImageSelectService","thumbnail","getThumbnails","vm","noCategoryImages","combinedImages","img","i","event","imageId","getSelectedQuoteImages","applyPreSelect","component","ImageSelectCategory","showPrivate","selectedImages","subtitleText","filter","map","fileName","getImageCategories","idPromises","Promise","results","promises","item"],"mappings":"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","file":"static/js/imageselect-components-chunk.67628234.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelectCategory.vue?vue&type=style&index=0&id=50274fe2&prod&lang=scss&scoped=true\"","import FqApi from '@/services/fq-api'\n\nexport default {\n  async getImageIds(quoteId) {\n    const url = `/quotes/images/ids/${quoteId}`\n    const result = await FqApi.get(url)\n    return result.data\n  },\n  async getImageThumbnail(id, size) {\n    const url = `/quotes/images/thumbnail/${id}?size=${size}`\n    const result = await FqApi.get(url, { responseType: 'arraybuffer' })\n    const image = Buffer.from(result.data, 'binary').toString('base64')\n    return `data:${result.headers['content-type'].toLowerCase()};base64,${image}`\n  },\n  async getImageThumbnailWithInfo(id, size) {\n    const url = `/quotes/images/thumbnailinfo/${id}?size=${size}`\n    const result = await FqApi.get(url)\n    result.data.imageContent = `data:${result.data.mimeType};base64,${result.data.imageContent}`\n    return result.data\n  },\n  async getQuoteImageCategories() {\n    const url = '/quotes/images/categories/list'\n    return (await FqApi.get(url)).data\n  },\n  async getImageIdsWithCategory(quoteId,categoryId) {\n    const url = `/quotes/images/ids/${quoteId}/${categoryId}`\n    const result = await FqApi.get(url)\n    return result.data\n  }\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelect.vue?vue&type=style&index=0&id=47dc6f1e&prod&lang=scss&scoped=true\"","const BulmaCarousel = r => require.ensure([], () => r(require('./BulmaCarousel.vue')), 'shared')\nconst BulmaCarouselModal = r => require.ensure([], () => r(require('./BulmaCarouselModal.vue')), 'shared')\n\nexport { BulmaCarousel, BulmaCarouselModal }\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile is-ancestor is-parent\"},[_c('div',{staticClass:\"tile is-parent\"},[_c('article',{staticClass:\"tile is-child detail-page-tile\"},[(_vm.displaySubQuoteImage)?_c('div',[_c('h6',{staticClass:\"title is-6\"},[_vm._v(\"Add Image(s) From Additional\")]),_c('div',{staticClass:\"field\"},_vm._l((_vm.subQuoteNos),function(quote){return _c('span',{key:quote.key},[_c('div',{staticClass:\"pretty p-icon p-curve p-smooth p-bigger\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedQuotes),expression:\"selectedQuotes\"}],attrs:{\"id\":`quote${quote.key}`,\"type\":\"checkbox\",\"checked\":\"checked\"},domProps:{\"value\":quote,\"checked\":Array.isArray(_vm.selectedQuotes)?_vm._i(_vm.selectedQuotes,quote)>-1:(_vm.selectedQuotes)},on:{\"change\":function($event){var $$a=_vm.selectedQuotes,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=quote,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedQuotes=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedQuotes=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedQuotes=$$c}}}}),_c('div',{staticClass:\"state p-primary\"},[_c('i',{staticClass:\"icon mdi mdi-check\"}),_c('label',[_vm._v(_vm._s(quote.key === 0 ? 'Quote' : `Add ${quote.key}`))])])])])}),0)]):_vm._e(),_vm._l((_vm.imageCategories),function(category){return [_c('image-select-category',{key:category.quoteImageCategoryId,attrs:{\"categories\":_vm.imageCategories,\"quote-id\":_vm.quoteId,\"images\":_vm.imagesWithInfo,\"category\":category.name,\"category-id\":category.quoteImageCategoryId,\"category-order-index\":category.orderIndex,\"quote-ids\":_vm.quoteIds,\"max-selected\":_vm.maxSelected,\"is-audanet\":_vm.isAudanet,\"sub-title\":_vm.subtitle,\"pre-select\":_vm.preSelect},on:{\"update-images\":_vm.updateImages}})]})],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"tile\"},[_c('div',{staticClass:\"tile is-parent\"},[_c('article',{staticClass:\"tile is-child detail-page-tile\"},[_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"category-name is-size-4 has-text-weight-semibold\"},[_vm._v(_vm._s(_vm.category))]),_c('div',{staticClass:\"is-size-5\"},[_vm._v(_vm._s(_vm.subtitle)+\" \"),_c('span',{class:{ 'has-text-danger' : _vm.selectedCount > _vm.maxSelected }},[_vm._v(\"(\"+_vm._s(_vm.selectedCount)+\"/\"+_vm._s(_vm.imagesWithInfo.length)+\")\")])])]),_c('div',{staticClass:\"column is-narrow\"},[_c('div',{staticClass:\"buttons\"},[(_vm.imagesWithInfo.length > 0)?_c('a',{staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Select all\"},on:{\"click\":function($event){return _vm.setSelectedStatusAll(true)}}},[_vm._m(0)]):_vm._e(),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasSelected),expression:\"hasSelected\"}],staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Deselect all\"},on:{\"click\":function($event){return _vm.setSelectedStatusAll(false)}}},[_vm._m(1)])])])]),(_vm.isLoadingImages)?_c('div',{staticClass:\"columns is-multiline dragable-box\"},[_vm._m(2)]):(_vm.imagesWithInfo.length === 0)?_c('div',{staticClass:\"content has-text-grey is-multiline dragable-box\"},[_vm._m(3)]):_c('div',{staticClass:\"columns is-multiline dragable-box\"},_vm._l((_vm.imagesWithInfo),function(image,index){return _c('div',{key:index,staticClass:\"column is-narrow p-2\"},[(image.imageContent)?_c('div',{staticClass:\"card\",staticStyle:{\"box-shadow\":\"0 0 0 1px #d9d9d9\"}},[_c('header',{staticClass:\"card-header-line\"},[_c('div',{staticClass:\"card-header-title p-2 has-background-light\"},[_c('div',{staticClass:\"columns is-gapless\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"column\"},[_c('div',{staticClass:\"field\"},[_c('div',{staticClass:\"control\"},[_c('div',{staticClass:\"pretty p-icon p-curve p-smooth\",staticStyle:{\"font-size\":\"0.875rem\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(image.isSelected),expression:\"image.isSelected\"}],attrs:{\"id\":`chk-pretty-image1${index}`,\"name\":`chk-pretty-select-image${index}`,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(image.isSelected)?_vm._i(image.isSelected,null)>-1:(image.isSelected)},on:{\"change\":[function($event){var $$a=image.isSelected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(image, \"isSelected\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(image, \"isSelected\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(image, \"isSelected\", $$c)}},function($event){return _vm.setSelectedStatus($event, image.quoteImageId)}]}}),_vm._m(4,true)])])])])])])]),_c('div',{staticClass:\"card-image\"},[_c('a',{on:{\"click\":function($event){return _vm.viewImage(index)}}},[_c('figure',{staticClass:\"image is-96x96\"},[(image)?_c('img',{key:image.quoteImageId,staticClass:\"image is-96x96\",staticStyle:{\"object-fit\":\"cover\"},attrs:{\"src\":image.imageContent}}):_vm._e()])])])]):_vm._e()])}),0)])]),(_vm.isCarouselModalActive)?_c('bulma-carousel-modal',{attrs:{\"image-width\":800,\"image-height\":600,\"active\":_vm.isCarouselModalActive,\"image-ids\":_vm.imageIds,\"start-index\":_vm.carouselStartIndex},on:{\"update:active\":function($event){_vm.isCarouselModalActive=$event},\"close\":function($event){return _vm.closeCarousel()}}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-success\"},[_c('i',{staticClass:\"mdi mdi-select-all mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"icon has-text-grey\"},[_c('i',{staticClass:\"mdi mdi-select-off mdi-24px\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"is-loading-image-popup content has-text-grey has-text-centered\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"column is-one-fifth has-text-centered\"},[_c('span',{attrs:{\"icon\":\"icon is-large\"}},[_c('i',{staticClass:\"mdi mdi-48px mdi-emoticon-sad\"})]),_c('div',[_vm._v(\"No Images\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"state p-success\"},[_c('i',{staticClass:\"icon mdi mdi-check\"}),_c('label')])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"tile\">\r\n    <div class=\"tile is-parent\">\r\n      <article class=\"tile is-child detail-page-tile\">\r\n        <div class=\"columns\">\r\n          <div class=\"column\">\r\n            <div class=\"category-name is-size-4 has-text-weight-semibold\">{{ category }}</div>\r\n            <div class=\"is-size-5\">{{ subtitle }} <span :class=\"{ 'has-text-danger' : selectedCount > maxSelected }\">({{ selectedCount }}/{{ imagesWithInfo.length }})</span></div>\r\n          </div>\r\n          <div class=\"column is-narrow\">\r\n            <div class=\"buttons\">\r\n              <!-- <a class=\"button tooltip\"\r\n                @click=\"getThumbnails\"\r\n                data-tooltip=\"Refresh\">\r\n                <span class=\"icon\">\r\n                  <i class=\"mdi mdi-refresh mdi-24px\" />\r\n                </span>\r\n              </a> -->\r\n              <a class=\"button tooltip\"\r\n                v-if=\"imagesWithInfo.length > 0\"\r\n                @click=\"setSelectedStatusAll(true)\"\r\n                data-tooltip=\"Select all\">\r\n                <span class=\"icon has-text-success\">\r\n                  <i class=\"mdi mdi-select-all mdi-24px\" />\r\n                </span>\r\n              </a>\r\n              <a v-show=\"hasSelected\"\r\n                class=\"button tooltip\"\r\n                @click=\"setSelectedStatusAll(false)\"\r\n                data-tooltip=\"Deselect all\">\r\n                <span class=\"icon has-text-grey\">\r\n                  <i class=\"mdi mdi-select-off mdi-24px\" />\r\n                </span>\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"isLoadingImages\"\r\n          class=\"columns is-multiline dragable-box\">\r\n          <div class=\"section\">\r\n            <div class=\"is-loading-image-popup content has-text-grey has-text-centered\" />\r\n          </div>\r\n        </div>\r\n        <div v-else-if=\"imagesWithInfo.length === 0\"\r\n          class=\"content has-text-grey is-multiline dragable-box\">\r\n          <div class=\"column is-one-fifth has-text-centered\">\r\n            <span icon=\"icon is-large\">\r\n              <i class=\"mdi mdi-48px mdi-emoticon-sad\" />\r\n            </span>\r\n            <div>No Images</div>\r\n          </div>\r\n        </div>\r\n        <div v-else\r\n          class=\"columns is-multiline dragable-box\">\r\n          <div v-for=\"(image, index) in imagesWithInfo\"\r\n            :key=\"index\"\r\n            class=\"column is-narrow p-2\">\r\n            <div v-if=\"image.imageContent\"\r\n              class=\"card\"\r\n              style=\"box-shadow: 0 0 0 1px #d9d9d9\">\r\n              <header class=\"card-header-line\">\r\n                <!-- <p class=\"card-header-title\">\r\n                  Image title\r\n                </p> -->\r\n                <!-- <p class=\"card-header-title\"\r\n                  style=\"justify-content: flex-end\"> -->\r\n                <div class=\"card-header-title p-2 has-background-light\">\r\n                  <div class=\"columns is-gapless\"\r\n                    style=\"width: 100%\">\r\n                    <div class=\"column\">\r\n                      <div class=\"field\">\r\n                        <div class=\"control\">\r\n                          <div class=\"pretty p-icon p-curve p-smooth\"\r\n                            style=\"font-size: 0.875rem\">\r\n                            <input :id=\"`chk-pretty-image1${index}`\"\r\n                              :name=\"`chk-pretty-select-image${index}`\"\r\n                              v-model=\"image.isSelected\"\r\n                              @change=\"setSelectedStatus($event, image.quoteImageId)\"\r\n                              type=\"checkbox\">\r\n                            <div class=\"state p-success\">\r\n                              <i class=\"icon mdi mdi-check\" />\r\n                              <label />\r\n                            </div>\r\n                          </div>\r\n                          <!-- <input class=\"is-checkradio is-small is-success\"\r\n                            :class=\"{ 'has-background-color': image.isSelected }\"\r\n                            :id=\"`chk-image-select${index}`\"\r\n                            :name=\"`chk-image-select${index}`\"\r\n                            type=\"checkbox\"\r\n                            v-model=\"image.isSelected\">\r\n                          <label :for=\"`chk-image-select${index}`\"\r\n                            data-label-empty /> -->\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </header>\r\n              <div class=\"card-image\">\r\n                <a @click=\"viewImage(index)\">\r\n                  <figure class=\"image is-96x96\">\r\n                    <img v-if=\"image\"\r\n                      class=\"image is-96x96\"\r\n                      style=\"object-fit: cover\"\r\n                      :src=\"image.imageContent\"\r\n                      :key=\"image.quoteImageId\">\r\n                  </figure>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </article>\r\n    </div>\r\n    <bulma-carousel-modal v-if=\"isCarouselModalActive\"\r\n      :image-width=\"800\"\r\n      :image-height=\"600\"\r\n      :active.sync=\"isCarouselModalActive\"\r\n      :image-ids=\"imageIds\"\r\n      :start-index=\"carouselStartIndex\"\r\n      @close=\"closeCarousel()\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import _cloneDeep from 'lodash/cloneDeep'\r\nimport ImageSelectService from './ImageSelectService'\r\nimport { BulmaCarouselModal } from '@/components/BulmaCarousel'\r\n\r\nconst MaximumImages = 99\r\n\r\nexport default {\r\n  name: 'ImageSelectCategory',\r\n  components: {\r\n    BulmaCarouselModal\r\n  },\r\n  props: {\r\n    value: {\r\n      type: Array,\r\n      default: function () {\r\n        return []\r\n      }\r\n    },\r\n    images: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    quoteId: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    quoteIds: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      }\r\n    },\r\n    maxSelected: {\r\n      type: Number,\r\n      default: MaximumImages\r\n    },\r\n    subtitle: {\r\n      type: String,\r\n      default: 'Select images to attach'\r\n    },\r\n    isLoading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    isAudanet: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    category: {\r\n      type: String\r\n    },\r\n    categories: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    categoryId: {\r\n      type: String\r\n    },\r\n    categoryOrderIndex: {\r\n      type: Number\r\n    },\r\n    preSelect: {\r\n      type: String,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      size: 200,\r\n      imagesWithInfo: [],\r\n      imageIds: null,\r\n      isCarouselModalActive: false,\r\n      carouselStartIndex: 0,\r\n      isLoadingImages: false,\r\n      selectedQuotes: [],\r\n      allImages: []\r\n    }\r\n  },\r\n  computed: {\r\n    hasSelected() {\r\n      return this.imagesWithInfo.some((i) => i.isSelected)\r\n    },\r\n    selectedCount() {\r\n      return this.imagesWithInfo.reduce(function (total, item) {\r\n        return item.isSelected ? total + 1 : total\r\n      }, 0)\r\n    },\r\n    selected() {\r\n      if (this.imagesWithInfo) {\r\n        return this.imagesWithInfo.map(function (i) {\r\n          return i.isSelected\r\n        })\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    isLoadingImages(newVal, oldVal) {\r\n      this.$emit('update:loading-images', newVal)\r\n    },\r\n    images(value) {\r\n      this.getThumbnails()\r\n    },\r\n    imagesWithInfo(value) {\r\n      const imageIds = this.imagesWithInfo.map((i) => i.quoteImageId)\r\n      this.imageIds = imageIds\r\n    }\r\n  },\r\n  created() {\r\n    this.getThumbnails()\r\n    this.selectedQuotes = this.subQuoteNos\r\n  },\r\n  methods: {\r\n    async getThumbnailWithInfo(id, index) {\r\n      var thumbnail = await ImageSelectService.getImageThumbnailWithInfo(id, this.size)\r\n      return thumbnail\r\n    },\r\n    async getThumbnails() {\r\n      this.isLoadingImages = true\r\n      this.imagesWithInfo.splice(0, this.imagesWithInfo.length)\r\n      const vm = this\r\n      //this.imageIds = await QuoteService.getImageIdsWithCategory(this.quoteId, this.categoryId)\r\n      if (this.images) {\r\n        const images = this.images.filter((i) => i.imageCategoryId == this.categoryId).sort((a, b) => a.orderIndex - b.orderIndex)\r\n        const noCategoryImages = this.categoryOrderIndex === 0 ? this.images.filter((i) => !i.imageCategoryId) : []\r\n        const combinedImages = images.concat(noCategoryImages).sort((a, b) => a.orderIndex - b.orderIndex)\r\n        combinedImages.forEach((img, index) => {\r\n          img.orderIndex = index\r\n        })\r\n        this.imagesWithInfo = combinedImages\r\n      }\r\n      this.imagesWithInfo.forEach(function (i) {\r\n        const index = vm.images.findIndex((element) => i.quoteImageId === element.quoteImageId)\r\n        const selected = vm.images[index].isSelected\r\n        i.isSelected = selected\r\n      })\r\n      this.isLoadingImages = false\r\n      this.areThumbnailsLoaded = true\r\n      this.applyPreSelect()\r\n    },\r\n    setSelectedStatusAll(selected) {\r\n      this.imagesWithInfo.forEach((i) => (i.isSelected = selected))\r\n      this.imagesWithInfo.forEach((element) => {\r\n        const index = this.images.findIndex((i) => i.quoteImageId === element.quoteImageId)\r\n        this.images[index].isSelected = selected\r\n      })\r\n      //this.$emit('update-images', this.images)\r\n    },\r\n    setSelectedStatus(event, imageId) {\r\n      const selected = event.target.checked\r\n      const index = this.imagesWithInfo.findIndex((i) => i.quoteImageId === imageId)\r\n      this.imagesWithInfo[index].isSelected = selected\r\n      const index1 = this.images.findIndex((i) => i.quoteImageId === imageId)\r\n      this.images[index1].isSelected = selected\r\n      //this.$emit('update-images', this.images)\r\n    },\r\n    async viewImage(index) {\r\n      this.$showSpinner()\r\n      this.carouselStartIndex = index\r\n      this.isCarouselModalActive = true\r\n      this.$hideSpinner()\r\n    },\r\n    closeCarousel() {\r\n      this.isCarouselModalActive = false\r\n    },\r\n    getSelectedQuoteImages() {\r\n      if (this.allImages.length !== 0) {\r\n        const selectedQuoteImages = []\r\n        for (var key in this.selectedQuotes) {\r\n          for (let i = 0; i < this.allImages.length; i++) {\r\n            const currentImage = this.allImages[i]\r\n            if (currentImage.quoteId === this.selectedQuotes[key].value) selectedQuoteImages.push(this.allImages[i])\r\n          }\r\n        }\r\n        this.imagesWithInfo = selectedQuoteImages\r\n        this.setSelectedStatusAll(true)\r\n      }\r\n    },\r\n    applyPreSelect() {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-header-title {\r\n  padding: 0.25rem 0.25rem 0.25rem 0.5rem !important;\r\n}\r\n\r\n.is-multiline.dragable-box {\r\n  min-height: 3em;\r\n  border: dashed 2px #e3e2e2;\r\n  border-radius: 2px;\r\n  margin-left: 2px;\r\n  margin-right: 3px;\r\n  background-color: #fafafa;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelectCategory.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelectCategory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageSelectCategory.vue?vue&type=template&id=50274fe2&scoped=true\"\nimport script from \"./ImageSelectCategory.vue?vue&type=script&lang=js\"\nexport * from \"./ImageSelectCategory.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageSelectCategory.vue?vue&type=style&index=0&id=50274fe2&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"50274fe2\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"tile is-ancestor is-parent\">\r\n    <div class=\"tile is-parent\">\r\n      <article class=\"tile is-child detail-page-tile\">\r\n        <div v-if=\"displaySubQuoteImage\">\r\n          <h6 class=\"title is-6\">Add Image(s) From Additional</h6>\r\n          <div class=\"field\">\r\n            <span v-for=\"quote in subQuoteNos\"\r\n              :key=\"quote.key\">\r\n              <div class=\"pretty p-icon p-curve p-smooth p-bigger\">\r\n                <input :id=\"`quote${quote.key}`\"\r\n                  type=\"checkbox\"\r\n                  :value=\"quote\"\r\n                  v-model=\"selectedQuotes\"\r\n                  checked=\"checked\">\r\n                <div class=\"state p-primary\">\r\n                  <i class=\"icon mdi mdi-check\" />\r\n                  <label>{{ quote.key === 0 ? 'Quote' : `Add ${quote.key}` }}</label>\r\n                </div>\r\n              </div>\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <template v-for=\"category in imageCategories\">\r\n          <image-select-category :categories=\"imageCategories\"\r\n            :quote-id=\"quoteId\"\r\n            :key=\"category.quoteImageCategoryId\"\r\n            :images=\"imagesWithInfo\"\r\n            :category=\"category.name\"\r\n            :category-id=\"category.quoteImageCategoryId\"\r\n            :category-order-index=\"category.orderIndex\"\r\n            :quote-ids=\"quoteIds\"\r\n            :max-selected=\"maxSelected\"\r\n            :is-audanet=\"isAudanet\"\r\n            :sub-title=\"subtitle\"\r\n            :pre-select=\"preSelect\"\r\n            @update-images=\"updateImages\" />\r\n        </template>\r\n      </article>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _cloneDeep from 'lodash/cloneDeep'\r\nimport ImageSelectService from './ImageSelectService'\r\nimport ImageSelectCategory from './ImageSelectCategory.vue'\r\n\r\nconst MaximumImages = 99\r\n\r\nexport default {\r\n  name: 'ImageSelect',\r\n  components: {\r\n    ImageSelectCategory\r\n  },\r\n  props: {\r\n    value: {\r\n      type: Array,\r\n      default: function () {\r\n        return []\r\n      }\r\n    },\r\n    quoteId: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    quoteIds: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      }\r\n    },\r\n    maxSelected: {\r\n      type: Number,\r\n      default: MaximumImages\r\n    },\r\n    subtitle: {\r\n      type: String,\r\n      default: 'Select images to attach'\r\n    },\r\n    isLoading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    isAudanet: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    subQuoteNos: {\r\n      type: Array,\r\n      default: function () {\r\n        return []\r\n      }\r\n    },\r\n    showPrivate: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    preSelect: {\r\n      type: String,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      size: 200,\r\n      imagesWithInfo: [],\r\n      imageIds: null,\r\n      isLoadingImages: false,\r\n      selectedImages: [],\r\n      selectedQuotes: [],\r\n      allImages: [],\r\n      imageCategories: null\r\n    }\r\n  },\r\n  computed: {\r\n    hasSelected() {\r\n      return this.imagesWithInfo.some((i) => i.isSelected)\r\n    },\r\n    selectedCount() {\r\n      return this.imagesWithInfo.reduce(function (total, item) {\r\n        return item.isSelected ? total + 1 : total\r\n      }, 0)\r\n    },\r\n    subtitleText() {\r\n      if (this.maxSelected < MaximumImages) {\r\n        if (this.subtitle.includes('<max>')) {\r\n          return `${this.subtitle.replace('<max>', `${this.maxSelected}`)}`\r\n        } else {\r\n          return `${this.subtitle} (${this.maxSelected} images)`\r\n        }\r\n      } else {\r\n        return this.subtitle\r\n      }\r\n    },\r\n    selected() {\r\n      if (this.imagesWithInfo) {\r\n        return this.imagesWithInfo.map(function (i) {\r\n          return i.isSelected\r\n        })\r\n      }\r\n    },\r\n    displaySubQuoteImage() {\r\n      return this.subQuoteNos.length > 1 ? true : false\r\n    }\r\n  },\r\n  watch: {\r\n    selected(newVal, oldVal) {\r\n      if (this.imagesWithInfo) {\r\n        const selectedImages = this.imagesWithInfo\r\n          .filter((i) => i.isSelected)\r\n          .map(function (i) {\r\n            return {\r\n              quoteImageId: i.quoteImageId,\r\n              fileName: i.fileName\r\n            }\r\n          })\r\n        this.$emit('input', selectedImages)\r\n      }\r\n    },\r\n    isLoadingImages(newVal, oldVal) {\r\n      this.$emit('update:loading-images', newVal)\r\n    },\r\n    selectedQuotes: function (newVal, oldVal) {\r\n      if (this.displaySubQuoteImage) this.getSelectedQuoteImages()\r\n    }\r\n  },\r\n  created() {\r\n    this.selectedImages = this.value\r\n    this.getThumbnails()\r\n    this.selectedQuotes = this.subQuoteNos\r\n    this.getImageCategories()\r\n  },\r\n  methods: {\r\n    // async getThumbnail(id, index) {\r\n    //   var thumbnail = await ImageSelectService.getImageThumbnail(id, this.size)\r\n    //   this.images.splice(index, 1, thumbnail)\r\n    // },\r\n    async getImageCategories() {\r\n      this.imageCategories = await ImageSelectService.getQuoteImageCategories()\r\n      if (!this.showPrivate) this.imageCategories = this.imageCategories.filter((o) => !o.isPrivate)\r\n    },\r\n    async getThumbnailWithInfo(id, index) {\r\n      var thumbnail = await ImageSelectService.getImageThumbnailWithInfo(id, this.size)\r\n      return thumbnail\r\n    },\r\n    async getThumbnails() {\r\n      this.isLoadingImages = true\r\n      const vm = this\r\n      if (this.quoteIds.length === 0) {\r\n        this.imageIds = await ImageSelectService.getImageIds(this.quoteId)\r\n      } else {\r\n        this.imageIds = []\r\n        const idPromises = this.quoteIds.map(function (id) {\r\n          return ImageSelectService.getImageIds(id)\r\n        })\r\n        const results = await Promise.all(idPromises)\r\n        this.imageIds = [].concat.apply([], results)\r\n      }\r\n      const promises = this.imageIds.map(function (id, index) {\r\n        // vm.getThumbnail(id, index)\r\n        return vm.getThumbnailWithInfo(id, index)\r\n      })\r\n      this.imagesWithInfo = await Promise.all(promises)\r\n\r\n      this.allImages = this.imagesWithInfo\r\n\r\n      this.imagesWithInfo.forEach(function (i) {\r\n        if (vm.selectedImages.some((s) => s === i.quoteImageId)) {\r\n          i.isSelected = true\r\n        }\r\n        if (vm.isAudanet) {\r\n          i.isSelected = i.isSelected || i.referenceId === ''\r\n        }\r\n      })\r\n      this.isLoadingImages = false\r\n      if (this.preSelect === 'NotSent') {\r\n        this.imagesWithInfo.forEach(item => {\r\n          if (item.statusId === 1) {\r\n            item.isSelected = true\r\n          }\r\n        })\r\n      }\r\n    },\r\n    setSelectedStatusAll(selected) {\r\n      this.imagesWithInfo.forEach((i) => (i.isSelected = selected))\r\n    },\r\n    getSelectedQuoteImages() {\r\n      if (this.allImages.length !== 0) {\r\n        const selectedQuoteImages = []\r\n        for (var key in this.selectedQuotes) {\r\n          for (let i = 0; i < this.allImages.length; i++) {\r\n            const currentImage = this.allImages[i]\r\n            if (currentImage.quoteId === this.selectedQuotes[key].value) selectedQuoteImages.push(this.allImages[i])\r\n          }\r\n        }\r\n        this.imagesWithInfo = selectedQuoteImages\r\n        this.setSelectedStatusAll(true)\r\n      }\r\n    },\r\n    updateImages(images) {\r\n      this.imagesWithInfo = _cloneDeep(images)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.card-header-title {\r\n  padding: 0.25rem 0.25rem 0.25rem 0.5rem !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelect.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImageSelect.vue?vue&type=template&id=47dc6f1e&scoped=true\"\nimport script from \"./ImageSelect.vue?vue&type=script&lang=js\"\nexport * from \"./ImageSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./ImageSelect.vue?vue&type=style&index=0&id=47dc6f1e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"47dc6f1e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}