{"version":3,"sources":["webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/PaperTradesSummary.vue?fc37","webpack:///src/components/TradingSection/PaperTrades/PaperTradesSummary/PaperTradesSummary.vue","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/PaperTradesSummary.vue?1ed1","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/PaperTradesSummary.vue?d02d","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/PaperTradesSummary.vue?9b59"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","$vuetify","breakpoint","tabValue","attrs","totalMargin","_e","availableMargin","investedMargin","currentAmount","pandl","toLocaleString","pandlPercent","on","$event","toggleSetMargin","show","staticRenderFns","name","props","type","components","SummaryFigure","SummaryFigureMobile","SetMarginModal","data","loading","computed","watch","methods","mapActions","fetchMargin","console","res","available_margin","total_margin","invested_amt","current_amount","pandl_per","params","Axios","onSuccess","onFailure","isTokenRequired","created","destroyed","mounted","component","VBtn","VCard","VCardText","VSpacer"],"mappings":"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","file":"js/chunk-39e7c60b.5d9b4b77.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"summary_card elevation-2\"},[_c('v-card-text',[_c('div',{staticClass:\"d-flex pb-2 pb-sm-0\"},[_c('div',{staticClass:\"summary_style__class pt-sm-3\"},[_vm._v(\"Summary\")]),_c('v-spacer'),_c('div',{staticClass:\"d-sm-flex\"},[(_vm.$vuetify.breakpoint.smAndUp)?_c('div',{staticClass:\"d-sm-flex\"},[(_vm.tabValue == 'Active')?_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'Total Margin',\"val\":_vm.totalMargin,\"color\":false}})],1):_vm._e(),(_vm.tabValue == 'Active')?_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'Available Margin',\"val\":_vm.availableMargin,\"color\":false}})],1):_vm._e(),(_vm.tabValue == 'Active')?_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'Invested Margin',\"val\":_vm.investedMargin,\"color\":false}})],1):_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'Invested Amount',\"val\":_vm.investedMargin,\"color\":false}})],1),(_vm.tabValue == 'Closed')?_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'Current Amount',\"val\":_vm.currentAmount,\"color\":false}})],1):_vm._e(),_c('div',{staticClass:\"px-1\"},[_c('summary-figure',{attrs:{\"label\":'P&L',\"val\":_vm.pandl,\"val_string\":((_vm.pandl.toLocaleString(\n                  'en-IN'\n                )) + \" (\" + (_vm.pandlPercent.toLocaleString('en-IN')) + \"%)\"),\"color\":true}})],1)]):_vm._e(),(_vm.tabValue !== 'Closed')?_c('v-btn',{staticClass:\"text_btn_class\",attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.toggleSetMargin({ show: true })}}},[_c('span',[_vm._v(\"Set Total Margin\")])]):_vm._e()],1)],1),(_vm.$vuetify.breakpoint.xsOnly)?_c('div',[_c('summary-figure-mobile',{attrs:{\"totalMargin\":_vm.totalMargin,\"availableMargin\":_vm.availableMargin,\"investedMargin\":_vm.investedMargin,\"currentAmount\":_vm.currentAmount,\"pandl\":_vm.pandl,\"pandlPercent\":_vm.pandlPercent,\"tabValue\":_vm.tabValue}})],1):_vm._e()])],1),_c('set-margin-modal')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card class=\"summary_card elevation-2\">\n      <v-card-text>\n        <div class=\"d-flex pb-2 pb-sm-0\">\n          <div class=\"summary_style__class pt-sm-3\">Summary</div>\n          <v-spacer></v-spacer>\n          <!-- <div v-if=\"loading\" class=\"d-flex\">\n            <div class=\"pa-1\" v-for=\"(item, i) in 6\" :key=\"i\" style=\"width: 100px\">\n              <div class=\"box\">\n                <v-skeleton-loader type=\"image\" height=\"55px\"></v-skeleton-loader>\n              </div>\n            </div>\n          </div> -->\n          <div class=\"d-sm-flex\">\n            <div class=\"d-sm-flex\" v-if=\"$vuetify.breakpoint.smAndUp\">\n              <div class=\"px-1\" v-if=\"tabValue == 'Active'\">\n                <summary-figure\n                  :label=\"'Total Margin'\"\n                  :val=\"totalMargin\"\n                  :color=\"false\"\n                ></summary-figure>\n              </div>\n              <div class=\"px-1\" v-if=\"tabValue == 'Active'\">\n                <summary-figure\n                  :label=\"'Available Margin'\"\n                  :val=\"availableMargin\"\n                  :color=\"false\"\n                ></summary-figure>\n              </div>\n              <div class=\"px-1\" v-if=\"tabValue == 'Active'\">\n                <summary-figure\n                  :label=\"'Invested Margin'\"\n                  :val=\"investedMargin\"\n                  :color=\"false\"\n                ></summary-figure>\n              </div>\n              <div class=\"px-1\" v-else>\n                <summary-figure\n                  :label=\"'Invested Amount'\"\n                  :val=\"investedMargin\"\n                  :color=\"false\"\n                ></summary-figure>\n              </div>\n              <div class=\"px-1\" v-if=\"tabValue == 'Closed'\">\n                <summary-figure\n                  :label=\"'Current Amount'\"\n                  :val=\"currentAmount\"\n                  :color=\"false\"\n                ></summary-figure>\n              </div>\n              <div class=\"px-1\">\n                <summary-figure\n                  :label=\"'P&L'\"\n                  :val=\"pandl\"\n                  :val_string=\"`${pandl.toLocaleString(\n                    'en-IN'\n                  )} (${pandlPercent.toLocaleString('en-IN')}%)`\"\n                  :color=\"true\"\n                ></summary-figure>\n              </div>\n            </div>\n            <v-btn\n              text\n              class=\"text_btn_class\"\n              v-if=\"tabValue !== 'Closed'\"\n              @click=\"toggleSetMargin({ show: true })\"\n            >\n              <span>Set Total Margin</span>\n            </v-btn>\n          </div>\n        </div>\n        <div v-if=\"$vuetify.breakpoint.xsOnly\">\n          <summary-figure-mobile\n            :totalMargin=\"totalMargin\"\n            :availableMargin=\"availableMargin\"\n            :investedMargin=\"investedMargin\"\n            :currentAmount=\"currentAmount\"\n            :pandl=\"pandl\"\n            :pandlPercent=\"pandlPercent\"\n            :tabValue=\"tabValue\"\n          ></summary-figure-mobile>\n        </div>\n      </v-card-text>\n    </v-card>\n    <set-margin-modal></set-margin-modal>\n  </div>\n</template>\n<script>\nimport { mapActions } from \"vuex\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"PaperTradesSummary\",\n  props: {\n    tabValue: {\n      type: String,\n    },\n  },\n  components: {\n    SummaryFigure: () => import(\"./SummaryFigure/SummaryFigure.vue\"),\n    SummaryFigureMobile: () =>\n      import(\"./SummaryFigure/SummaryFigureMobile.vue\"),\n    SetMarginModal: () => import(\"./SetMarginModal/SetMarginModal.vue\"),\n  },\n  data() {\n    return {\n      loading: false,\n      totalMargin: 0,\n      availableMargin: 0,\n      investedMargin: 0,\n      currentAmount: 0,\n      pandl: 0,\n      pandlPercent: 0,\n    };\n  },\n  computed: {},\n  watch: {\n    tabValue() {\n      this.fetchMargin();\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleSetMargin: \"paperTrades/toggleSetMargin\",\n    }),\n    fetchMargin() {\n      this.loading = true;\n      const onSuccess = (res) => {\n        console.log(res);\n        const {\n          available_margin,\n          // invested_margin,\n          // pnl,\n          // pnl_percent,\n          total_margin,\n          // current_amount,\n        } = res.data.result;\n        const { invested_amt, current_amount, pandl, pandl_per } =\n          res.data.detail;\n        this.totalMargin = parseFloat(total_margin.toFixed(2));\n        this.availableMargin = parseFloat(available_margin.toFixed(2));\n        this.investedMargin = parseFloat(invested_amt.toFixed(2));\n        this.currentAmount = parseFloat(current_amount.toFixed(2));\n        (this.pandl = parseFloat(pandl.toFixed(2))),\n          (this.pandlPercent = parseFloat(pandl_per.toFixed(2)));\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"user_id\"] = commonFunctions.getUserId();\n      params[\"status\"] = this.tabValue;\n      Axios(\"get\", apiUrl.PAPER_TRADING_MARGIN_API, {\n        params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n  },\n  created() {\n    this.eventBus.$on(\"update_margin\", () => {\n      this.fetchMargin();\n    });\n  },\n  destroyed() {\n    this.eventBus.$off(\"update_margin\");\n  },\n  mounted() {\n    this.fetchMargin();\n  },\n};\n</script>\n<style scoped>\n.summary_style__class {\n  color: rgba(51, 51, 51, 0.7);\n\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  text-transform: capitalize;\n}\n.text_btn_class {\n  border-radius: 6px;\n  border: 1px solid #2d8cff;\n}\n.text_btn_class >>> span {\n  color: var(--Primary, #2d8cff);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  text-transform: capitalize;\n  letter-spacing: 0px;\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@media all and (max-width: 600px) {\n  .summary_card {\n    border-radius: 0px !important;\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: 5px;\n    padding-top: 10px;\n    height: 60px;\n    min-height: 30px;\n  }\n  .summary_style__class {\n    color: rgba(51, 51, 51, 0.86);\n\n    font-family: Avenir;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: normal;\n  }\n  .text_btn_class {\n    border: none;\n    min-width: none !important;\n    padding: 0px !important;\n    height: 0 !important;\n  }\n  .text_btn_class >>> span {\n    color: var(--Blue-1, #2f80ed);\n    font-family: Avenir;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    text-decoration-line: underline;\n    text-transform: capitalize;\n    letter-spacing: 0px;\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!./PaperTradesSummary.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!./PaperTradesSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaperTradesSummary.vue?vue&type=template&id=39c2f720&scoped=true&\"\nimport script from \"./PaperTradesSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./PaperTradesSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaperTradesSummary.vue?vue&type=style&index=0&id=39c2f720&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  \"39c2f720\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VSpacer})\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!./PaperTradesSummary.vue?vue&type=style&index=0&id=39c2f720&scoped=true&lang=css&\""],"sourceRoot":""}