{"version":3,"sources":["webpack:///./src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue?edfb","webpack:///./src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue?5cc7","webpack:///src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue","webpack:///./src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue?b013","webpack:///./src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue?19d9","webpack:///./src/components/TradingSection/PaperTrades/PaperPerformance/PaperPerformance.vue?0b2f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$vuetify","breakpoint","staticStyle","attrs","headers","closedLoading","closedTradesFlex","closedTrades","closed_page_info","item_per_page","dataOptions","on","$event","scopedSlots","_u","key","fn","_v","_s","closedTradeCount","proxy","ref","item","showDetail","security_symbol","_g","_b","getDuration","duration_name","class","trade_type","_f","entry_price","lots","toFixed","exit_price","first_stop_loss","final_target","live_price","profit_percent","_e","pl_data","items","model","value","callback","$$v","$set","expression","total_page","openFlex","_l","i","page_number","pageLoader","loadPage","no_data_string","staticRenderFns","name","props","components","PaperTradeCard","data","sortBy","sortDesc","is_items","sorting_key","sortable","text","align","computed","watch","methods","mapActions","toggleTradeDetailModal","show","id","getClosedTrades","res","params","Axios","onSuccess","onFailure","onFinally","isTokenRequired","mounted","component","VBtn","VCard","VCardText","VCardTitle","VCol","VDataTable","VDivider","VIcon","VPagination","VRow","VSelect","VSkeletonLoader","VSpacer","VTooltip"],"mappings":"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","file":"js/chunk-38a39aeb.995f8d2d.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!./PaperPerformance.vue?vue&type=style&index=0&id=7d15df0a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.is_items)?_c('div',{staticClass:\"py-2\"},[(_vm.$vuetify.breakpoint.smAndUp)?_c('div',[_c('v-data-table',{staticClass:\"elevation-2\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"headers\":_vm.headers,\"loading\":_vm.closedLoading,\"loading-text\":\"Please wait ....Loading\",\"items\":_vm.closedTradesFlex ? _vm.closedTrades : [],\"items-per-page\":_vm.closed_page_info.item_per_page,\"server-items-length\":_vm.closed_page_info.item_per_page,\"hide-default-footer\":\"\",\"hide-default-header\":!_vm.closedTradesFlex,\"no-data-text\":\"\",\"mobile-breakpoint\":\"\",\"options\":_vm.dataOptions},on:{\"update:options\":function($event){_vm.dataOptions=$event}},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pa-4 d-flex\",attrs:{\"cols\":\"12\"}},[_c('div',[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\" Closed Trades (\"+_vm._s(_vm.closedTradeCount)+\") \")])]),_c('v-spacer'),_c('div',{staticClass:\"text-right\"},[(!_vm.closedTradesFlex)?_c('v-icon',{on:{\"click\":function($event){_vm.closedTradesFlex = !_vm.closedTradesFlex}}},[_vm._v(\" mdi-chevron-down \")]):_c('v-icon',{on:{\"click\":function($event){_vm.closedTradesFlex = !_vm.closedTradesFlex}}},[_vm._v(\"mdi-chevron-up\")])],1)],1)],1)]},proxy:true},{key:\"item\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('tr',{on:{\"click\":function($event){return _vm.showDetail(item)}}},[_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(item.security_symbol)+\" \"),_c('span',{staticClass:\"data_value_duration_color\"},[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('span',_vm._g(_vm._b({},'span',attrs,false),on),[_vm._v(\" \"+_vm._s(_vm.getDuration(item.duration_name))+\" \")])]}}],null,true)},[_c('span',[_vm._v(_vm._s(item.duration_name))])])],1)])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class\",class:item.trade_type === 'Sell'\n                  ? 'data_value_sell_color'\n                  : 'data_value_buy_color'},[_vm._v(\" \"+_vm._s(item.trade_type)+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")((item.entry_price * item.lots).toFixed(2)))+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(item.lots)+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.entry_price))+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.exit_price))+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.first_stop_loss))+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.final_target))+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class data_value_common_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.live_price))+\" \"),(item.profit_percent)?_c('span',{class:item.profit_percent >= 0\n                    ? 'data_value_buy_color'\n                    : 'data_value_sell_color'},[_vm._v(\" (\"),(item.profit_percent >= 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm._f(\"addCommaDecimal\")(item.profit_percent))+\")\")]):_vm._e()])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"data_value__class\",class:item.pl_data >= 0\n                  ? 'data_value_buy_color'\n                  : 'data_value_sell_color'},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(item.pl_data))+\" \")])])])]}},{key:\"footer\",fn:function(){return [(_vm.closedTradesFlex)?_c('v-row',[_c('v-col',{staticClass:\"pt-3 px-3\",attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"pl-8\",attrs:{\"cols\":\"4\"}},[_c('v-select',{staticStyle:{\"width\":\"80px\"},attrs:{\"dense\":\"\",\"items\":_vm.items},model:{value:(_vm.closed_page_info.item_per_page),callback:function ($$v) {_vm.$set(_vm.closed_page_info, \"item_per_page\", $$v)},expression:\"closed_page_info.item_per_page\"}})],1),_c('v-col',{staticClass:\"d-flex justify-end pr-4\",attrs:{\"cols\":\"8\"}},[_c('v-pagination',{attrs:{\"length\":_vm.closed_page_info.total_page,\"circle\":\"\",\"total-visible\":5},model:{value:(_vm.closed_page_info.page_number),callback:function ($$v) {_vm.$set(_vm.closed_page_info, \"page_number\", $$v)},expression:\"closed_page_info.page_number\"}})],1)],1):_vm._e()]},proxy:true}],null,false,82267960)})],1):_c('div',[_c('v-card',{staticClass:\"elevation-2 rounded-0\"},[_c('v-card-title',{staticClass:\"d-flex pb-0\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\" Closed Trades (\"+_vm._s(_vm.closedTradeCount)+\") \")]),_c('v-spacer'),_c('div',[_c('v-btn',{staticStyle:{\"min-width\":\"0px\",\"padding\":\"0px\",\"height\":\"25px\",\"margin-top\":\"-10px\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.openFlex = !_vm.openFlex}}},[(!_vm.openFlex)?_c('v-icon',[_vm._v(\"mdi-chevron-down\")]):_c('v-icon',[_vm._v(\"mdi-chevron-up\")])],1)],1)],1)]),(!_vm.openFlex)?_c('v-card-text',{staticClass:\"px-0 py-0\"},[(!_vm.closedLoading)?_c('div',[_vm._l((_vm.closedTrades),function(item,i){return _c('div',{key:i},[(i == 0)?_c('v-divider',{}):_vm._e(),_c('paper-trade-card',{attrs:{\"item\":item}}),_c('v-divider',{})],1)}),(_vm.closed_page_info.total_page > _vm.closed_page_info.page_number)?_c('div',{staticClass:\"text-center\"},[_c('v-btn',{staticStyle:{\"min-width\":\"0px\",\"padding\":\"0px\",\"height\":\"25px\"},attrs:{\"text\":\"\",\"loading\":_vm.pageLoader},on:{\"click\":_vm.loadPage}},[_c('v-icon',[_vm._v(\"mdi-chevron-down\")])],1)],1):_vm._e()],2):_c('div',_vm._l((5),function(item){return _c('div',{key:item},[_c('v-skeleton-loader',{staticClass:\"pa-2\",attrs:{\"type\":\"list-item-avatar-three-line\"}})],1)}),0)]):_c('v-card-text',{staticClass:\"px-0 py-1\"})],1)],1)]):_c('div',[_c('div',{staticClass:\"no_data_box\"},[_c('div',{staticClass:\"d-flex justify-center mb-4\"},[_c('div',{staticClass:\"no_data_img_box\"},[_c('img',{attrs:{\"src\":require('@/assets/add.svg'),\"width\":\"30px\"}})])]),_c('div',{},[_c('pre',{staticClass:\"no_data_text\"},[_vm._v(\"  \"+_vm._s(_vm.no_data_string)+\" here to showcase,\\n  Add a paper trade to start practicing\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-2\" v-if=\"is_items\">\n    <div v-if=\"$vuetify.breakpoint.smAndUp\">\n      <!-- closed trades data table -->\n      <v-data-table\n        :headers=\"headers\"\n        :loading=\"closedLoading\"\n        loading-text=\"Please wait ....Loading\"\n        :items=\"closedTradesFlex ? closedTrades : []\"\n        :items-per-page=\"closed_page_info.item_per_page\"\n        :server-items-length=\"closed_page_info.item_per_page\"\n        hide-default-footer\n        :hide-default-header=\"!closedTradesFlex\"\n        no-data-text=\"\"\n        mobile-breakpoint\n        class=\"elevation-2\"\n        style=\"border-radius: 10px\"\n        :options.sync=\"dataOptions\"\n      >\n        <template v-slot:top>\n          <v-row no-gutters>\n            <v-col cols=\"12\" class=\"pa-4 d-flex\">\n              <div>\n                <div class=\"tableTopHeading\">\n                  Closed Trades ({{ closedTradeCount }})\n                </div>\n              </div>\n              <v-spacer></v-spacer>\n              <div class=\"text-right\">\n                <v-icon\n                  v-if=\"!closedTradesFlex\"\n                  @click=\"closedTradesFlex = !closedTradesFlex\"\n                >\n                  mdi-chevron-down\n                </v-icon>\n                <v-icon v-else @click=\"closedTradesFlex = !closedTradesFlex\"\n                  >mdi-chevron-up</v-icon\n                >\n              </div>\n            </v-col>\n          </v-row>\n        </template>\n\n        <!-- item slot -->\n        <template v-slot:item=\"{ item }\">\n          <tr @click=\"showDetail(item)\">\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.security_symbol }}\n                <span class=\"data_value_duration_color\">\n                  <v-tooltip bottom>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <span v-bind=\"attrs\" v-on=\"on\">\n                        {{ getDuration(item.duration_name) }}\n                      </span>\n                    </template>\n                    <span>{{ item.duration_name }}</span>\n                  </v-tooltip>\n                </span>\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div\n                class=\"data_value__class\"\n                :class=\"\n                  item.trade_type === 'Sell'\n                    ? 'data_value_sell_color'\n                    : 'data_value_buy_color'\n                \"\n              >\n                {{ item.trade_type }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{\n                  (item.entry_price * item.lots).toFixed(2) | addCommaDecimal\n                }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.lots }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.entry_price | addCommaDecimal }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.exit_price | addCommaDecimal }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.first_stop_loss | addCommaDecimal }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.final_target | addCommaDecimal }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"data_value__class data_value_common_color\">\n                {{ item.live_price | addCommaDecimal }}\n                <span\n                  v-if=\"item.profit_percent\"\n                  :class=\"\n                    item.profit_percent >= 0\n                      ? 'data_value_buy_color'\n                      : 'data_value_sell_color'\n                  \"\n                >\n                  (<span v-if=\"item.profit_percent >= 0\">+</span\n                  >{{ item.profit_percent | addCommaDecimal }})</span\n                >\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div\n                class=\"data_value__class\"\n                :class=\"\n                  item.pl_data >= 0\n                    ? 'data_value_buy_color'\n                    : 'data_value_sell_color'\n                \"\n              >\n                {{ item.pl_data | addCommaDecimal }}\n              </div>\n            </td>\n          </tr>\n        </template>\n        <!-- end item slot -->\n\n        <template v-slot:footer>\n          <v-row v-if=\"closedTradesFlex\">\n            <v-col cols=\"12\" class=\"pt-3 px-3\">\n              <v-divider></v-divider>\n            </v-col>\n            <v-col cols=\"4\" class=\"pl-8\">\n              <v-select\n                v-model=\"closed_page_info.item_per_page\"\n                dense\n                :items=\"items\"\n                style=\"width: 80px\"\n              ></v-select>\n            </v-col>\n            <v-col cols=\"8\" class=\"d-flex justify-end pr-4\">\n              <v-pagination\n                v-model=\"closed_page_info.page_number\"\n                :length=\"closed_page_info.total_page\"\n                circle\n                :total-visible=\"5\"\n              ></v-pagination>\n            </v-col>\n          </v-row>\n        </template>\n      </v-data-table>\n      <!-- end of closed trades data table -->\n    </div>\n    <div v-else>\n      <v-card class=\"elevation-2 rounded-0\">\n        <v-card-title class=\"d-flex pb-0\">\n          <div class=\"d-flex\" style=\"width: 100%\">\n            <div class=\"tableTopHeading\">\n              Closed Trades ({{ closedTradeCount }})\n            </div>\n            <v-spacer></v-spacer>\n            <div>\n              <v-btn\n                text\n                style=\"\n                  min-width: 0px;\n                  padding: 0px;\n                  height: 25px;\n                  margin-top: -10px;\n                \"\n                @click=\"openFlex = !openFlex\"\n              >\n                <v-icon v-if=\"!openFlex\">mdi-chevron-down</v-icon>\n                <v-icon v-else>mdi-chevron-up</v-icon>\n              </v-btn>\n            </div>\n          </div>\n        </v-card-title>\n        <v-card-text v-if=\"!openFlex\" class=\"px-0 py-0\">\n          <div v-if=\"!closedLoading\">\n            <div v-for=\"(item, i) in closedTrades\" :key=\"i\">\n              <v-divider class=\"\" v-if=\"i == 0\"></v-divider>\n              <!-- {{ item.security_symbol }} -->\n              <paper-trade-card :item=\"item\"></paper-trade-card>\n              <v-divider class=\"\"></v-divider>\n            </div>\n            <div\n              class=\"text-center\"\n              v-if=\"closed_page_info.total_page > closed_page_info.page_number\"\n            >\n              <v-btn\n                text\n                style=\"min-width: 0px; padding: 0px; height: 25px\"\n                :loading=\"pageLoader\"\n                @click=\"loadPage\"\n              >\n                <v-icon>mdi-chevron-down</v-icon>\n              </v-btn>\n            </div>\n          </div>\n          <div v-else>\n            <div v-for=\"item in 5\" :key=\"item\">\n              <v-skeleton-loader\n                class=\"pa-2\"\n                type=\"list-item-avatar-three-line\"\n              ></v-skeleton-loader>\n            </div>\n          </div>\n        </v-card-text>\n        <v-card-text class=\"px-0 py-1\" v-else></v-card-text>\n      </v-card>\n    </div>\n  </div>\n  <div v-else>\n    <div class=\"no_data_box\">\n      <div class=\"d-flex justify-center mb-4\">\n        <div class=\"no_data_img_box\">\n          <img :src=\"require('@/assets/add.svg')\" width=\"30px\" />\n        </div>\n      </div>\n      <div class=\"\">\n        <pre class=\"no_data_text\">\n    {{ no_data_string }} here to showcase,\n    Add a paper trade to start practicing\n        </pre>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nimport { mapActions } from \"vuex\";\nexport default {\n  name: \"PaperPerformance\",\n  props: {\n    no_data_string: {},\n  },\n  components: {\n    PaperTradeCard: () => import(\"../PaperTradeCard/PaperTradeCard.vue\"),\n  },\n  data() {\n    return {\n      dataOptions: { sortBy: [], sortDesc: [] },\n      openFlex: false,\n      is_items: true,\n      closedLoading: false,\n      pageLoader: false,\n      closed_page_info: {\n        item_per_page: 10,\n        page_number: 1,\n        total_page: 1,\n      },\n      closedTradesFlex: true,\n      closedTradeCount: 0,\n      closedTrades: [],\n      items: [5, 10, 20, 30, 40, 50, 60],\n      sorting_key: \"\",\n      headers: [\n        {\n          sortable: true,\n          text: \"Security\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"symbol\",\n          value: \"security__symbol\",\n        },\n        {\n          sortable: true,\n          text: \"Buy/Sell\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"trade_type\",\n          value: \"trade_type\",\n        },\n        {\n          sortable: true,\n          text: \"Capital\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"invested_amount\",\n          value: \"capital\",\n        },\n        {\n          sortable: true,\n          text: \"Qty\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"lots\",\n          value: \"lots\",\n        },\n        {\n          sortable: true,\n          text: \"Avg Price\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"entry_price\",\n          value: \"entry_price\",\n        },\n        {\n          sortable: true,\n          text: \"Exit Avg\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"exit_price\",\n          value: \"exit_price\",\n        },\n        {\n          sortable: true,\n          text: \"Stoploss\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"first_stop_loss\",\n          value: \"first_stop_loss\",\n        },\n        {\n          sortable: true,\n          text: \"Target\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"first_stop_loss\",\n          value: \"final_target\",\n        },\n        {\n          sortable: true,\n          text: \"LTP\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"ltp\",\n          value: \"security__live_price\",\n        },\n        {\n          sortable: true,\n          text: \"PROFIT/LOSS\",\n          align: \"center\",\n          class: [\"tableHeader-textClass\"],\n          //   key: \"pandl_data\",\n          value: \"pandl_data\",\n        },\n      ],\n    };\n  },\n  computed: {\n    // is_items() {\n    //   return this.closedTrades.length;\n    //   //   return false;\n    // },\n  },\n  watch: {\n    \"dataOptions.sortBy\": function () {\n      if (this.dataOptions.sortBy.length !== 0) {\n        this.sorting_key = this.dataOptions.sortDesc[0]\n          ? `-${this.dataOptions.sortBy[0]}`\n          : this.dataOptions.sortBy[0];\n      } else {\n        this.sorting_key = \"\";\n      }\n      this.closedLoading = true;\n      this.getClosedTrades(false);\n    },\n    \"closed_page_info.page_number\": function () {\n      if (this.$vuetify.breakpoint.smAndUp) {\n        this.liveLoading = true;\n        this.getClosedTrades(false);\n      }\n    },\n    \"closed_page_info.item_per_page\": function () {\n      if (this.$vuetify.breakpoint.smAndUp) {\n        this.liveLoading = true;\n        this.getClosedTrades(false);\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleTradeDetailModal: \"tradeCardDialog/toggleModal\",\n    }),\n    showDetail(item) {\n      this.toggleTradeDetailModal({ show: true, id: item.id });\n    },\n    getDuration(duration) {\n      if (duration == \"Intra-day/BTST \") {\n        return \"INT\";\n      } else if (duration == \"Swing \") {\n        return \"SW\";\n      } else if (duration == \"Long term \") {\n        return \"LT\";\n      }\n      return \"\";\n    },\n    getClosedTrades(append) {\n      const onSuccess = (res) => {\n        // console.log(res);\n        if (!append) {\n          this.closedTrades = res.data.result;\n        } else {\n          for (const obj of res.data.result) {\n            this.closedTrades.push(obj);\n          }\n        }\n        this.closed_page_info.total_page = res.data.total_page;\n        this.closedTradeCount = res.data.detail_count;\n        this.closedLoading = false;\n        this.pageLoader = false;\n        if (!this.closedTrades.length) {\n          this.is_items = false;\n        }\n      };\n\n      const onFailure = () => {\n        this.closedLoading = false;\n        this.pageLoader = false;\n      };\n      const onFinally = () => {};\n      let params = {};\n      let data = {};\n      params[\"posted_by__user__id\"] = commonFunctions.getUserId();\n      params[\"status\"] = \"Closed\";\n      params[\"ordering\"] = this.sorting_key;\n      params[\"page_number\"] = this.closed_page_info.page_number;\n      params[\"detail_count\"] = this.closed_page_info.item_per_page;\n      Axios(\"get\", apiUrl.PAPER_TRADING_TRADES, {\n        params,\n        data,\n        onSuccess,\n        onFailure,\n        onFinally,\n        isTokenRequired: false,\n      });\n    },\n    loadPage() {\n      this.pageLoader = true;\n      this.getClosedTrades(true);\n    },\n  },\n  mounted() {\n    this.getClosedTrades(false);\n  },\n};\n</script>\n<style scoped>\n.tableTopHeading {\n  color: var(--Text-Black, #39434d);\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.data_value__class {\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.data_value_common_color {\n  color: #333;\n}\n.data_value_duration_color {\n  color: #2d8cff;\n}\n.data_value_buy_color {\n  color: #27ae60;\n}\n.data_value_sell_color {\n  color: #eb5757;\n}\n.no_data_box {\n  text-align: center;\n  align-content: center;\n  align-items: center;\n  height: 100vh;\n  padding-top: 100px;\n}\n.no_data_text {\n  color: rgba(51, 51, 51, 0.82);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: 28px; /* 133.333% */\n}\n.no_data_img_box {\n  border-radius: 50px;\n  border: 1px solid #e4e4e4;\n  width: 60px;\n  height: 60px;\n\n  background: #f9f9f9;\n  align-items: center;\n  padding-top: 13px;\n}\n@media all and (max-width: 600px) {\n  .no_data_box {\n    text-align: center;\n    align-content: center;\n    align-items: center;\n    height: 10vh;\n    padding-top: 40px;\n  }\n  .no_data_text {\n    color: rgba(51, 51, 51, 0.82);\n\n    text-align: center;\n    font-family: Avenir;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 800;\n    line-height: 20px; /* 153.846% */\n  }\n  .tableTopHeading {\n    color: var(--Text-Black, #39434d);\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    text-transform: capitalize;\n  }\n}\n</style>\n<style>\n.tableHeader-textClass {\n  color: #283037 !important;\n  font-family: Avenir !important;\n  font-size: 14px !important;\n  font-style: normal !important;\n  font-weight: 800 !important;\n  line-height: normal !important;\n  text-transform: uppercase !important;\n  border-top: 1px solid #283037 !important;\n}\n.v-data-table__empty-wrapper {\n  display: none !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!./PaperPerformance.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!./PaperPerformance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaperPerformance.vue?vue&type=template&id=7d15df0a&scoped=true&\"\nimport script from \"./PaperPerformance.vue?vue&type=script&lang=js&\"\nexport * from \"./PaperPerformance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaperPerformance.vue?vue&type=style&index=0&id=7d15df0a&scoped=true&lang=css&\"\nimport style1 from \"./PaperPerformance.vue?vue&type=style&index=1&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  \"7d15df0a\",\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 { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VCol,VDataTable,VDivider,VIcon,VPagination,VRow,VSelect,VSkeletonLoader,VSpacer,VTooltip})\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!./PaperPerformance.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""}