{"version":3,"sources":["webpack:///./src/components/Profile/UserKpiCard/UserKpiCard.vue?b212","webpack:///./src/components/Profile/UserKpiCard/UserKpiCard.vue?a7b8","webpack:///src/components/Profile/UserKpiCard/UserKpiCard.vue","webpack:///./src/components/Profile/UserKpiCard/UserKpiCard.vue?35cf","webpack:///./src/components/Profile/UserKpiCard/UserKpiCard.vue?9701"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","$vuetify","breakpoint","_v","class","days_pnl","_s","toFixed","days_pnl_percent","_e","loading","filterItems","model","value","callback","$$v","filterValue","expression","allTrade","_l","item","i","key","kpiData","closed_trades","accuracy","holding_period","risk_reward","avg_trade_return","roi","staticRenderFns","name","components","FilterTab","ToggleComponent","props","user_id","type","required","default","data","text","computed","filterTabValue","trade_type","get","watch","methods","getKpis","params","Axios","onSuccess","onFailure","isTokenRequired","mounted","component","VCol","VRow","VSkeletonLoader","VSpacer"],"mappings":"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","file":"js/chunk-05f4901b.e2cce9a4.js","sourcesContent":["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!./UserKpiCard.vue?vue&type=style&index=0&id=385fd24e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pa-2\",staticStyle:{\"background\":\"#f2f8ff\",\"border-radius\":\"10px\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex\"},[_c('div',[(_vm.$vuetify.breakpoint.smAndUp)?_c('div',{staticClass:\"heading__class px-1\"},[_vm._v(\" Performance Metrics \"),_c('div',{staticClass:\"py-1\"},[_c('span',{staticClass:\"pnl_label\"},[_vm._v(\"Day’s PnL\")]),_c('span',{staticClass:\"figure-pnl\",class:_vm.days_pnl >= 0 ? 'success--text' : 'red--text'},[_vm._v(\" \"+_vm._s(_vm.days_pnl.toFixed(0))+\" ( \"+_vm._s(_vm.days_pnl_percent.toFixed(0))+\"% ) \")])])]):_vm._e(),_c('div',{staticClass:\"px-2 px-sm-0\",staticStyle:{\"overflow-x\":\"scroll\"}},[_c('filter-tab',{staticStyle:{\"background-color\":\"#fbfbfd !important\"},attrs:{\"disabled\":_vm.loading,\"items\":_vm.filterItems},model:{value:(_vm.filterValue),callback:function ($$v) {_vm.filterValue=$$v},expression:\"filterValue\"}})],1)]),(_vm.$vuetify.breakpoint.smAndUp)?_c('v-spacer'):_vm._e(),(_vm.$vuetify.breakpoint.smAndUp)?_c('div',[_c('toggle-component',{model:{value:(_vm.allTrade),callback:function ($$v) {_vm.allTrade=$$v},expression:\"allTrade\"}})],1):_vm._e()],1)])],1),(_vm.loading)?_c('v-row',{attrs:{\"no-gutters\":\"\"}},_vm._l((6),function(item,i){return _c('v-col',{key:i,staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('v-skeleton-loader',{attrs:{\"type\":\"image\",\"height\":\"55px\"}})],1)])}),1):_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.closed_trades)?_c('span',[_vm._v(\" \"+_vm._s(_vm.kpiData.closed_trades)+\" \")]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"Closed Trades\")])])]),_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.accuracy)?_c('span',[_vm._v(_vm._s(_vm.kpiData.accuracy)+\"%\")]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"Accuracy\")])])]),_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.holding_period)?_c('span',[_vm._v(\" \"+_vm._s(_vm.kpiData.holding_period)+\" \"),_c('span',{staticClass:\"sub_label\"},[_vm._v(\"Days\")])]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"Holding Period\")])])]),_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.risk_reward)?_c('span',[_vm._v(_vm._s(_vm.kpiData.risk_reward))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"Risk Reward\")])])]),_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.avg_trade_return)?_c('span',{class:_vm.kpiData.avg_trade_return >= 0 ? 'success--text' : 'red--text'},[_vm._v(_vm._s(_vm.kpiData.avg_trade_return)+\"%\")]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"Avg Trade Return\")])])]),_c('v-col',{staticClass:\"pa-1\",attrs:{\"cols\":\"4\",\"sm\":\"2\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"kpi_value\"},[(_vm.kpiData.roi)?_c('span',{class:_vm.kpiData.roi >= 0 ? 'success--text' : 'red--text'},[_vm._v(_vm._s(_vm.kpiData.roi)+\"%\")]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"kpi_label\"},[_vm._v(\"ROI\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"background: #f2f8ff; border-radius: 10px\" class=\"pa-2\">\n    <v-row no-gutters>\n      <v-col cols=\"12\">\n        <div class=\"d-flex\">\n          <div>\n            <div class=\"heading__class px-1\" v-if=\"$vuetify.breakpoint.smAndUp\">\n              Performance Metrics\n              <div class=\"py-1\">\n                <span class=\"pnl_label\">Day’s PnL</span>\n                <span\n                  class=\"figure-pnl\"\n                  :class=\"days_pnl >= 0 ? 'success--text' : 'red--text'\"\n                >\n                  {{ days_pnl.toFixed(0) }} ( {{ days_pnl_percent.toFixed(0) }}% )\n                </span>\n              </div>\n            </div>\n            <div class=\"px-2 px-sm-0\" style=\"overflow-x: scroll\">\n              <!-- <date-filter-tab\n              style=\"background: #f2f8ff !important\"\n              v-model=\"filterValue\"\n              :disabled=\"loading\"\n              :items=\"filterItems\"\n            ></date-filter-tab> -->\n              <filter-tab\n                v-model=\"filterValue\"\n                style=\"background-color: #fbfbfd !important\"\n                :disabled=\"loading\"\n                :items=\"filterItems\"\n              ></filter-tab>\n            </div>\n          </div>\n          <v-spacer v-if=\"$vuetify.breakpoint.smAndUp\"></v-spacer>\n          <div v-if=\"$vuetify.breakpoint.smAndUp\">\n            <toggle-component v-model=\"allTrade\"></toggle-component>\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n    <v-row v-if=\"loading\" no-gutters>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\" v-for=\"(item, i) in 6\" :key=\"i\">\n        <div class=\"box\">\n          <v-skeleton-loader type=\"image\" height=\"55px\"></v-skeleton-loader>\n        </div>\n      </v-col>\n    </v-row>\n\n    <v-row no-gutters v-else>\n      <!-- {{ allTrade }} -->\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span v-if=\"kpiData.closed_trades\">\n              {{ kpiData.closed_trades }}\n            </span>\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">Closed Trades</div>\n        </div>\n      </v-col>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span v-if=\"kpiData.accuracy\">{{ kpiData.accuracy }}%</span>\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">Accuracy</div>\n        </div>\n      </v-col>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span v-if=\"kpiData.holding_period\">\n              {{ kpiData.holding_period }} <span class=\"sub_label\">Days</span>\n            </span>\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">Holding Period</div>\n        </div>\n      </v-col>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span v-if=\"kpiData.risk_reward\">{{ kpiData.risk_reward }}</span>\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">Risk Reward</div>\n        </div>\n      </v-col>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span\n              v-if=\"kpiData.avg_trade_return\"\n              :class=\"kpiData.avg_trade_return >= 0 ? 'success--text' : 'red--text'\"\n              >{{ kpiData.avg_trade_return }}%</span\n            >\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">Avg Trade Return</div>\n        </div>\n      </v-col>\n      <v-col cols=\"4\" sm=\"2\" class=\"pa-1\">\n        <div class=\"box\">\n          <div class=\"kpi_value\">\n            <span\n              v-if=\"kpiData.roi\"\n              :class=\"kpiData.roi >= 0 ? 'success--text' : 'red--text'\"\n              >{{ kpiData.roi }}%</span\n            >\n            <span v-else>-</span>\n          </div>\n          <div class=\"kpi_label\">ROI</div>\n        </div>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nexport default {\n  name: \"UserKpiCard\",\n  components: {\n    // DateFilterTab: () =>\n    //   import(\"@/components/SecurityPage/DateFilterTab/DateFilterTab.vue\"),\n    FilterTab: () => import(\"@/components/FilterTab/FilterTab.vue\"),\n    ToggleComponent: () => import(\"@/components/ToggleComponent/ToggleComponent.vue\"),\n  },\n  props: {\n    user_id: {\n      type: Number,\n      required: true,\n    },\n    days_pnl: {},\n    days_pnl_percent: {},\n    allTrade: {\n      default: false,\n      type: Boolean,\n    },\n  },\n  data() {\n    return {\n      loading: false,\n      kpiData: {\n        closed_trades: null,\n        accuracy: null,\n        holding_period: null,\n        risk_reward: null,\n        avg_trade_return: null,\n        roi: null,\n      },\n      filterValue: 0,\n      filterItems: [\n        { text: \"All\", value: \"ALL\" },\n        { text: \"1D\", value: \"1DAY\" },\n        { text: \"1W\", value: \"1WEEK\" },\n        { text: \"1M\", value: \"1MONTH\" },\n        // { text: \"3M\", value: \"3MONTH\" },\n        { text: \"6M\", value: \"6MONTH\" },\n        { text: \"1Y\", value: \"1YEAR\" },\n      ],\n    };\n  },\n  computed: {\n    filterTabValue() {\n      return this.filterItems[this.filterValue].value;\n    },\n    trade_type: {\n      get() {\n        if (this.allTrade) {\n          return \"ALL\";\n        } else {\n          return \"Public\";\n        }\n      },\n    },\n  },\n  watch: {\n    filterValue() {\n      this.getKpis();\n    },\n    allTrade() {\n      this.getKpis();\n    },\n  },\n  methods: {\n    getKpis() {\n      this.loading = true;\n      const onSuccess = (res) => {\n        this.kpiData = res.data.result;\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"user_id\"] = this.user_id;\n      params[\"trade_type\"] = this.trade_type;\n      params[\"filters\"] = this.filterTabValue;\n      Axios(\"get\", apiUrl.PROFILE_DETAIL_KPIS, {\n        params: params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n  },\n  mounted() {\n    this.getKpis();\n  },\n};\n</script>\n<style scoped>\n.heading__class {\n  color: #333;\n  font-family: Avenir;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 900;\n  line-height: normal;\n}\n.box {\n  border-radius: 8px;\n  border: 1px solid rgba(0, 0, 0, 0.03);\n  background: #fbfbfd;\n  width: 100%;\n  text-align: center;\n  padding: 10px;\n  padding-top: 15px;\n  height: 80px;\n  min-height: 40px;\n}\n.kpi_label {\n  color: #828282;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 350;\n  line-height: normal;\n}\n.kpi_value {\n  color: #333;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.sub_label {\n  color: #333;\n  font-family: Avenir;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.pnl_label {\n  color: #828282;\n  font-family: Avenir;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.figure-pnl {\n  text-align: center;\n  font-family: Avenir;\n  font-size: 17px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n@media all and (max-width: 600px) {\n  .box {\n    border-radius: 8px;\n    border: 1px solid rgba(0, 0, 0, 0.03);\n    background: #fbfbfd;\n    width: 100%;\n    text-align: center;\n    padding: 5px;\n    padding-top: 10px;\n    height: 60px;\n    min-height: 30px;\n  }\n  .kpi_label {\n    color: #828282;\n    text-align: center;\n    font-family: Avenir;\n    font-size: 10px;\n    font-style: normal;\n    font-weight: 350;\n    line-height: normal;\n  }\n  .kpi_value {\n    color: #333;\n    text-align: center;\n    font-family: Avenir;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 800;\n    line-height: normal;\n  }\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!./UserKpiCard.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!./UserKpiCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserKpiCard.vue?vue&type=template&id=385fd24e&scoped=true&\"\nimport script from \"./UserKpiCard.vue?vue&type=script&lang=js&\"\nexport * from \"./UserKpiCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserKpiCard.vue?vue&type=style&index=0&id=385fd24e&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  \"385fd24e\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VRow,VSkeletonLoader,VSpacer})\n"],"sourceRoot":""}