{"version":3,"sources":["webpack:///./src/components/miniapp/following/ResultEdit.vue?8651","webpack:///./src/components/miniapp/following/ResultEdit.vue?869d","webpack:///src/components/miniapp/following/ResultEdit.vue","webpack:///./src/components/miniapp/following/ResultEdit.vue?9c87","webpack:///./src/components/miniapp/following/ResultEdit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","items","length","attrs","on","updateList","model","value","callback","$$v","lists","expression","_l","item","index","key","staticClass","_b","$event","deleteList","dataTagging","_v","_s","getFullName","name","directives","rawName","toggleToast","options","toastType","toastName","confirmToast","_e","staticRenderFns","components","SlickItem","SlickList","Toast","props","type","Object","Array","String","data","page","defaultSize","pageOffset","dialog","title","body","action","duration","toast","itemIndex","toastSatus","mounted","methods","$emit","val","$delete","component"],"mappings":"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","file":"js/chunk-30a0a5e8.2ce42ba5.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultEdit.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResultEdit.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.items && _vm.items.length > 0)?_c('div',{attrs:{\"id\":\"result-edit\"}},[_c('SlickList',{attrs:{\"useDragHandle\":true,\"appendTo\":\"#result-edit\",\"lockAxis\":\"y\"},on:{\"sort-end\":_vm.updateList},model:{value:(_vm.lists),callback:function ($$v) {_vm.lists=$$v},expression:\"lists\"}},_vm._l((_vm.lists),function(item,index){return _c('SlickItem',{key:index,attrs:{\"id\":\"list-item\",\"index\":index}},[_c('div',{staticClass:\"col-name\"},[_c('span',{staticClass:\"name\"},[_c('i',_vm._b({staticClass:\"fas fa-times-circle\",on:{\"click\":function($event){return _vm.deleteList(index)}}},'i',_vm.dataTagging(item),false)),_vm._v(\" \"+_vm._s(_vm.getFullName(item.name))+\" \")])]),_c('div',{directives:[{name:\"handle\",rawName:\"v-handle\"}],staticClass:\"col-action handle\"},[_c('i',{staticClass:\"fas fa-bars\"})])])}),1),(_vm.toggleToast)?_c('toast',{attrs:{\"toggleToast\":_vm.toggleToast,\"options\":_vm.options,\"toastType\":_vm.toastType,\"fundName\":_vm.toastName},on:{\"confirm-toast\":_vm.confirmToast}}):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"result-edit\" v-if=\"items && items.length > 0\">\n    <SlickList :useDragHandle=\"true\" appendTo=\"#result-edit\" @sort-end=\"updateList\" lockAxis=\"y\" v-model=\"lists\">\n      <SlickItem id=\"list-item\" v-for=\"(item, index) in lists\" :key=\"index\" :index=\"index\">\n        <div class=\"col-name\">\n          <span class=\"name\">\n            <i class=\"fas fa-times-circle\" @click=\"deleteList(index)\" v-bind=\"dataTagging(item)\"></i>\n            {{ getFullName(item.name) }}\n          </span>\n        </div>\n        <div class=\"col-action handle\" v-handle>\n          <i class=\"fas fa-bars\"></i>\n        </div>\n      </SlickItem>\n    </SlickList>\n    <toast\n      v-if=\"toggleToast\"\n      :toggleToast=\"toggleToast\"\n      :options=\"options\"\n      :toastType=\"toastType\"\n      :fundName=\"toastName\"\n      @confirm-toast=\"confirmToast\"\n    ></toast>\n  </div>\n</template>\n\n<script>\nimport { SlickList, SlickItem, HandleDirective } from \"vue-slicksort\"\nimport _move from \"lodash-move\"\nimport Toast from \"../../../components/miniapp/global/Toast.vue\"\n\nexport default {\n  components: {\n    SlickItem,\n    SlickList,\n    Toast\n  },\n  props: {\n    items: {\n      type: [Object, Array]\n    },\n    type: {\n      type: String\n    }\n  },\n  directives: { handle: HandleDirective },\n  data() {\n    return {\n      page: 20,\n      defaultSize: 10,\n      pageOffset: 1,\n      lists: [...this.items],\n      options: {\n        dialog: {\n          title: \"เลิกติดตาม\",\n          body: \"ต้องการเลิกติดตาม\",\n          action: [\n            {\n              action1: \"ใช่\",\n              action2: \"ไม่ใช่\"\n            }\n          ],\n          duration: 0\n        },\n        toast: {\n          title: [\n            {\n              success: \"ติดตามสำเร็จ\",\n              unsuccess: \"เลิกติดตามสำเร็จ\"\n            }\n          ],\n          duration: 2\n        }\n      },\n      toggleToast: false,\n      toastName: \"\",\n      toastType: \"\",\n      itemIndex: null,\n      toastSatus: false\n    }\n  },\n  mounted() {},\n  methods: {\n    updateList(e) {\n      this.$emit(\"itemChanged\", _move(this.lists, e.oldIndex, e.newIndex))\n    },\n    confirmToast(val) {\n      if (val) {\n        this.$delete(this.lists, this.itemIndex)\n        this.$emit(\"itemChanged\", this.lists)\n      }\n      this.toggleToast = false\n    },\n    deleteList(index) {\n      this.toastName = this.getFullName(this.lists[index].name)\n      this.itemIndex = index\n      this.toastType = \"confirmation\"\n      this.toggleToast = true\n    },\n    dataTagging(item) {\n      switch (item.type) {\n        case \"fund\":\n          return { \"data-action\": \"delete_following_fund\", \"data-fundname\": item.name }\n        case \"stock\":\n          return { \"data-action\": \"delete_following_stock\", \"data-stockname\": item.name }\n        case \"indice\":\n          return { \"data-action\": \"delete_following_index\", \"data-stockname\": item.name }\n        case \"gold\":\n          return { \"data-action\": \"delete_following_gold\", \"data-goldname\": item.name }\n        default:\n          return null\n      }\n    },\n    getFullName(name) {\n      switch (name) {\n        case \"bar\":\n          return \"ทองคำแท่ง 96.5%\"\n        case \"ornament\":\n          return \"ทองรูปรรณ 96.5%\"\n        case \"spot\":\n          return \"Gold Spot\"\n        default:\n          return name\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#result-edit {\n  #list-item {\n    background-color: rgb(255, 255, 255);\n    margin: 0 0;\n    padding: 0 15px;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    border-bottom: 1px solid $color-line-grey;\n    .col-name,\n    .col-action {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 65px;\n      .name {\n        height: 22px;\n      }\n    }\n    .col-name {\n      width: 90%;\n      i {\n        margin-right: 10px;\n        color: $color-minus;\n      }\n      .name {\n        @extend %font-size-s;\n        font-weight: bold;\n        color: $color-normal-text;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n    .col-action {\n      width: 10%;\n      i {\n        text-align: right;\n        font-size: 16px;\n        color: $color-light-grey-2;\n      }\n    }\n  }\n}\n</style>","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!./ResultEdit.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!./ResultEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResultEdit.vue?vue&type=template&id=37d66377&\"\nimport script from \"./ResultEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./ResultEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResultEdit.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}