{"version":3,"sources":["webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SetMarginModal/SetMarginModal.vue?a7e8","webpack:///src/components/TradingSection/PaperTrades/PaperTradesSummary/SetMarginModal/SetMarginModal.vue","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SetMarginModal/SetMarginModal.vue?5a7a","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SetMarginModal/SetMarginModal.vue?6337","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SetMarginModal/SetMarginModal.vue?c7ad"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","show","expression","staticClass","_v","on","$event","toggleSetMargin","ref","_s","_f","totalMargin","rules","required","isNumber","marginToSet","staticStyle","formLoading","setMargin","staticRenderFns","name","data","loading","computed","mapGetters","getShowMargin","get","set","watch","methods","mapActions","openModal","closeModal","fetchMargin","console","total_margin","res","params","Axios","onSuccess","onFailure","isTokenRequired","mounted","component","VBtn","VCard","VCardText","VCardTitle","VCol","VDialog","VDivider","VForm","VIcon","VProgressCircular","VRow","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-34283e30.4c57df7e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-dialog',{attrs:{\"persistent\":\"\",\"width\":\"400\",\"scrollable\":\"\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"card_title_class d-flex px-3\"},[_c('div',{staticClass:\"title_text_class\"},[_vm._v(\"Set Margin\")]),_c('v-spacer'),_c('v-btn',{staticClass:\"close_btn_class\",on:{\"click\":function($event){return _vm.toggleSetMargin({ show: false })}}},[_c('v-icon',{attrs:{\"color\":\"#fff\"}},[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',{staticClass:\"pt-4\"},[_c('v-form',{ref:\"marginForm\",attrs:{\"lazy-validation\":\"\"}},[(_vm.loading)?_c('v-row',[_c('v-col',{staticClass:\"text-center py-10\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2D8CFF\"}})],1)],1):_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"current_margin\"},[_vm._v(\"Current Margin\")]),_c('v-spacer'),_c('div',{staticClass:\"current_margin_value\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.totalMargin))+\" \")])],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"mt-3\",attrs:{\"cols\":\"12\"}},[_c('label',{attrs:{\"for\":\"marginValue\"}},[_vm._v(\"Set Margin \")]),_c('v-text-field',{staticClass:\"mb-0 pb-0\",attrs:{\"id\":\"marginValue\",\"placeholder\":\"Enter Value\",\"rules\":[_vm.rules.required],\"outlined\":\"\",\"dense\":\"\"},on:{\"keypress\":function($event){return _vm.rules.isNumber($event)}},model:{value:(_vm.marginToSet),callback:function ($$v) {_vm.marginToSet=$$v},expression:\"marginToSet\"}})],1),_c('v-col',{staticStyle:{\"margin-top\":\"-8px\",\"padding-right\":\"4px\"},attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"back_btn_class\",attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.toggleSetMargin({ show: false })}}},[_c('span',[_vm._v(\"Back\")])])],1),_c('v-col',{staticStyle:{\"margin-top\":\"-8px\",\"padding-left\":\"4px\"},attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"set_btn_class\",attrs:{\"text\":\"\",\"loading\":_vm.formLoading},on:{\"click\":_vm.setMargin}},[_c('span',[_vm._v(\"Set\")])])],1)],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog v-model=\"show\" persistent width=\"400\" scrollable>\n      <v-card>\n        <v-card-title class=\"card_title_class d-flex px-3\">\n          <div class=\"title_text_class\">Set Margin</div>\n          <v-spacer></v-spacer>\n          <v-btn\n            class=\"close_btn_class\"\n            @click=\"toggleSetMargin({ show: false })\"\n          >\n            <v-icon color=\"#fff\">mdi-close</v-icon>\n          </v-btn>\n        </v-card-title>\n        <v-card-text class=\"pt-4\">\n          <v-form lazy-validation ref=\"marginForm\">\n            <v-row v-if=\"loading\">\n              <v-col class=\"text-center py-10\">\n                <v-progress-circular\n                  indeterminate\n                  color=\"#2D8CFF\"\n                ></v-progress-circular>\n              </v-col>\n            </v-row>\n            <v-row v-else no-gutters>\n              <v-col cols=\"12\" class=\"d-flex\">\n                <div class=\"current_margin\">Current Margin</div>\n                <v-spacer></v-spacer>\n                <div class=\"current_margin_value\">\n                  {{ totalMargin | addCommaDecimal }}\n                </div>\n              </v-col>\n              <v-col cols=\"12\">\n                <v-divider></v-divider>\n              </v-col>\n              <v-col cols=\"12\" class=\"mt-3\">\n                <label for=\"marginValue\">Set Margin </label>\n                <v-text-field\n                  v-model=\"marginToSet\"\n                  id=\"marginValue\"\n                  placeholder=\"Enter Value\"\n                  @keypress=\"rules.isNumber($event)\"\n                  :rules=\"[rules.required]\"\n                  outlined\n                  dense\n                  class=\"mb-0 pb-0\"\n                ></v-text-field>\n              </v-col>\n              <v-col cols=\"6\" style=\"margin-top: -8px; padding-right: 4px\">\n                <v-btn\n                  text\n                  class=\"back_btn_class\"\n                  @click=\"toggleSetMargin({ show: false })\"\n                >\n                  <span>Back</span>\n                </v-btn>\n              </v-col>\n              <v-col cols=\"6\" style=\"margin-top: -8px; padding-left: 4px\">\n                <v-btn\n                  text\n                  class=\"set_btn_class\"\n                  :loading=\"formLoading\"\n                  @click=\"setMargin\"\n                >\n                  <span>Set</span>\n                </v-btn>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nimport fieldRules from \"@/common/fieldRules\";\nimport { mapGetters, mapActions } from \"vuex\";\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"SetMarginModal\",\n  data() {\n    return {\n      rules: fieldRules,\n      loading: false,\n      formLoading: false,\n      totalMargin: 0.0,\n      marginToSet: null,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getShowMargin: \"paperTrades/getShow\",\n    }),\n    show: {\n      get() {\n        return this.getShowMargin;\n      },\n      set(value) {\n        return this.toggleSetMargin({ show: value });\n      },\n    },\n  },\n  watch: {\n    show(value) {\n      if (value) {\n        this.openModal();\n      } else {\n        this.closeModal();\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleSetMargin: \"paperTrades/toggleSetMargin\",\n    }),\n    openModal() {\n      this.fetchMargin();\n    },\n    closeModal() {\n      this.marginToSet = null;\n      this.loading = false;\n      this.formLoading = false;\n      this.totalMargin = 0.0;\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        } = res.data.result;\n        this.totalMargin = total_margin;\n        this.marginToSet = total_margin.toFixed(2);\n        // this.availableMargin = available_margin.toFixed(2);\n        // this.investedMargin = invested_margin.toFixed(2);\n        // (this.pandl = pnl.toFixed(2)),\n        //   (this.pandlPercent = pnl_percent.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      Axios(\"get\", apiUrl.PAPER_TRADING_MARGIN_API, {\n        params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n    setMargin() {\n      if (this.$refs.marginForm.validate()) {\n        this.formLoading = true;\n        const onSuccess = () => {\n          this.toggleSetMargin({ show: false });\n          this.formLoading = false;\n          this.eventBus.$emit(\"update_margin\");\n          this.$logEvent(\"set_margin_successfully\");\n          if (this.$vuetify.breakpoint.xsOnly) {\n            this.$logEvent(\"mweb_set_margin_successfully\");\n          }\n        };\n        const onFailure = () => {\n          this.formLoading = false;\n        };\n        let params = {};\n        params[\"user_id\"] = commonFunctions.getUserId();\n        let data = {};\n        data[\"total_margin\"] = this.marginToSet;\n        console.log(data, params);\n        Axios(\"patch\", apiUrl.PAPER_TRADING_MARGIN_API, {\n          params,\n          data,\n          onSuccess,\n          onFailure,\n          isTokenRequired: false,\n        });\n      }\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.card_title_class {\n  background: var(--Primary-Blue, #2d8cff);\n}\n.title_text_class {\n  color: #fff;\n  font-family: Avenir;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: 26px; /* 108.333% */\n}\n.close_btn_class {\n  border-radius: 6px;\n  min-width: none !important;\n  padding: 0px !important;\n  height: 0 !important;\n}\n.back_btn_class {\n  border-radius: 4px;\n  border: 1px solid var(--Primary-Blue, #2d8cff);\n  width: 99%;\n}\n.back_btn_class >>> span {\n  color: var(--Primary, #2d8cff);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: 20px; /* 125% */\n  text-transform: capitalize;\n  letter-spacing: 0px;\n}\n.set_btn_class {\n  border-radius: 4px;\n  background: var(--Primary-Blue, #2d8cff);\n  width: 99%;\n}\n.set_btn_class >>> span {\n  color: #fff;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: 20px; /* 125% */\n  text-transform: capitalize;\n  letter-spacing: 0px;\n}\n\n.current_margin {\n  color: rgba(51, 51, 51, 0.7);\n\n  font-family: Avenir;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.current_margin_value {\n  color: #333;\n\n  font-family: Avenir;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\nlabel {\n  color: rgba(51, 51, 51, 0.74);\n\n  font-family: Avenir;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\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!./SetMarginModal.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!./SetMarginModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SetMarginModal.vue?vue&type=template&id=e0aad5f6&scoped=true&\"\nimport script from \"./SetMarginModal.vue?vue&type=script&lang=js&\"\nexport * from \"./SetMarginModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SetMarginModal.vue?vue&type=style&index=0&id=e0aad5f6&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  \"e0aad5f6\",\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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VCol,VDialog,VDivider,VForm,VIcon,VProgressCircular,VRow,VSpacer,VTextField})\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!./SetMarginModal.vue?vue&type=style&index=0&id=e0aad5f6&scoped=true&lang=css&\""],"sourceRoot":""}