{"version":3,"sources":["webpack:///./src/components/CollectionOfUser.vue?dd9e","webpack:///src/components/CollectionOfUser.vue","webpack:///./src/components/CollectionOfUser.vue?2d3b","webpack:///./src/components/CollectionOfUser.vue","webpack:///./src/components/catalog/CatalogThumb.vue?a360","webpack:///./src/components/CollectionOfUser.vue?9eac","webpack:///./src/components/catalog/CatalogThumb.vue?7656","webpack:///src/components/catalog/CatalogThumb.vue","webpack:///./src/components/catalog/CatalogThumb.vue?7e23","webpack:///./src/components/catalog/CatalogThumb.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","localize","key","_e","loadingData","_l","colData","item","product","PRO_ID","attrs","CatalogNo","big","staticRenderFns","data","components","methods","mounted","vm","ColID","$route","query","id","ColAuid","auid","readCollectionItems","watch","computed","component","class","showActionsOnDevices","style","domProps","ShortName","specsItem","props","created","thumbURL","addingFav","hasBeenFaved","removingFav","favTransform","btnClickDisabler","inSwipeScroll","toggleActionsForDevices","e","type","$set","isTouchDevice","setTimeout","parsePlatform","platform","indexOf","label","asyncComputed","previewImageStyle","resolve","imageStyle","url","isIOSDevice","test","window","navigator"],"mappings":"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","file":"js/chunk-4603cc08.9bf8bef0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page\"},[_c('div',{staticClass:\"collection px-2xl pt-xl container\"},[_c('h3',[_vm._v(_vm._s(_vm.localize('Shared products')))]),_c('div',{staticClass:\"products\"},[(_vm.loadingData)?_c('preloader',{key:\"preloader\",staticClass:\"products_loader\"}):_vm._e(),(!_vm.loadingData)?_vm._l((_vm.colData.items),function(item){return _c('div',{key:item.product.PRO_ID,staticClass:\"item\"},[_c('router-link',{staticClass:\"item\",attrs:{\"target\":\"_blank\",\"title\":item.product.CatalogNo,\"to\":(\"/product/\" + (item.product.CatalogNo))}},[_c('catalog-thumb',{attrs:{\"item\":item.product,\"size\":_vm.big}})],1)],1)}):_vm._e()],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- @mouseleave=\"isMouseOver=false\" @mouseenter=\"isMouseOver=true\"-->\n<template>\n    <!-- CollectionOfUser -->\n    <div class=\"page\">\n    <div class=\"collection px-2xl pt-xl container\">\n\n        <!-- PRODUCTS GRID {{colData.collection.col_name}}-->\n        <h3>{{localize('Shared products')}}</h3>\n        <div class=\"products\">\n            <preloader key=\"preloader\" v-if=\"loadingData\" class=\"products_loader\" />\n\n            <template v-if=\"!loadingData\">\n                <div v-for=\"item in colData.items\" class=\"item\" :key=\"item.product.PRO_ID\">                    \n                    <router-link class=\"item\"                    \n                        target=\"_blank\"\n                        :title=\"item.product.CatalogNo\"                    \n                        :to=\"`/product/${item.product.CatalogNo}`\">  \n                        <!-- todo add to .item-preview: margin-bottom: 5em; -->\n                        <catalog-thumb :item=\"item.product\" :size=\"big\"></catalog-thumb>\n                    </router-link>\n                </div>\n            </template>\n        </div>\n\n    </div>\n    </div>\n</template>\n\n<script>\nimport { mapState, mapActions, mapGetters } from \"vuex\";\nimport CatalogThumb from \"@/components/catalog/CatalogThumb.vue\";\nexport default {\n  data() {\n    return {\n        loadingData:false,\n        colData:null,\n        col:-1\n    };\n  },\n  components: {CatalogThumb},\n  methods: {\n      ...mapActions([\"setItemToCollect\",\"setCollectionsList\"]),\n        readCollectionItems(CollectionID,AUID)\n        {        \n            var vm=this;\n            vm.loadingData=true;    \n            var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+AUID+\"&CollectionID=\"+CollectionID+\"&ln=\"+vm.locale.ln;\n            fetch(apiURL,{method: 'GET',mode: 'cors',cache: 'no-cache',headers: {'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'}})\n            .then(function(response){return response.json();})\n            .then(function(response)\n            {\n                vm.colData = response;\n                vm.loadingData=false;\n            });         \n        },      \n  },\n  mounted()\n  {\n    var vm=this;            \n    var ColID = this.$route.query.id;\n    var ColAuid = this.$route.query.auid;\n    vm.readCollectionItems(ColID,ColAuid);\n  },\n  watch:\n  {\n  },\n  computed: \n  {\n    ...mapState([\"collections\", \"auid\",\"locale\"]),\n  }\n};\n</script>\n\n<style scoped>\n    .page\n    {\n        margin-top: 55px;\n    }\n    .collection\n    {\n        clear: both;\n        width: 100%;\n        min-height: 100vh;\n    }\n    .products\n    {\n        padding-top: 30px;\n        width:100%;\n        position: relative;\n        display: grid;\n        width: 100%;\n        margin: initial;\n        grid-template-columns: 1fr 1fr 1fr;\n        column-gap: 20px;\n        row-gap: 6em;\n        padding-bottom: 30px;        \n    }\n    .products .item {\n        box-sizing: border-box;\n    }\n    .products .item span {\n        color: white;\n        margin: 30px;\n        font-size: 30px;\n    }\n    @media only screen and (max-width: 800px) {\n        .collection{\n            clear: both;\n        }     \n        .products{\n            height: calc(80vh - 170px);\n            overflow-y: scroll;        \n        }           \n    }\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionOfUser.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CollectionOfUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectionOfUser.vue?vue&type=template&id=3a5a0c6c&scoped=true&\"\nimport script from \"./CollectionOfUser.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectionOfUser.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectionOfUser.vue?vue&type=style&index=0&id=3a5a0c6c&scoped=true&lang=css&\"\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  \"3a5a0c6c\",\n  null\n  \n)\n\nexport default component.exports","import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&scoped=true&lang=css&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&scoped=true&lang=css&\"","import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./CollectionOfUser.vue?vue&type=style&index=0&id=3a5a0c6c&scoped=true&lang=css&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./CollectionOfUser.vue?vue&type=style&index=0&id=3a5a0c6c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item-preview\"},[_c('div',{staticClass:\"item-preview-image\",class:['item-big', !!_vm.showActionsOnDevices ? 'active' : '']},[_c('div',{staticClass:\"inner-bg\",style:(_vm.imageStyle)})]),_c('div',{staticClass:\"label\"},[_c('span',{staticClass:\"item-mac text--s\",domProps:{\"innerHTML\":_vm._s(_vm.item.CatalogNo)}}),_c('br'),_c('span',{staticClass:\"item-name font-rg\",domProps:{\"innerHTML\":_vm._s(_vm.item.ShortName)}}),(_vm.specs)?_vm._l((_vm.specs),function(specsItem){return _c('span',{key:specsItem,staticClass:\"specrow text--s\"},[_vm._v(\" \"+_vm._s(specsItem)+\" \")])}):_vm._e()],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"item-preview\">    \n\n    <!-- image -->\n    <div class=\"item-preview-image\" :class=\"['item-big', !!showActionsOnDevices ? 'active' : '']\">      \n      <div class=\"inner-bg\" :style=\"imageStyle\">\n      </div>\n    </div>\n\n    <!-- lables ShortName-->\n    <div class=\"label\" >\n      <span class=\"item-mac text--s\" v-html=\"item.CatalogNo\"></span><br/>\n      <span class=\"item-name font-rg\" v-html=\"item.ShortName\"></span>\n      <template v-if=\"specs\">\n        <span v-for=\"specsItem in specs\" class=\"specrow text--s\" :key=\"specsItem\">\n          {{specsItem}}\n        </span>\n      </template>\n    </div>    \n\n  </div>\n</template>\n\n<script>\nexport default {\n  props: [\"type\", \"info\", \"item\", \"size\", \"actions\", \"draggable\",\"removable\",\"specs\"],\n  created() {\n  },\n  data() {\n    return {\n      thumbURL: null,\n      addingFav: false,\n      hasBeenFaved: false,\n      removingFav: false,\n      favTransform: false,\n      showActionsOnDevices: false,\n      btnClickDisabler: false,\n      inSwipeScroll: false\n      // translate\n    };\n\n  },\n  methods: {\n    toggleActionsForDevices(e) {\n      if (e.type === \"touchmove\") {\n        this.$set(this, \"inSwipeScroll\", true);\n      } else {\n        if (!this.inSwipeScroll) {\n          if (this.isTouchDevice) {\n            setTimeout(\n              function() {\n                this.showActionsOnDevices = !this.showActionsOnDevices;\n              }.bind(this),\n              100\n            );\n          }\n        }\n        this.$set(this, \"inSwipeScroll\", false);\n      }\n    },\n    parsePlatform(platform, label) {\n      // console.log(\"parseplatform >> \", platform, \" :: \", label);\n      if (platform.indexOf(\"Standard\") > -1) {\n        return label ? \"SP\" : \"item-platform--sp\";\n      } else if (platform.indexOf(\"Wide\") > -1) {\n        return label ? \"WP\" : \"item-platform--wp\";\n      } else if (platform.indexOf(\"Narrow\") > -1) {\n        return label ? \"NP\" : \"item-platform--np\";\n      }\n    },        \n  },\n  asyncComputed: {\n    previewImageStyle() {\n      let vm = this;\n      vm.thumbURL = \"https://www.mis-implants.com/upload/catalog/products/large/MK-CD01.png\";\n      return resolve(`background-image:url(${vm.thumbURL})`);\n      /*\n      return new Promise(resolve => {\n        let img = document.createElement(\"img\");\n        img.addEventListener(\"load\", function() {\n          resolve(`background-image:url(${vm.thumbURL})`);\n        });\n        img.addEventListener(\"error\", function() {\n          resolve(\"background:black\");\n        });\n        img.src = vm.thumbURL;//vm.item.image;\n      });*/\n\n    }\n  },\n  computed: {\n    imageStyle() {\n      //:style=\"imageStyle\"\n      var url  = \"https://www.mis-implants.com/upload/catalog/products/large/\"+\n                this.item.CatalogNo+\".png\";\n      return \"background-image:url(\"+url+\")\";\n    },\n    isTouchDevice() {\n      return true;\n    },\n    isIOSDevice() {\n      return /iPad|iPhone|iPod/.test(window.navigator.platform);\n    }\n  }  \n};\n</script>\n\n\n\n<style scoped>\n  .item-preview\n  {\n    width: 100%;\n    height: 10vw;\n    float: left;\n    \n  }\n  .item-preview-image\n  {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    display: block;\n    background-color: #f9f9f9;\n    padding: 30px;\n  }\n  .inner-bg\n  {\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-color:#f9f9f9;\n      width: 100%;\n      height: 100%;\n  }\n  .label\n  {\n    clear: both;\n    padding-top: 5px;\n    text-align: left;\n    white-space:initial;\n  }\n  .item-mac\n  {\n    color:#5e5e5e !important;\n    line-height: 1.2;\n  }\n  .item-name\n  {\n    color:#2d2d2d !important;\n    font-size: 13px;\n  }\n  .specrow\n  {\n    display: block;\n    color: #5e5e5e;\n    line-height: 1.2;\n    font-size: 13px;\n  }\n\n  @media screen and (max-width:900px) {\n    .item-preview {\n        height: 33vw;\n    }  \n  }\n\n\n\n</style>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CatalogThumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CatalogThumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CatalogThumb.vue?vue&type=template&id=83ca7f9c&scoped=true&\"\nimport script from \"./CatalogThumb.vue?vue&type=script&lang=js&\"\nexport * from \"./CatalogThumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CatalogThumb.vue?vue&type=style&index=0&id=83ca7f9c&scoped=true&lang=css&\"\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  \"83ca7f9c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}