{"version":3,"sources":["webpack:///./src/components/CollectionPicker.vue?9828","webpack:///./src/components/CollectionPicker.vue?c460","webpack:///./src/components/fx/checkmark.vue?01a3","webpack:///src/components/fx/checkmark.vue","webpack:///./src/components/fx/checkmark.vue?6c46","webpack:///./src/components/fx/checkmark.vue","webpack:///src/components/CollectionPicker.vue","webpack:///./src/components/CollectionPicker.vue?fe74","webpack:///./src/components/CollectionPicker.vue","webpack:///./src/components/fx/checkmark.vue?64cf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_t","_l","collections","item","index","key","localize","on","$event","addItemToCollection","collection","col_id","style","getColPic","_s","col_name","showCheckMark","collectedTo","_e","showCollection","children","length","_m","enterNewName","directives","name","rawName","value","expression","domProps","target","composing","newColName","createCollection","staticRenderFns","props","content","type","String","default","css","component","components","activeItem","Number","data","methods","vm","closePopup","readCollections","mounted","created","activeItemID","watch","computed"],"mappings":"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","file":"js/chunk-897a208e.aeb67d9c.js","sourcesContent":["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!./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&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!./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-picker\",attrs:{\"id\":\"collectionPicker1\"}},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Save to collection\")]),_vm._t(\"close\")],2),_c('div',{staticClass:\"items\"},[_c('div',_vm._l((_vm.collections.children),function(item,index){return _c('div',{key:index,staticClass:\"item\",attrs:{\"title\":_vm.localize('Add to list')},on:{\"click\":function($event){return _vm.addItemToCollection(item.collection.col_id)}}},[_c('div',{staticClass:\"itemPic\",style:((\"background-image:url(\" + (_vm.getColPic(index)) + \")\"))}),_c('div',{staticClass:\"itemName\"},[_vm._v(_vm._s(item.collection.col_name))]),(_vm.showCheckMark && _vm.collectedTo==item.collection.col_id)?_c('div',{staticClass:\"cm\"},[_c('checkmark')],1):_vm._e(),_c('a',{staticClass:\"showColBtn\",attrs:{\"title\":_vm.localize('View List')},on:{\"click\":function($event){return _vm.showCollection(item.collection.col_id)}}},[_c('i',{staticClass:\"fal fa-folder-open\"})])])}),0),(_vm.collections.children.length<30)?_c('div',{staticClass:\"item\"},[_vm._m(0),_c('div',{staticClass:\"itemName\",on:{\"click\":_vm.enterNewName}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newColName),expression:\"newColName\"}],attrs:{\"type\":\"text\",\"placeholder\":\"New collection name...\"},domProps:{\"value\":(_vm.newColName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newColName=$event.target.value}}}),_c('div',{staticClass:\"itemBtn\",on:{\"click\":function($event){return _vm.createCollection()}}},[_vm._v(\"Create\")])])]):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemAddIcon\"},[_c('i',{staticClass:\"fal fa-plus\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('svg',{staticClass:\"checkmark\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 52 52\"}},[_c('circle',{staticClass:\"checkmark__circle\",attrs:{\"cx\":\"26\",\"cy\":\"26\",\"r\":\"25\",\"fill\":\"none\"}}),_c('path',{staticClass:\"checkmark__check\",attrs:{\"fill\":\"none\",\"d\":\"M14.1 27.2l7.1 7.2 16.7-16.8\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" \n            viewBox=\"0 0 52 52\">\n            <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"/><path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"/></svg>\n    </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    content: {\n      type: String,\n      default: \"\"\n    },\n    css: {\n      type: String,\n      default: \"\"\n    }\n  }\n};\n</script>\n\n<style scoped>\n    .checkmark__circle {\n        stroke-dasharray: 166;\n        stroke-dashoffset: 166;\n        stroke-width: 2;\n        stroke-miterlimit: 10;\n        stroke: green;\n        fill: none;\n        animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;\n    }\n\n    .checkmark {\n        width: 56px;\n        height: 56px;\n        border-radius: 50%;\n        display: block;\n        stroke-width: 2;\n        stroke: green;\n        stroke-miterlimit: 10;\n        margin: 10% auto;\n        box-shadow: inset 0px 0px 0px #7ac142;\n        animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;\n    }\n\n    .checkmark__check {\n        transform-origin: 50% 50%;\n        stroke-dasharray: 48;\n        stroke-dashoffset: 48;\n        animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.5s forwards;\n    }\n\n    @keyframes stroke {\n    100% {\n        stroke-dashoffset: 0;\n    }\n    }\n    @keyframes scale {\n    0%, 100% {\n        transform: none;\n    }\n    50% {\n        transform: scale3d(1.1, 1.1, 1);\n    }\n    }\n    @keyframes fill {\n    100% {\n        box-shadow: inset 0px 0px 0px 30px #fff;\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!./checkmark.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!./checkmark.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./checkmark.vue?vue&type=template&id=db16be08&scoped=true&\"\nimport script from \"./checkmark.vue?vue&type=script&lang=js&\"\nexport * from \"./checkmark.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkmark.vue?vue&type=style&index=0&id=db16be08&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  \"db16be08\",\n  null\n  \n)\n\nexport default component.exports","<!-- @mouseleave=\"isMouseOver=false\" @mouseenter=\"isMouseOver=true\"-->\n<template>\n    <div class=\"col-picker\" id=\"collectionPicker1\" >\n\n        <div class=\"top\">\n            <div class=\"title\">Save to collection</div>\n            <slot name=\"close\"></slot>\n        </div>\n\n        <div class=\"items\">\n            <!-- item template \n            {{collections}}\n            <div class=\"item\">\n                <div class=\"itemPic\"></div>\n                <div class=\"itemName\">Collection Name</div>\n                <div class=\"itemBtn\">Save</div>\n            </div>\n            <div class=\"item\">\n                <div class=\"itemPic\"></div>\n                <div class=\"itemName\">Collection Name</div>\n                <div class=\"itemBtn\">Save</div>\n            </div>            \n            [ { \"col_id\": 2, \"col_name\": \"dubi4\", \"user_id\": null,\n             \"user_token\": null, \"col_order_id\": 0, \"created_date\": \"2022-01-05T12:07:43.903\", \"is_public\": true, \"auid\": \"e7RzYBEXFYBi8NcFGtOdzWYZ6Yh3SeXY\" } ]\n            @click=\"addItemToCollection(item.col_id)\"\n            -->\n            <!-- problem, cant bind loop : -->\n            \n            <!-- Add to list -->\n            <div>\n                <div class=\"item\" \n                    :title=\"localize('Add to list')\"\n                    v-for=\"(item, index) in collections.children\" :key=\"index\" \n                    @click=\"addItemToCollection(item.collection.col_id)\">\n                    <div class=\"itemPic\" :style=\"`background-image:url(${getColPic(index)})`\"></div>\n                    <div class=\"itemName\">{{item.collection.col_name}}</div>\n                    \n                    <!-- checkmark animation -->\n                    <div class=\"cm\" \n                        v-if=\"showCheckMark && collectedTo==item.collection.col_id\">\n                        <checkmark></checkmark>\n                    </div>\n\n                    <a class=\"showColBtn\" :title=\"localize('View List')\" @click=\"showCollection(item.collection.col_id)\">\n                        <i class=\"fal fa-folder-open\"></i>\n                    </a>\n\n\n                    <!--<div class=\"itemBtn\" @click=\"addItemToCollection(item.col_id)\">Save</div>-->\n                </div>\n            </div>\n            \n            <!--Create new collection-->\n            <div class=\"item\" v-if=\"collections.children.length<30\">\n                <div class=\"itemAddIcon\"><i class=\"fal fa-plus\"></i></div>\n                <div class=\"itemName\" @click=\"enterNewName\">                    \n                    <input v-model=\"newColName\" type=\"text\" placeholder=\"New collection name...\" />\n                    <div class=\"itemBtn\" @click=\"createCollection()\">Create</div>\n                </div>                \n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapState, mapActions, mapGetters } from \"vuex\";\nimport checkmark from './fx/checkmark.vue';\nexport default {\n  components: { checkmark },\n  props: {\n    activeItem: {\n      type: Number,\n      default: -1\n    }\n  },    \n  data() {\n    return {\n        //tempcollections:[],//{ \"col_id\": 2, \"col_name\": \"dubi4\", \"user_id\": null, \"user_token\": null, \"col_order_id\": 0, \"created_date\": \"2022-01-05T12:07:43.903\", \"is_public\": true, \"auid\": \"e7RzYBEXFYBi8NcFGtOdzWYZ6Yh3SeXY\" }\n        newColName:'',\n        isMouseOver:false,\n        activeItemID:-1,\n        collectedTo:-1,\n        showCheckMark:false\n    };\n  },\n  methods: {\n      ...mapActions([\"setItemToCollect\",\"setCollectionsList\",\"setActiveCollection\",\"showCollectionsViewer\"]),\n      getColPic(index)\n      {\n          var vm=this;\n          var _colDataItems = vm.collections.children[index].items;\n          var _colLastItemAdded = _colDataItems[_colDataItems.length-1].product.CatalogNo;\n            return \"https://www.mis-implants.com/upload/catalog/products/thumbs/\"+_colLastItemAdded+\".png\";\n            //return \"https://www.mis-implants.com/upload/catalog/products/thumbs/V3-13390.png\";\n      },\n      showCollection(cid)\n      {\n          this.setItemToCollect(-1);        //close the picker\n          this.setActiveCollection(cid);    //change the active collection\n          this.showCollectionsViewer();     //show the viewer\n      },\n      enterNewName() {\n\n      },\n      addItemToCollection(CollectionID)\n      {\n        var vm=this;\n        var ProductID = vm.collections.activeitem;\n        var apiURL = \"https://api.mis-implants.com/api/collections?\"+\n            \"AUID=\"+vm.auid+\"&CollectionId=\"+CollectionID+\"&ItemID=\"+ProductID;\n        vm.collectedTo = CollectionID;                        \n        vm.postToApi(apiURL,true);\n      },\n      createCollection()\n      {\n        var vm=this;\n        var CollectionName = vm.newColName;\n        if(CollectionName.length==0){return false;}\n        var ProductID = vm.collections.activeitem;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+vm.auid+\"&Name=\"+CollectionName+\"&ItemID=\"+ProductID;\n        vm.postToApi(apiURL,true);\n      },\n      readCollections()\n      {\n        var vm=this;\n        var apiURL = \"https://api.mis-implants.com/api/collections?AUID=\"+vm.auid;\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            //vm.$set(vm, \"collectionsList\", response);\n            //vm.$set(vm.tempcollections, response);\n            vm.setCollectionsList(response);//update the list\n        });         \n      },\n      closePopup()\n      {\n          this.setItemToCollect(-1);\n      },\n      postToApi(apiURL,showCheckAnimation)\n      {\n        var vm=this;\n        fetch(apiURL, {\n          method: \"POST\",\n          mode: \"cors\", // no-cors, *cors, same-origin\n          cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\n          credentials: \"same-origin\", // include, *same-origin, omit\n          headers: {\"Content-Type\": \"application/json;charset=UTF-8\",'Access-Control-Allow-Origin': '*'},\n          referrerPolicy: \"no-referrer\", // no-referrer, *client\n          body: \"\"\n        })\n        .then(function(response) {            \n            return response.json();//console.log(\"FIRST THEN RESPONSE  < \", response);\n        })\n        .then(\n            async function(json) \n            {\n              console.log(\"response  >> \", json);\n              if (json.status && json.status && json.status === \"error\") \n              {\n                console.log(\"[fetch|error] register user >> \", json);\n                throw new Error(json.message);\n              } \n              else {\n                  if(showCheckAnimation)\n                  {\n                      vm.showCheckMark=true;\n                      setTimeout(() => {\n                        vm.closePopup();\n                      }, 1800);\n                  }else{\n                    vm.closePopup();\n                  }                  \n                  vm.readCollections();//update the list\n              }\n            },\n            error => {\n              vm.sending = false;\n              console.log(\"[fetch|error] register user >> \", error);\n              throw new Error(error);\n            }\n          );          \n      }\n  },\n  mounted()\n  {\n    var vm=this;            \n    vm.readCollections();\n  },\n  created(){\n    this.activeItemID = this.activeItem;\n  },\n  watch:\n  {\n    activeItem() {\n      this.activeItemID = this.activeItem;\n    },\n  },\n  computed: \n  {\n    ...mapState([\"collections\", \"auid\"]),\n    ...mapGetters([\"getItemToCollect\",\"getAUID\"])\n  }\n};\n</script>\n\n<style scoped>\n    .col-picker\n    {\n        z-index: 2000;\n        position: fixed;\n        top: 50%;\n        left:50vw;\n        width: 450px;\n        height: 500px;\n        background-color: #fff;\n        color: black;\n        border-radius: 15px;\n        transform: translate(-50%,-50%);          \n        box-shadow: 0px 0px 36.1px 1.9px rgba(107, 107, 107, 0.25);\n    }\n    .top\n    {\n        position: relative;\n        width: 100%;\n        text-align: left;\n        left: 0px;\n        padding: 30px;\n    }\n    .top .title\n    {\n            color: #31a9f6;\n            font-size: 18px;\n            font-weight: 300 !important;\n    }\n    .btnClose\n    {        \n        position: absolute;\n        top:20px;right: 15px;\n        width: 30px;height: 30px;\n        cursor: pointer !important;\n        font-size: 30px;\n        opacity: 0.3;\n    }\n    .btnClose:hover\n    {\n        opacity: 1;\n    }\n    .items\n    {\n        width: 100%;\n        height: calc(100% - 120px);\n        overflow-y: scroll;\n    }\n    .items .item\n    {\n        cursor: pointer;\n        clear: both;\n        width: 100%;\n        background-color: #fff;\n        padding: 20px 30px;\n        position: relative;\n        height: 60px;\n    }\n    .showColBtn\n    {\n        cursor: pointer !important;\n        color: #ccc;\n        display: inline-block;\n        padding: 8px 15px;\n        position: absolute;\n        top: 13px;\n        right: 30px;\n        font-weight: 300 !important;\n    }\n    .showColBtn:hover\n    {\n        color: #000;\n    }\n\n    .items .item:hover\n    {\n        background-color: #f8f8f8;\n    }\n    .itemPic\n    {\n        background-size: cover;        \n        background-color: #f9f9f9;\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n    }\n    .itemAddIcon\n    {\n        width: 40px;\n        height: 40px;\n        float: left;\n        border-radius: 20px;\n        position: absolute;\n        top: 10px;\n        background-color: #f9f9f9;\n        text-align:center;\n    }\n    .itemAddIcon i\n    {\n        font-size: 24px;position: relative;top:7px;\n        \n    }\n    .itemName\n    {\n        float: left;\n        padding-left: 50px;\n        width: calc(100% - 100px);\n    }\n    .itemBtn\n    {\n        background-color: #31a9f6;\n        border-radius: 20px;\n        color: #fff;\n        display: inline-block;\n        float: right;\n        padding: 8px 15px;\n        position: absolute;\n        top: 13px;\n        right: 30px;\n        cursor: pointer;\n        opacity: 0;\n        font-weight: 300 !important;\n\n    }\n    .items .item:hover .itemBtn\n    {\n        opacity: 1;\n    }\n\n    .itemName input\n    {\n        padding: 8px 5px !important;\n        width: 100%;\n        border:solid 1px #ccc;\n        position: relative;\n        top:-7px\n    }\n    .itemName input:focus\n    {\n        outline: none;\n    }\n    .item\n    {\n        cursor: pointer;\n    }\n    .item .cm\n    {\n        position: relative;\n        transform: scale(0.4);\n        top: -24px;\n        left: 0px;\n        display: inline-block;\n    }\n\n\n    @media only screen and (max-width: 800px) {\n        .col-picker\n        {\n            width: 100vw;\n            height: 100vh;\n            top:0px;left: 0px;\n            transform: none;\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!./CollectionPicker.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!./CollectionPicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CollectionPicker.vue?vue&type=template&id=0bee748a&scoped=true&\"\nimport script from \"./CollectionPicker.vue?vue&type=script&lang=js&\"\nexport * from \"./CollectionPicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CollectionPicker.vue?vue&type=style&index=0&id=0bee748a&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  \"0bee748a\",\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!./checkmark.vue?vue&type=style&index=0&id=db16be08&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!./checkmark.vue?vue&type=style&index=0&id=db16be08&scoped=true&lang=css&\""],"sourceRoot":""}