{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/TradeView/TradeView.vue?f50a","webpack:///src/components/Profile/ProfileTradeDetails/TradeView/TradeView.vue","webpack:///./src/components/Profile/ProfileTradeDetails/TradeView/TradeView.vue?e952","webpack:///./src/components/Profile/ProfileTradeDetails/TradeView/TradeView.vue?7870","webpack:///./src/components/Profile/ProfileTradeDetails/TradeView/TradeView.vue?d335"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","status","_v","class","calculated_figures","accuracy","_s","total_pnl","total_pnl_percent","realized_pnl","total_realized_pnl","realized_pnl_percent","_e","trade_count","invested_amount","current_amount","is_participant","filter_by","tradeList","_l","trade","key","id","ref","refInFor","page_info","page_number","total_page","directives","name","rawName","value","expression","staticRenderFns","props","is_followed","type","required","tradeItemChange","components","NewTradeCard","data","hide","computed","watch","methods","updateTrade","getCount","reloadTrades","viewTrade","onIntersect","entries","mounted","component","VCol","VIcon","VProgressCircular","VRow","Intersect"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAAiB,WAAfP,EAAIQ,OAAqBJ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,wBAAwBL,EAAG,OAAO,CAACM,MAAMV,EAAIW,mBAAmBC,UAAY,EACtY,iBACA,sBAAsB,CAACZ,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,mBAAmBC,UAAU,QAAQR,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,WAAW,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACM,MAAMV,EAAIc,UAAUA,WAAa,EAC3S,iBACA,sBAAsB,CAACd,EAAIS,GAAGT,EAAIa,GAAGb,EAAIc,UAAUA,WAAW,QAAQV,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,kBAAkB,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,sBAAsBL,EAAG,OAAO,CAACM,MAAMV,EAAIc,UAAUC,mBAAqB,EAC1T,iBACA,sBAAsB,CAACf,EAAIS,GAAGT,EAAIa,GAAGb,EAAIc,UAAUC,mBAAmB,QAAQX,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,6BAA6B,KAAqB,WAAfT,EAAIQ,OAAqBJ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,wBAAwBL,EAAG,OAAO,CAACM,MAAMV,EAAIW,mBAAmBC,UAAY,EAC5X,iBACA,sBAAsB,CAACZ,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,mBAAmBC,UAAU,QAAQR,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,WAAW,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,cAAcL,EAAG,OAAO,CAACM,MAAMV,EAAIgB,aAAaC,oBAAsB,EACvT,iBACA,sBAAsB,CAACjB,EAAIS,GAAGT,EAAIa,GAAGb,EAAIgB,aAAaC,oBAAoB,QAAQb,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,mBAAmB,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,sBAAsBL,EAAG,OAAO,CAACM,MAAMV,EAAIgB,aAAaE,sBAAwB,EAC7U,iBACA,sBAAsB,CAAClB,EAAIS,GAAGT,EAAIa,GAAGb,EAAIgB,aAAaE,sBAAsB,QAAQd,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,8BAA8B,KAAKT,EAAImB,OAAOf,EAAG,QAAQ,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAAiB,WAAfP,EAAIQ,QAAsC,WAAfR,EAAIQ,OAAqBJ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,iBAAiBL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,mBAAmBS,aAAa,OAAOhB,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,aAAa,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,sBAAsBL,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,mBAAmBU,iBAAiB,OAAOjB,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,sBAAsB,GAAGL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIS,GAAG,sBAAsBL,EAAG,OAAO,CAACM,MAAMV,EAAIW,mBAAmBW,eAC9+BtB,EAAIW,mBAAmBU,gBACnB,iBACA,sBAAsB,CAACrB,EAAIS,GAAGT,EAAIa,GAAGb,EAAIW,mBAAmBW,gBAAgB,OAAOlB,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,qBAAqB,KAAKT,EAAImB,QAAQ,GAAKnB,EAAIuB,gBAAoC,aAAlBvB,EAAIwB,UAAkLxB,EAAImB,KAA5Jf,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,iBAAiBC,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,wBAAwB,GAAaT,EAAIyB,UAAgB,OAAErB,EAAG,QAAQ,CAACE,YAAY,eAAeN,EAAI0B,GAAI1B,EAAa,WAAE,SAAS2B,GAAO,OAAOvB,EAAG,QAAQ,CAACwB,IAAID,EAAME,GAAGvB,YAAY,OAAOC,MAAM,CAAC,KAAO,KAAK,GAAK,OAAO,CAACH,EAAG,eAAe,CAAC0B,IAAK,GAAMH,EAAQ,GAAGI,UAAS,EAAKzB,YAAY,OAAOC,MAAM,CAAC,WAAaoB,MAAU,MAAK,GAAGvB,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,IAAI,CAACJ,EAAIS,GAAG,8BAA8B,GAAGL,EAAG,QAAQ,CAAEJ,EAAIgC,UAAUC,YAAcjC,EAAIgC,UAAUE,WAAY9B,EAAG,QAAQ,CAAC+B,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,cAAcC,MAAOtC,EAAe,YAAEuC,WAAW,gBAAgBjC,YAAY,OAAOC,MAAM,CAAC,KAAO,OAAO,CAAEP,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,sBAAsB,CAACG,MAAM,CAAC,cAAgB,GAAG,MAAQ,aAAaP,EAAIS,GAAG,sBAAsB,GAAGT,EAAImB,OAAOnB,EAAImB,MAAM,IAAI,IAC9tCqB,EAAkB,G,YCuKP,G,kDAAA,CACfJ,iBACAK,OACAC,aACAC,aACAC,aAEAnB,WACAkB,YAEAX,WACAW,aAEA3B,cACA2B,aAEA7B,WACA6B,aAEAnC,QACAmC,aAEAhC,oBACAgC,aAEApB,gBACAoB,cAEAnB,WACAmB,aAEAE,iBACAF,aAGAG,YAEAC,wBAAA,qDAEAC,gBACA,OACAC,UAGAC,YACAC,OACAN,2BACA,qBAGAO,SACAC,uBAAA,WACA,0CACA,8DACA,2CACA,qBAGA,0CACA,gDACA,kDACA,oCACA,0CACA,8CACA,wCAEAvB,wCACAA,8CACAA,gDACAA,kCACAA,wCACAA,4CACAA,2CAIAwB,oBACA,wBAEAC,wBACA,4BAEAC,sBACA,2BAEAC,wBAAA,WAEA,aACAC,uBACA,mBACA,iDACA,2BACA,yBAEA,gBAgBAC,uBCrSgY,I,8HCQ5XC,EAAY,eACd,EACA7D,EACAyC,GACA,EACA,KACA,WACA,MAIa,aAAAoB,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,oBAAA,KAAkBC,OAAA,OAM3D,IAAkBJ,EAAW,CAACK,UAAA,U,oCCjC9B,W","file":"js/chunk-0fa3581e.46a58511.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',[_c('v-col',{staticClass:\"figure-pnl px-3\",attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[(_vm.status === 'Active')?_c('div',{staticClass:\"pnlDiv pa-2\"},[_c('div',[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-bullseye-arrow\")]),_c('span',{class:_vm.calculated_figures.accuracy >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.calculated_figures.accuracy)+\" %\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Wins\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-sack\")]),_c('span',{class:_vm.total_pnl.total_pnl >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.total_pnl.total_pnl)+\" ₹\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Current P&L\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-sack-percent\")]),_c('span',{class:_vm.total_pnl.total_pnl_percent >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.total_pnl.total_pnl_percent)+\" %\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Current P&L (% change)\")])],1)]):(_vm.status === 'Closed')?_c('div',{staticClass:\"pnlDiv pa-2\"},[_c('div',[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-bullseye-arrow\")]),_c('span',{class:_vm.calculated_figures.accuracy >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.calculated_figures.accuracy)+\" %\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Wins\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-sack\")]),_c('span',{class:_vm.realized_pnl.total_realized_pnl >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.realized_pnl.total_realized_pnl)+\" ₹\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Realized P&L\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-sack-percent\")]),_c('span',{class:_vm.realized_pnl.realized_pnl_percent >= 0\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.realized_pnl.realized_pnl_percent)+\" %\")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Realized P&L (% change)\")])],1)]):_vm._e()]),_c('v-col',{staticClass:\"figure-pnl px-3\",attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[(_vm.status === 'Active' || _vm.status === 'Closed')?_c('div',{staticClass:\"pnlDiv pa-2\"},[_c('div',[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-counter\")]),_c('span',[_vm._v(_vm._s(_vm.calculated_figures.trade_count)+\" \")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Trades\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-currency-inr\")]),_c('span',[_vm._v(_vm._s(_vm.calculated_figures.invested_amount)+\" \")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Invested Amount\")])],1),_c('div',{staticClass:\"mt-2\"},[_c('v-icon',{staticClass:\"mx-3\",attrs:{\"color\":\"#333333\"}},[_vm._v(\"mdi-currency-inr\")]),_c('span',{class:_vm.calculated_figures.current_amount >\n              _vm.calculated_figures.invested_amount\n                ? 'figure-percent'\n                : 'figure-neg-percent'},[_vm._v(_vm._s(_vm.calculated_figures.current_amount)+\" \")]),_c('span',{staticClass:\"figure-text mx-3\"},[_vm._v(\"Current Amount\")])],1)]):_vm._e()])],1),(!_vm.is_participant && _vm.filter_by === 'featured')?_c('v-row',[_c('v-col',{staticClass:\"px-3 pb-4 pt-0\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"tradeListHeading\"},[_vm._v(\"Featured Trades\")])])],1):_vm._e(),(_vm.tradeList.length)?_c('v-row',{staticClass:\"mb-12 pb-10\"},_vm._l((_vm.tradeList),function(trade){return _c('v-col',{key:trade.id,staticClass:\"py-2\",attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('NewTradeCard',{ref:(\"\" + (trade.id)),refInFor:true,staticClass:\"mb-4\",attrs:{\"trade_data\":trade}})],1)}),1):_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-center pt-15 mt-10\"},[_c('p',[_vm._v(\"There are no trades\")])])])],1),_c('v-row',[(_vm.page_info.page_number < _vm.page_info.total_page)?_c('v-col',{directives:[{name:\"intersect\",rawName:\"v-intersect\",value:(_vm.onIntersect),expression:\"onIntersect\"}],staticClass:\"py-4\",attrs:{\"cols\":\"12\"}},[(_vm.hide)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2f80ed\"}}),_vm._v(\" Loading More... \")],1):_vm._e()]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row>\n      <v-col cols=\"12\" sm=\"4\" class=\"figure-pnl px-3\">\n        <div class=\"pnlDiv pa-2\" v-if=\"status === 'Active'\">\n          <div>\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-bullseye-arrow</v-icon>\n            <span\n              :class=\"\n                calculated_figures.accuracy >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ calculated_figures.accuracy }} %</span\n            ><span class=\"figure-text mx-3\">Wins</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon color=\"#333333\" class=\"mx-3\">mdi-sack</v-icon>\n            <span\n              :class=\"\n                total_pnl.total_pnl >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ total_pnl.total_pnl }} ₹</span\n            >\n            <span class=\"figure-text mx-3\">Current P&L</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-sack-percent</v-icon>\n            <span\n              :class=\"\n                total_pnl.total_pnl_percent >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ total_pnl.total_pnl_percent }} %</span\n            ><span class=\"figure-text mx-3\">Current P&L (% change)</span>\n          </div>\n          <!-- <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-counter</v-icon>\n            <span>{{ calculated_figures.trade_count }} </span\n            ><span class=\"figure-text mx-3\">Trades</span>\n          </div> -->\n        </div>\n        <div class=\"pnlDiv pa-2\" v-else-if=\"status === 'Closed'\">\n          <div>\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-bullseye-arrow</v-icon>\n            <span\n              :class=\"\n                calculated_figures.accuracy >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ calculated_figures.accuracy }} %</span\n            ><span class=\"figure-text mx-3\">Wins</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon color=\"#333333\" class=\"mx-3\">mdi-sack</v-icon>\n            <span\n              :class=\"\n                realized_pnl.total_realized_pnl >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ realized_pnl.total_realized_pnl }} ₹</span\n            >\n            <span class=\"figure-text mx-3\">Realized P&L</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-sack-percent</v-icon>\n            <span\n              :class=\"\n                realized_pnl.realized_pnl_percent >= 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ realized_pnl.realized_pnl_percent }} %</span\n            ><span class=\"figure-text mx-3\">Realized P&L (% change)</span>\n          </div>\n\n          <!-- <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-counter</v-icon>\n            <span>{{ calculated_figures.trade_count }} </span\n            ><span class=\"figure-text mx-3\">Trades</span>\n          </div> -->\n        </div>\n      </v-col>\n      <v-col cols=\"12\" sm=\"4\" class=\"figure-pnl px-3\">\n        <div\n          class=\"pnlDiv pa-2\"\n          v-if=\"status === 'Active' || status === 'Closed'\"\n        >\n          <div>\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-counter</v-icon>\n            <span>{{ calculated_figures.trade_count }} </span\n            ><span class=\"figure-text mx-3\">Trades</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-currency-inr</v-icon>\n            <span>{{ calculated_figures.invested_amount }} </span\n            ><span class=\"figure-text mx-3\">Invested Amount</span>\n          </div>\n          <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-currency-inr</v-icon>\n            <span\n              :class=\"\n                calculated_figures.current_amount >\n                calculated_figures.invested_amount\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ calculated_figures.current_amount }} </span\n            ><span class=\"figure-text mx-3\">Current Amount</span>\n          </div>\n          <!-- <div class=\"mt-2\">\n            <v-icon class=\"mx-3\" color=\"#333333\">mdi-bullseye-arrow</v-icon>\n            <span\n              :class=\"\n                calculated_figures.accuracy > 0\n                  ? 'figure-percent'\n                  : 'figure-neg-percent'\n              \"\n              >{{ calculated_figures.accuracy }} %</span\n            ><span class=\"figure-text mx-3\">Wins</span>\n          </div> -->\n        </div>\n      </v-col>\n    </v-row>\n    <v-row v-if=\"!is_participant && filter_by === 'featured'\">\n      <v-col cols=\"12\" class=\"px-3 pb-4 pt-0\">\n        <div class=\"tradeListHeading\">Featured Trades</div>\n      </v-col>\n    </v-row>\n    <v-row v-if=\"tradeList.length\" class=\"mb-12 pb-10\">\n      <v-col\n        cols=\"12\"\n        sm=\"12\"\n        class=\"py-2\"\n        v-for=\"trade in tradeList\"\n        :key=\"trade.id\"\n      >\n        <NewTradeCard class=\"mb-4\" :trade_data=\"trade\" :ref=\"`${trade.id}`\">\n        </NewTradeCard>\n        <!-- <trade-card\n          :is_followed=\"is_followed\"\n          :trade_data=\"trade\"\n          :ref=\"`${trade.id}`\"\n          @openTrade=\"viewTrade\"\n          @get-count=\"getCount\"\n          @reloadProfile=\"$emit('getProfileDetails')\"\n          @reloadTrades=\"reloadTrades\"\n          @exitReload=\"$emit('exitReload')\"\n          @follow=\"getCount\"\n        ></trade-card> -->\n      </v-col>\n    </v-row>\n    <v-row v-else>\n      <v-col cols=\"12\">\n        <div class=\"text-center pt-15 mt-10\">\n          <p>There are no trades</p>\n        </div>\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col\n        cols=\"12\"\n        class=\"py-4\"\n        v-if=\"page_info.page_number < page_info.total_page\"\n        v-intersect=\"onIntersect\"\n      >\n        <div class=\"text-center\" v-if=\"hide\">\n          <v-progress-circular\n            indeterminate\n            color=\"#2f80ed\"\n          ></v-progress-circular>\n          Loading More...\n        </div>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"TradeView\",\n  props: {\n    is_followed: {\n      type: Boolean,\n      required: true,\n    },\n    tradeList: {\n      type: Array,\n    },\n    page_info: {\n      type: Object,\n    },\n    realized_pnl: {\n      type: Object,\n    },\n    total_pnl: {\n      type: Object,\n    },\n    status: {\n      type: String,\n    },\n    calculated_figures: {\n      type: Object,\n    },\n    is_participant: {\n      type: Boolean,\n    },\n    filter_by: {\n      type: String,\n    },\n    tradeItemChange: {\n      type: Array,\n    },\n  },\n  components: {\n    // TradeCard: () => import(\"@/components/Trade/TradeCard.vue\"),\n    NewTradeCard: () => import(\"@/components/TradeCard.vue\"),\n  },\n  data() {\n    return {\n      hide: true,\n    };\n  },\n  computed: {},\n  watch: {\n    tradeItemChange() {\n      this.updateTrade();\n    },\n  },\n  methods: {\n    updateTrade() {\n      this.tradeItemChange.forEach((i) => {\n        var tradeItemIndex = this.tradeList.findIndex((itm) => itm.id == i.id);\n        var ref = [...this.$refs[`${i.id}`]];\n        if (this.tradeList.length) {\n          //trade update\n          // this.tradeList[tradeItemIndex] = i;\n          this.tradeList[tradeItemIndex][\"live_price\"] = i.live_price;\n          this.tradeList[tradeItemIndex][\"price_up_down\"] = i.price_up_down;\n          this.tradeList[tradeItemIndex][\"profit_percent\"] = i.profit_percent;\n          this.tradeList[tradeItemIndex][\"pl_data\"] = i.pl_data;\n          this.tradeList[tradeItemIndex][\"pl_percent\"] = i.pl_percent;\n          this.tradeList[tradeItemIndex][\"target_price\"] = i.target_price;\n          this.tradeList[tradeItemIndex][\"stop_loss\"] = i.stop_loss;\n\n          ref[0].trade_data.live_price = i.live_price;\n          ref[0].trade_data.price_up_down = i.price_up_down;\n          ref[0].trade_data.profit_percent = i.profit_percent;\n          ref[0].trade_data.pl_data = i.pl_data;\n          ref[0].trade_data.pl_percent = i.pl_percent;\n          ref[0].trade_data.target_price = i.target_price;\n          ref[0].trade_data.stop_loss = i.stop_loss;\n        }\n      });\n    },\n    getCount() {\n      this.$emit(\"getCount\");\n    },\n    reloadTrades() {\n      this.$emit(\"reloadTrades\");\n    },\n    viewTrade(id) {\n      this.$emit(\"viewTrade\", id);\n    },\n    onIntersect(entries) {\n      // console.log(entries);\n      this.hide = true;\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          if (this.page_info.page_number <= this.page_info.total_page) {\n            this.page_info.page_number += 1;\n            this.$emit(\"appendTrades\");\n          } else {\n            this.hide = false;\n          }\n        }\n      });\n    },\n  },\n  // created() {\n  //   this.eventBus.$on(\"update-trade-data\", () => {\n  //     this.reloadTrades();\n  //     console.log(\"dasssssssssssssss\");\n  //   });\n  // },\n  // beforeMount() {},\n  // beforeDestroy() {\n  //   this.eventBus.$off(\"update-trade-data\");\n  // },\n  mounted() {},\n};\n</script>\n<style scoped>\n.figure-percent {\n  color: #27ae60;\n}\n.figure-neg-percent {\n  color: #eb5757;\n}\n.figure-pnl {\n  font-weight: 800 !important;\n  font-size: 16px;\n  line-height: 22px;\n\n  /* identical to box height */\n  text-align: left;\n}\n.pnlDiv {\n  margin: 0px !important;\n  margin-top: 10px !important;\n  background: #f6f7fa !important;\n  border-radius: 10px;\n  box-shadow: 0px 1px 8px rgba(34, 123, 232, 0.14);\n}\n.figure-text {\n  line-height: 16px;\n  text-align: center;\n\n  color: rgba(51, 51, 51, 0.7);\n  font-size: 14px;\n  font-weight: 400 !important;\n}\n.tradeListHeading {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 16px;\n  line-height: 27px;\n\n  color: #333333;\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!./TradeView.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!./TradeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TradeView.vue?vue&type=template&id=13b5d33c&scoped=true&\"\nimport script from \"./TradeView.vue?vue&type=script&lang=js&\"\nexport * from \"./TradeView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TradeView.vue?vue&type=style&index=0&id=13b5d33c&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  \"13b5d33c\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VIcon,VProgressCircular,VRow})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Intersect from 'vuetify/lib/directives/intersect'\ninstallDirectives(component, {Intersect})\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!./TradeView.vue?vue&type=style&index=0&id=13b5d33c&scoped=true&lang=css&\""],"sourceRoot":""}