{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/GridTabs/GridTabs.vue?318f","webpack:///src/components/Profile/ProfileTradeDetails/GridTabs/GridTabs.vue","webpack:///./src/components/Profile/ProfileTradeDetails/GridTabs/GridTabs.vue?cb3b","webpack:///./src/components/Profile/ProfileTradeDetails/GridTabs/GridTabs.vue?be76","webpack:///./src/components/Profile/ProfileTradeDetails/GridTabs/GridTabs.vue?44b0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","i","key","attrs","class","value","on","$event","changeTab","_v","_s","btnText","staticRenderFns","name","props","type","user_id","is_feature","data","btnWithFeatureAndSameUser","isActive","btnWithFeature","btnWithoutFeatureAndSameUser","btnWithoutFeature","computed","btnList","isSameUser","watch","methods","mounted","created","component","VBtn","VCol","VRow"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACE,YAAY,QAAQN,EAAIO,GAAIP,EAAW,SAAE,SAASQ,EAAKC,GAAG,OAAOL,EAAG,QAAQ,CAACM,IAAID,EAAEE,MAAM,CAAC,KAAO,MAAM,CAACP,EAAG,QAAQ,CAACE,YAAY,6BAA6BM,MAAMZ,EAAIa,OAASJ,EAAI,eAAiB,SAASE,MAAM,CAAC,MAAQ,QAAQG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,UAAUP,MAAM,CAACL,EAAG,OAAO,CAACJ,EAAIiB,GAAGjB,EAAIkB,GAAGV,EAAKW,eAAe,MAAK,IAAI,IACtcC,EAAkB,G,wBCiBP,GACfC,gBACAC,OACAT,OACAU,aAEAC,SACAD,aAEAE,YACAF,eAGAG,gBACA,OACAC,2BACA,CACAR,mBACAN,iBACAe,aAEA,CACAT,yBACAN,eACAe,aAEA,CACAT,sBACAN,aACAe,cAGAC,gBACA,CACAV,mBACAN,iBACAe,aAEA,CACAT,yBACAN,eACAe,aAEA,CACAT,sBACAN,aACAe,aAEA,CACAT,oBACAN,iBACAe,cAGAE,8BACA,CACAX,yBACAN,eACAe,aAEA,CACAT,sBACAN,aACAe,cAGAG,mBACA,CACAZ,yBACAN,cACAe,aAEA,CACAT,sBACAN,aACAe,aAEA,CACAT,oBACAN,iBACAe,gBAKAI,UACAC,mBACA,wCACA,gCACA,iCACA,kCACA,gBACA,oBAEA,wBAGAC,sBACA,yCAGAC,SACAC,SACApB,sBACA,wBAGAqB,qBACAC,sBC9H+X,I,iFCQ3XC,EAAY,eACd,EACAxC,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAmB,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,OAAA,KAAKC,OAAA,Q,oCC1BxC,W","file":"js/chunk-14f12832.1b406060.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{staticClass:\"py-4\"},_vm._l((_vm.btnList),function(item,i){return _c('v-col',{key:i,attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"rounded-0 elevation-0 py-5\",class:_vm.value == i ? 'tabActiveBtn' : 'tabBtn',attrs:{\"width\":\"100%\"},on:{\"click\":function($event){return _vm.changeTab(i)}}},[_c('span',[_vm._v(_vm._s(item.btnText))])])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row class=\"py-4\">\n      <v-col cols=\"6\" v-for=\"(item, i) in btnList\" :key=\"i\">\n        <v-btn\n          width=\"100%\"\n          class=\"rounded-0 elevation-0 py-5\"\n          :class=\"value == i ? 'tabActiveBtn' : 'tabBtn'\"\n          @click=\"changeTab(i)\"\n        >\n          <span>{{ item.btnText }}</span>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nimport helper from \"@/helper/index\";\nexport default {\n  name: \"GridTabs\",\n  props: {\n    value: {\n      type: Number,\n    },\n    user_id: {\n      type: Number,\n    },\n    is_feature: {\n      type: Boolean,\n    },\n  },\n  data() {\n    return {\n      btnWithFeatureAndSameUser: [\n        {\n          btnText: \"Featured\",\n          value: \"featured\",\n          isActive: false,\n        },\n        {\n          btnText: \"Virtual Trades\",\n          value: \"posted\",\n          isActive: false,\n        },\n        {\n          btnText: \"Real Trades\",\n          value: \"real\",\n          isActive: false,\n        },\n      ],\n      btnWithFeature: [\n        {\n          btnText: \"Featured\",\n          value: \"featured\",\n          isActive: false,\n        },\n        {\n          btnText: \"Virtual Trades\",\n          value: \"posted\",\n          isActive: false,\n        },\n        {\n          btnText: \"Real Trades\",\n          value: \"real\",\n          isActive: false,\n        },\n        {\n          btnText: \"Watchlist\",\n          value: \"followed\",\n          isActive: false,\n        },\n      ],\n      btnWithoutFeatureAndSameUser: [\n        {\n          btnText: \"Virtual Trades\",\n          value: \"posted\",\n          isActive: false,\n        },\n        {\n          btnText: \"Real Trades\",\n          value: \"real\",\n          isActive: false,\n        },\n      ],\n      btnWithoutFeature: [\n        {\n          btnText: \"Virtual Trades\",\n          value: \"paper\",\n          isActive: false,\n        },\n        {\n          btnText: \"Real Trades\",\n          value: \"real\",\n          isActive: false,\n        },\n        {\n          btnText: \"Watchlist\",\n          value: \"followed\",\n          isActive: false,\n        },\n      ],\n    };\n  },\n  computed: {\n    btnList() {\n      if (this.is_feature && this.isSameUser) {\n        return this.btnWithFeatureAndSameUser;\n      } else if (!this.is_feature && this.isSameUser) {\n        return this.btnWithoutFeatureAndSameUser;\n      } else if (this.is_feature) {\n        return this.btnWithFeature;\n      } else {\n        return this.btnWithoutFeature;\n      }\n    },\n    isSameUser() {\n      return helper.isSameUser(this.user_id);\n    },\n  },\n  watch: {},\n  methods: {\n    changeTab(i) {\n      this.$emit(\"input\", i);\n    },\n  },\n  mounted() {},\n  created() {},\n};\n</script>\n<style scoped>\n.tabBtn.v-btn {\n  background: #ffffff;\n  color: rgba(51, 51, 51, 0.74);\n}\n.tabActiveBtn {\n  background: #d5e8ff !important;\n  color: #2d8cff !important;\n}\n</style>\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!./GridTabs.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!./GridTabs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridTabs.vue?vue&type=template&id=96bc244c&scoped=true&\"\nimport script from \"./GridTabs.vue?vue&type=script&lang=js&\"\nexport * from \"./GridTabs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GridTabs.vue?vue&type=style&index=0&id=96bc244c&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  \"96bc244c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VRow})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridTabs.vue?vue&type=style&index=0&id=96bc244c&scoped=true&lang=css&\""],"sourceRoot":""}