{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTrades.vue?5c4e","webpack:///src/components/Profile/ProfileTradeDetails/ProfileTrades.vue","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTrades.vue?c843","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTrades.vue?0d64","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTrades.vue?f94e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$vuetify","breakpoint","attrs","user_id","is_feature","model","value","callback","$$v","selectedParentTab","expression","staticStyle","_l","item","i","key","loading","_v","_s","name","_e","is_participant","filter_by","xsOnly","selectedTab","label","on","$event","addTrade","realOrder","realPortfolio","showFill","smAndUp","class","selectedTabValue","statusItems","getFilteredTrade","status_filter","buySellItems","buy_sell","durationItems","duration","ref","dates","scopedSlots","_u","fn","_g","_b","menu","$refs","inputField","focus","dateFormattedText","save","clearFilter","is_filter","status","groupID","group","is_followed","tradeItems","page_info","total_pnl","realized_pnl","calculated_figures","tradeItemChange","getCount","$emit","getTrade","viewTrade","appendTrades","tabChange","todaysTrade","previousWeekTrade","otherTrade","calenderCount","today_page_info","weekly_page_info","appendTodaysTrades","appendPreviousWeeksTrades","mountRun","trade_detail_form","getTradeAfterComment","reload","staticRenderFns","props","type","required","components","CalenderView","TradeView","TradeForm","TradeDetailForm","GridTabs","WatchListComponent","RealOrders","RealPortfolio","data","helper","allPostedCount","followedCount","orderCount","portfolioCount","historyCount","global_count","page_number","detail_count","total_page","trade_other","trade_past_week","trade_today","trade_form_data","flag","id","trade_data","trade_edit","socket","trade_ids","security_ids","computed","parentTabs","get","tabs","is_same_user","is_admin","set","watch","methods","mapActions","toggleTradeModal","toggleAddTradeModal","resetPageInfo","clearData","show","getOrderCount","headers","params","config","then","console","catch","formData","Axios","successHandler","errorHandler","finallyHandler","getTotalPnlValues","failureHandler","res","filter","apiUrl","getTodayTrade","getPreviousWeekTrade","getFinalOrOtherTrade","setTimeout","initializeWebSocket","fields","tradeItemfiltered","tradeItemIndexes","todaysTradeFiltered","todaystradeIndexes","previousWeekTradeFilter","previousWeekTradeIndexex","otherTradeFiltered","otherTradeIndexes","cal_figure","closeWebSocket","getDurationList","tempList","newAxios","onSuccess","onFailure","isTokenRequired","beforeDestroy","mounted","created","destroyed","component","VBtn","VDatePicker","VIcon","VMenu","VSelect","VSkeletonLoader","VSpacer","VTab","VTabItem","VTabs","VTabsItems","VTextField"],"mappings":"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EA,CACAzC,mBACAb,aACAsD,iBAIA,CACA,CACAzC,sBACAb,cACAsD,gBAEA,CACAzC,mBACAb,aACAsD,iBAKA,gBACA,kBACA,CACA,CACAzC,gBACAb,iBACAsD,gBAEA,CACAzC,sBACAb,cACAsD,gBAEA,CACAzC,mBACAb,aACAsD,iBAIA,CACA,CACAzC,gBACAb,iBACAsD,gBAEA,CACAzC,sBACAb,cACAsD,gBAEA,CACAzC,mBACAb,aACAsD,gBAEA,CACAzC,iBACAb,iBACAsD,iBAKA,kBACA,CACA,CACAzC,sBACAb,cACAsD,gBAEA,CACAzC,mBACAb,aACAsD,iBAIA,CACA,CACAzC,sBACAb,cACAsD,gBAEA,CACAzC,mBACAb,aACAsD,gBAEA,CACAzC,iBACAb,iBACAsD,mBAQA/B,qBACA,+DAMAC,yBACA,mEAMA6F,gBACA,OACA,CACAxG,qDACAM,mBACAnB,mBACAgB,mBACAmC,aACAG,gBAEA,CACAzC,6CACAM,eACAnB,cACAgB,mBACAmC,kBACAG,gBAEA,CACAzC,iDACAM,kBACAnB,kBACAgB,mBACAmC,gBACAG,gBAEA,CACAzC,+CACAM,gBACAnB,gBACAgB,mBACAmC,gBACAG,kBAWAA,uBACA,4DAEAgE,wBACA,sCACA,yCAEAC,oBACA,qBAGA,qBAGAxG,0BACA,yBAGA,kDAOAgC,mBACAqE,eACA,yBACA,qBACA,4CAEA,4CACA,UACA,yDAGA,KAIAxF,4BACA,0CAEAZ,WACAoG,eACA,sDAEAI,gBACA,WAGArE,QACAiE,eACA,2CAEAI,gBACA,WAGAtE,WACAkE,eACA,SACA,sBACA,sBACA,mBACA,4BAOAI,eACA,4CAIAC,OACAtH,6BACA,8BACA,mBACA,mBAGAe,uBACA,mCAGA,qBAFA,mBAMAwG,yCACAC,gBACAC,yCACAC,mDACA,IAIAC,yBACA,gBACA1B,cACAC,eACAC,cAEA,sBACAF,cACAC,eACAC,cAEA,uBACAF,cACAC,eACAC,eAGAxE,4BACA,gBACA,qBACA,iBAEAmB,uBACA,iBACA,iBACA,cACA,sBACA,iBAEA8E,qBACA,oBACA,0BACA,mBACA,oBAEAzG,oBACA,yCACA,iCACA,8CAEA,6BAEA,0BACA0G,QACA/C,WACAjE,4BAGAgD,sBACA,+BACA,6BAEAiE,yBAAA,WAEA,KACA,KACA,KACAC,gCACA,eACAC,2BAEA,gBACAA,6BAEAC,cACAA,4BACAA,kBACAA,eACA,kBACAC,kBACAC,eAEA,4CACA,uDAEAC,mBACAD,mBAIAzE,oBAAA,WACA,cACA,kDACA,mDACA,uBACA,gDACA,mDAEA,gDACA,gCAKA,cACAyE,gBAEA,aAIA,sBACA,mBAGA,KACA,eACAE,6BAEAA,8BACAC,wDACA,kBACAD,EACA,GACAE,EACAC,GACA,GACA,EACAC,IAGAC,6BAAA,WACA,cACAP,yBACA,uCACA,oDAEA,eACA,KACAE,0BACAC,mBACA,uBACAD,EACA,GACAE,EACAI,GACA,GACA,IAGA/E,oBAEA,oBACA,UAEA,gBACA,qBACA,2BAEA,8BAGA,qBAGA,MACA,QACA,8BACA,QAGAU,8BAAA,WACA,kBACA,EADA,iBACAsE,eAAA,8CACA,uBACA,kCAEA,EAFA,iBAEA,6DACA,qCACA,iCAEA,8BACA,oCAEA,aACA,cAEA,KACA,aACAP,0BAEAA,4BAEAA,gCACAA,kDACAA,oDACA,oBACAA,qCAKA,8BACA,kBAEA,sBACAA,uBAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACAQ,0BACAT,EACA,GACAE,EACAI,GACA,GACA,IAGApE,qCAAA,WACA,kBACA,EADA,iBACAqE,eAAA,8CACA,6BACA,kCAEA,EAFA,iBAEA,mEACA,qCACA,iCAEA,8BACA,qCAEA,aACA,cAEA,KACA,aACAP,0BAEAA,4BAEAA,gCACAA,mDACAA,qDACA,oBACAA,qCAKA,8BACA,kBAEA,sBACAA,+BAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACAQ,0BACAT,EACA,GACAE,EACAI,GACA,GACA,IAGAI,yBAAA,WACA,gBACA,kBACAZ,YACAS,EACA,4FAEA,0CACA,4BACA,uCAEA,EAFA,iBAEA,6DACA,qCACA,iCAMA,gCAEA,aACA,cAEA,aACA,0BAEA,KACA,aACAP,0BAEAA,4BAEAA,gCACAA,kDACAA,oDACA,oBACAA,qCAKA,8BACA,kBAEA,sBACAA,uBAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACAQ,0BAEAT,EACA,GACAE,EACAI,GACA,GACA,EACAF,IAGAO,gCAAA,WACA,cACA,8CACA,kCACA,oCAEA,IAEA,EAFA,iBAEA,mEACA,qCACA,iCAEA,gCAEA,aACA,cAEA,aACA,4BAEA,KACA,aACAX,0BAEAA,4BAEAA,gCACAA,mDACAA,qDACA,oBACAA,qCAKA,8BACA,kBAEA,sBACAA,+BAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACAQ,0BAEAT,EACA,GACAE,EACAI,GACA,GACA,EACAF,IAGAQ,iCAAA,WACA,cAGA,GADA,6BACA,EACA,kCACA,IACA,EADA,iBACAL,eAAA,8CACA,sBACA,8BACA,4BACA,+CACA,gDACA,eACAA,mDAEA,iCACA,EADA,iBACAA,eAAA,8CACA,sBACA,mCACA,CACA,0CACA,IACA,EADA,iBACAA,eAAA,8CACA,sBACA,oCAGA,+BACA,2BACA,4BACA,+CACA,gDACA,eACAA,+CAEA,yBACA,4BAEA,0CACA,4BAGA,iCAEA,EAFA,iBAEA,4DACA,qCACA,iCAEA,8BAEA,OACA9D,gBACA2B,mBAEA,iCAKAyC,uBACA,eACA,MAEA,aACA,cAEA,KACA,aACAb,0BAEAA,4BAEAA,gCACAA,4CACAA,8CACA,oBACAA,qCAKA,8BACA,kBAEA,sBACAA,wBAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACAQ,0BACAT,EACA,GACAE,EACAI,GACA,GACA,IAGA7E,wBAEA,+BAEAa,kBAAA,wKACA,oBAEA,yDAHA,IAKAZ,qBAAA,wJAUA,OATA,cACA,cACA,WACA,aACAkC,cACAC,eACAC,eAEA,mBACA,sBACA,oBACA,8BACA,eAEA,0CAfA,IAiBA3B,oBAAA,WACA,gBACA0E,uBACA,iBAEA,OAEAC,+BAAA,WAEA,sCAEA,6BAEA,8BACAhB,kDAGA,kCACA,yBACA,OAAAiB,WACA,+BAEA,IAIA,EAJA,uBACA,oCAEA,sBACAC,GAAA,mCACA,2DACA,MACAC,WAHA,+BAUA,8BACA,IAIA,EAJA,wBACA,oCAEA,sBACAC,GAAA,mCACA,4DACA,MACAC,WAHA,+BAWA,8BACA,IAIA,EAJA,8BACA,oCAEA,sBACAC,GAAA,mCACA,iCACA,iCAEA,MACAC,WALA,+BAaA,8BACA,IAIA,EAJA,uBACA,oCAEA,sBACAC,GAAA,mCACA,2DACA,MACAC,WAHA,+BAOA,8BACA,iBACA,EADA,iBACAN,GAAA,8CACA,2BACAF,wBACA,gCACA,gBACAA,GAEA,8BACAS,UACA,+BACAA,iBACA,mCACA,2BACAA,cAUA,+BAEA,iBACA,EADA,iBACAL,GAAA,8CACA,4BACAJ,wBAEA,gCACA,iBACAA,GAEA,+BACAS,UACA,gCACAA,iBACA,oCACA,4BACAA,cASA,+BAEA,UACA,EADA,iBACAH,GAAA,8CACA,kCACAN,wBACA,gCACA,uBACAA,GAEA,qCACAS,UACA,sCACAA,iBACA,+BACAA,WACA,kCACAA,cAYA,+BAEA,iBACA,EADA,iBACAD,GAAA,8CACA,2BACAR,wBACA,gCACA,gBACAA,GAEA,8BACAS,UACA,+BACAA,iBACA,mCACA,2BACAA,cAUA,kCAKA,gCACA1B,gDAGA2B,0BACA,aACA,qBAGAC,2BAAA,WACA,cACA,IACA,EADA,sBACAnB,QAAA,8CACA,+BACAoB,WAEA,8BAEA,mBAEA,eACAC,+CACAC,YACAC,YACAC,wBAIAC,yBACA,sBACA,oCAEAC,mBACA,uBACA,2BACA,iBAGAC,mBAAA,WACA,6CACApC,yCAGA,yBACA,qBAMA,mDACA,cAEA,8CACA,+BAEA,8CACA,0BACA,gBACA,aACAe,uBACA,gBACA,OAEAf,6BAKAqC,qBACA,yCACA,oCACA,0CCzhDqX,I,6LCQjXC,EAAY,eACd,EACA1L,EACA6F,GACA,EACA,KACA,WACA,MAIa,aAAA6F,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,cAAA,KAAYC,QAAA,KAAMC,QAAA,KAAMC,UAAA,KAAQC,kBAAA,KAAgBC,UAAA,KAAQC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,aAAA,KAAWC,aAAA,Q,yDCnC1H","file":"js/chunk-64b9a99c.21b18eb4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-0 padForMobile pb-6\"},[(_vm.$vuetify.breakpoint.xsOnly)?_c('div',{staticClass:\"px-4 pt-2\"},[_c('grid-tabs',{attrs:{\"user_id\":this.user_id,\"is_feature\":_vm.is_feature},model:{value:(_vm.selectedParentTab),callback:function ($$v) {_vm.selectedParentTab=$$v},expression:\"selectedParentTab\"}})],1):_c('div',{staticClass:\"pb-2\"},[(_vm.is_participant)?_c('v-tabs',{staticStyle:{\"color\":\"rgba(51, 51, 51, 0.74)\",\"border-radius\":\"8px\"},attrs:{\"background-color\":\"#FFFFFF\",\"active-class\":\"tabActive\",\"hide-slider\":\"\",\"show-arrows\":\"\",\"grow\":\"\"},model:{value:(_vm.selectedParentTab),callback:function ($$v) {_vm.selectedParentTab=$$v},expression:\"selectedParentTab\"}},_vm._l((_vm.parentTabs),function(item,i){return _c('v-tab',{key:i,staticClass:\"tab\",attrs:{\"disabled\":_vm.loading}},[_vm._v(\" \"+_vm._s(item.name))])}),1):_vm._e()],1),(\n      _vm.is_participant && _vm.filter_by !== 'followed' && _vm.filter_by !== 'featured'\n    )?_c('div',{staticClass:\"title\"},[_c('v-tabs',{staticClass:\"trade-tabs\",attrs:{\"height\":\"51px\",\"color\":\"#2D8CFF\",\"background-color\":\"#f2f8ff\",\"show-arrows\":!_vm.$vuetify.breakpoint.xsOnly,\"grow\":!_vm.$vuetify.breakpoint.xsOnly},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}},_vm._l((_vm.tabs),function(item,i){return _c('v-tab',{key:i,staticClass:\"tab\",attrs:{\"disabled\":_vm.loading}},[_c('div',[_c('div',[_vm._v(\" \"+_vm._s(item.label)+\" \")]),_c('div',[_vm._v(_vm._s(item.name))])])])}),1),_c('v-spacer'),(_vm.is_same_user)?_c('v-btn',{staticClass:\"add-trade-button ml-5\",attrs:{\"color\":\"#2d8cff\"},on:{\"click\":function($event){return _vm.addTrade()}}},[_c('v-icon',{attrs:{\"color\":\"#fff\"}},[_vm._v(\"mdi-plus\")]),_vm._v(\" Add new trade \")],1):_vm._e()],1):_vm._e(),(\n      _vm.$vuetify.breakpoint.xsOnly &&\n      _vm.is_participant &&\n      _vm.filter_by !== 'featured' &&\n      _vm.filter_by !== 'followed' &&\n      !_vm.realOrder &&\n      !_vm.realPortfolio\n    )?_c('div',[_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border\":\"1px solid black\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.showFill = !_vm.showFill}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-filter\")]),_vm._v(\" filter \")],1)],1):_vm._e(),(\n      (_vm.$vuetify.breakpoint.smAndUp || _vm.showFill) &&\n      _vm.is_participant &&\n      _vm.filter_by !== 'featured' &&\n      _vm.filter_by !== 'followed' &&\n      !_vm.realOrder &&\n      !_vm.realPortfolio\n    )?_c('div',{class:_vm.$vuetify.breakpoint.xsOnly\n        ? 'sort-and-filter'\n        : 'mt-5 sort-and-filter d-flex'},[(_vm.selectedTabValue === 'all_posted' || _vm.filter_by === 'followed')?_c('v-select',{staticClass:\"selectBox\",attrs:{\"multiple\":\"\",\"items\":_vm.statusItems,\"item-text\":\"name\",\"item-value\":\"value\",\"dense\":\"\",\"label\":\"Status\",\"outlined\":\"\",\"background-color\":\"#fff\"},on:{\"change\":_vm.getFilteredTrade},model:{value:(_vm.status_filter),callback:function ($$v) {_vm.status_filter=$$v},expression:\"status_filter\"}}):_vm._e(),_c('v-select',{staticClass:\"selectBox\",attrs:{\"multiple\":\"\",\"items\":_vm.buySellItems,\"dense\":\"\",\"label\":\"Buy/Sell\",\"outlined\":\"\",\"background-color\":\"#fff\"},on:{\"change\":_vm.getFilteredTrade},model:{value:(_vm.buy_sell),callback:function ($$v) {_vm.buy_sell=$$v},expression:\"buy_sell\"}}),_c('v-select',{staticClass:\"selectBox\",attrs:{\"multiple\":\"\",\"item-text\":\"name_to_show\",\"item-value\":\"id\",\"items\":_vm.durationItems,\"dense\":\"\",\"label\":\"Duration\",\"outlined\":\"\",\"background-color\":\"#fff\"},on:{\"change\":_vm.getFilteredTrade},model:{value:(_vm.duration),callback:function ($$v) {_vm.duration=$$v},expression:\"duration\"}}),_c('v-menu',{ref:\"menu\",attrs:{\"close-on-content-click\":false,\"return-value\":_vm.dates,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"290px\"},on:{\"update:returnValue\":function($event){_vm.dates=$event},\"update:return-value\":function($event){_vm.dates=$event}},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n        var on = ref.on;\n        var attrs = ref.attrs;\nreturn [_c('v-text-field',_vm._g(_vm._b({ref:\"inputField\",staticClass:\"selectBox\",attrs:{\"label\":\"Date Filter\",\"outlined\":\"\",\"background-color\":\"#fff\",\"multiple\":\"\",\"dense\":\"\",\"readonly\":\"\",\"append-icon\":\"mdi-calendar-range\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.dates = []},\"click:append\":function($event){(_vm.menu = !_vm.menu), _vm.$refs.inputField.focus()}},model:{value:(_vm.dateFormattedText),callback:function ($$v) {_vm.dateFormattedText=$$v},expression:\"dateFormattedText\"}},'v-text-field',attrs,false),on))]}}],null,false,2370708380),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-date-picker',{attrs:{\"range\":\"\",\"no-title\":\"\",\"scrollable\":\"\"},on:{\"input\":_vm.getFilteredTrade},model:{value:(_vm.dates),callback:function ($$v) {_vm.dates=$$v},expression:\"dates\"}},[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){_vm.menu = false}}},[_vm._v(\"Cancel\")]),_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.menu.save(_vm.dates)}}},[_vm._v(\"OK\")])],1)],1),_c('v-btn',{staticClass:\"text-capitalize mt-3\",staticStyle:{\"border\":\"1px solid black\"},attrs:{\"text\":\"\"},on:{\"click\":_vm.clearFilter}},[_c('v-icon',[_vm._v(\"mdi-filter-remove\")])],1)],1):_vm._e(),_c('v-tabs-items',{staticClass:\"bg-white\",model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}},[_c('v-tab-item',{attrs:{\"value\":_vm.selectedTab}},[_c('div',{},[(_vm.loading)?_c('div',{staticClass:\"d-flex flex-row flex-wrap\"},_vm._l((6),function(item){return _c('v-skeleton-loader',{key:item,staticClass:\"skeleton-loader pa-4\",attrs:{\"height\":\"350\",\"width\":\"100%\",\"type\":\"card-avatar, sentences ,actions\"}})}),1):_c('div',[(\n              !_vm.is_filter &&\n              _vm.status === 'ALL' &&\n              _vm.filter_by !== 'followed' &&\n              _vm.filter_by !== 'featured' &&\n              !_vm.loading &&\n              !_vm.realOrder &&\n              !_vm.realPortfolio\n            )?_c('calender-view',{attrs:{\"is_followed\":_vm.is_followed,\"todaysTrade\":_vm.todaysTrade,\"previousWeekTrade\":_vm.previousWeekTrade,\"otherTrade\":_vm.otherTrade,\"tradeItemChange\":_vm.tradeItemChange,\"count\":_vm.calenderCount,\"is_participant\":_vm.is_participant,\"page_info\":_vm.page_info,\"today_page_info\":_vm.today_page_info,\"weekly_page_info\":_vm.weekly_page_info},on:{\"getCount\":_vm.getCount,\"getProfileDetails\":function($event){return _vm.$emit('getProfileDetails')},\"reloadTrades\":_vm.getTrade,\"viewTrade\":_vm.viewTrade,\"exitReload\":_vm.tabChange,\"appendTrades\":function($event){return _vm.appendTrades(false)},\"appendTodaysTrades\":function($event){return _vm.appendTodaysTrades(false)},\"appendPreviousWeeksTrades\":function($event){return _vm.appendPreviousWeeksTrades(false)}}}):(\n              !_vm.loading &&\n              _vm.filter_by !== 'followed' &&\n              !_vm.realOrder &&\n              !_vm.realPortfolio\n            )?_c('trade-view',{attrs:{\"is_followed\":_vm.is_followed,\"tradeList\":_vm.tradeItems,\"page_info\":_vm.page_info,\"total_pnl\":_vm.total_pnl,\"realized_pnl\":_vm.realized_pnl,\"status\":_vm.status,\"is_participant\":_vm.is_participant,\"filter_by\":_vm.filter_by,\"calculated_figures\":_vm.calculated_figures,\"tradeItemChange\":_vm.tradeItemChange},on:{\"getCount\":_vm.getCount,\"getProfileDetails\":function($event){return _vm.$emit('getProfileDetails')},\"reloadTrades\":_vm.getTrade,\"viewTrade\":_vm.viewTrade,\"appendTrades\":function($event){return _vm.appendTrades()},\"exitReload\":_vm.tabChange}}):(_vm.filter_by == 'followed')?_c('WatchListComponent',{attrs:{\"user_id\":_vm.user_id}}):(_vm.realOrder)?_c('real-orders',{attrs:{\"group_id\":_vm.groupID,\"user_id\":_vm.user_id,\"group\":_vm.group}}):(_vm.realPortfolio)?_c('div',[_c('real-portfolio',{attrs:{\"group_id\":_vm.groupID,\"user_id\":_vm.user_id,\"group\":_vm.group}})],1):_vm._e()],1)])])],1),_c('trade-form',{attrs:{\"groupId\":_vm.groupID,\"filter_by\":_vm.filter_by},on:{\"reloadTrades\":_vm.mountRun}}),(_vm.trade_detail_form.flag)?_c('trade-detail-form',{attrs:{\"trade_detail_form\":_vm.trade_detail_form},on:{\"reload-profile\":function($event){return _vm.$emit('getProfileDetails')},\"reload-trades\":_vm.mountRun,\"deleteTrades\":_vm.mountRun,\"reload-trade-data\":_vm.mountRun,\"reload-trade-data-comment\":_vm.getTradeAfterComment,\"exitReload\":_vm.reload}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"py-0 padForMobile pb-6\">\n    <div class=\"px-4 pt-2\" v-if=\"$vuetify.breakpoint.xsOnly\">\n      <grid-tabs\n        :user_id=\"this.user_id\"\n        v-model=\"selectedParentTab\"\n        :is_feature=\"is_feature\"\n      ></grid-tabs>\n    </div>\n    <div class=\"pb-2\" v-else>\n      <v-tabs\n        v-model=\"selectedParentTab\"\n        background-color=\"#FFFFFF\"\n        active-class=\"tabActive\"\n        style=\"color: rgba(51, 51, 51, 0.74); border-radius: 8px\"\n        hide-slider\n        show-arrows\n        grow\n        v-if=\"is_participant\"\n      >\n        <v-tab\n          class=\"tab\"\n          v-for=\"(item, i) in parentTabs\"\n          :key=\"i\"\n          :disabled=\"loading\"\n        >\n          {{ item.name }}</v-tab\n        >\n      </v-tabs>\n    </div>\n    <div\n      class=\"title\"\n      v-if=\"\n        is_participant && filter_by !== 'followed' && filter_by !== 'featured'\n      \"\n    >\n      <v-tabs\n        height=\"51px\"\n        v-model=\"selectedTab\"\n        color=\"#2D8CFF\"\n        background-color=\"#f2f8ff\"\n        class=\"trade-tabs\"\n        :show-arrows=\"!$vuetify.breakpoint.xsOnly\"\n        :grow=\"!$vuetify.breakpoint.xsOnly\"\n      >\n        <v-tab\n          class=\"tab\"\n          v-for=\"(item, i) in tabs\"\n          :key=\"i\"\n          :disabled=\"loading\"\n        >\n          <div>\n            <div>\n              {{ item.label }}\n            </div>\n            <div>{{ item.name }}</div>\n          </div>\n        </v-tab>\n      </v-tabs>\n      <!-- <v-tabs-items v-model=\"tabs\">\n        <v-tab-item value=\"Orders\">\n          <v-card>\n            <div>Orders</div>\n          </v-card>\n        </v-tab-item>\n      </v-tabs-items> -->\n      <!-- {{ selectedTabValue }} -->\n      <v-spacer></v-spacer>\n      <v-btn\n        v-if=\"is_same_user\"\n        @click=\"addTrade()\"\n        color=\"#2d8cff\"\n        class=\"add-trade-button ml-5\"\n        ><v-icon color=\"#fff\">mdi-plus</v-icon> Add new trade\n      </v-btn>\n    </div>\n\n    <div\n      v-if=\"\n        $vuetify.breakpoint.xsOnly &&\n        is_participant &&\n        filter_by !== 'featured' &&\n        filter_by !== 'followed' &&\n        !realOrder &&\n        !realPortfolio\n      \"\n    >\n      <v-btn\n        text\n        class=\"text-capitalize\"\n        @click=\"showFill = !showFill\"\n        style=\"border: 1px solid black\"\n      >\n        <v-icon left>mdi-filter</v-icon>\n        filter\n      </v-btn>\n    </div>\n    <div\n      :class=\"\n        $vuetify.breakpoint.xsOnly\n          ? 'sort-and-filter'\n          : 'mt-5 sort-and-filter d-flex'\n      \"\n      v-if=\"\n        ($vuetify.breakpoint.smAndUp || showFill) &&\n        is_participant &&\n        filter_by !== 'featured' &&\n        filter_by !== 'followed' &&\n        !realOrder &&\n        !realPortfolio\n      \"\n    >\n      <v-select\n        v-model=\"status_filter\"\n        multiple\n        :items=\"statusItems\"\n        v-if=\"selectedTabValue === 'all_posted' || filter_by === 'followed'\"\n        item-text=\"name\"\n        item-value=\"value\"\n        @change=\"getFilteredTrade\"\n        dense\n        label=\"Status\"\n        outlined\n        class=\"selectBox\"\n        background-color=\"#fff\"\n      ></v-select>\n      <v-select\n        v-model=\"buy_sell\"\n        multiple\n        :items=\"buySellItems\"\n        dense\n        label=\"Buy/Sell\"\n        @change=\"getFilteredTrade\"\n        outlined\n        class=\"selectBox\"\n        background-color=\"#fff\"\n      ></v-select>\n\n      <v-select\n        v-model=\"duration\"\n        multiple\n        item-text=\"name_to_show\"\n        item-value=\"id\"\n        :items=\"durationItems\"\n        @change=\"getFilteredTrade\"\n        dense\n        label=\"Duration\"\n        outlined\n        class=\"selectBox\"\n        background-color=\"#fff\"\n      ></v-select>\n      <v-menu\n        ref=\"menu\"\n        v-model=\"menu\"\n        :close-on-content-click=\"false\"\n        :return-value.sync=\"dates\"\n        transition=\"scale-transition\"\n        offset-y\n        min-width=\"290px\"\n      >\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-text-field\n            v-model=\"dateFormattedText\"\n            label=\"Date Filter\"\n            outlined\n            class=\"selectBox\"\n            background-color=\"#fff\"\n            multiple\n            dense\n            ref=\"inputField\"\n            readonly\n            append-icon=\"mdi-calendar-range\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n            clearable\n            @click:clear=\"dates = []\"\n            @click:append=\"(menu = !menu), $refs.inputField.focus()\"\n          ></v-text-field>\n          <!-- {{dateFormattedText}} -->\n        </template>\n        <v-date-picker\n          v-model=\"dates\"\n          range\n          no-title\n          scrollable\n          @input=\"getFilteredTrade\"\n        >\n          <v-spacer></v-spacer>\n          <v-btn text color=\"primary\" @click=\"menu = false\">Cancel</v-btn>\n          <v-btn text color=\"primary\" @click=\"$refs.menu.save(dates)\">OK</v-btn>\n        </v-date-picker>\n      </v-menu>\n      <v-btn\n        text\n        class=\"text-capitalize mt-3\"\n        style=\"border: 1px solid black\"\n        @click=\"clearFilter\"\n      >\n        <v-icon>mdi-filter-remove</v-icon>\n        <!-- <span>clear filter</span> -->\n      </v-btn>\n    </div>\n\n    <v-tabs-items class=\"bg-white\" v-model=\"selectedTab\">\n      <v-tab-item :value=\"selectedTab\">\n        <div class=\"\">\n          <div v-if=\"loading\" class=\"d-flex flex-row flex-wrap\">\n            <v-skeleton-loader\n              height=\"350\"\n              v-for=\"item in 6\"\n              :key=\"item\"\n              width=\"100%\"\n              class=\"skeleton-loader pa-4\"\n              type=\"card-avatar, sentences ,actions\"\n            ></v-skeleton-loader>\n          </div>\n          <div v-else>\n            <calender-view\n              v-if=\"\n                !is_filter &&\n                status === 'ALL' &&\n                filter_by !== 'followed' &&\n                filter_by !== 'featured' &&\n                !loading &&\n                !realOrder &&\n                !realPortfolio\n              \"\n              :is_followed=\"is_followed\"\n              :todaysTrade=\"todaysTrade\"\n              :previousWeekTrade=\"previousWeekTrade\"\n              :otherTrade=\"otherTrade\"\n              :tradeItemChange=\"tradeItemChange\"\n              :count=\"calenderCount\"\n              :is_participant=\"is_participant\"\n              :page_info=\"page_info\"\n              :today_page_info=\"today_page_info\"\n              :weekly_page_info=\"weekly_page_info\"\n              @getCount=\"getCount\"\n              @getProfileDetails=\"$emit('getProfileDetails')\"\n              @reloadTrades=\"getTrade\"\n              @viewTrade=\"viewTrade\"\n              @exitReload=\"tabChange\"\n              @appendTrades=\"appendTrades(false)\"\n              @appendTodaysTrades=\"appendTodaysTrades(false)\"\n              @appendPreviousWeeksTrades=\"appendPreviousWeeksTrades(false)\"\n            ></calender-view>\n            <trade-view\n              v-else-if=\"\n                !loading &&\n                filter_by !== 'followed' &&\n                !realOrder &&\n                !realPortfolio\n              \"\n              :is_followed=\"is_followed\"\n              :tradeList=\"tradeItems\"\n              :page_info=\"page_info\"\n              :total_pnl=\"total_pnl\"\n              :realized_pnl=\"realized_pnl\"\n              :status=\"status\"\n              :is_participant=\"is_participant\"\n              :filter_by=\"filter_by\"\n              :calculated_figures=\"calculated_figures\"\n              :tradeItemChange=\"tradeItemChange\"\n              @getCount=\"getCount\"\n              @getProfileDetails=\"$emit('getProfileDetails')\"\n              @reloadTrades=\"getTrade\"\n              @viewTrade=\"viewTrade\"\n              @appendTrades=\"appendTrades()\"\n              @exitReload=\"tabChange\"\n            ></trade-view>\n            <WatchListComponent\n              :user_id=\"user_id\"\n              v-else-if=\"filter_by == 'followed'\"\n            ></WatchListComponent>\n            <real-orders\n              v-else-if=\"realOrder\"\n              :group_id=\"groupID\"\n              :user_id=\"user_id\"\n              :group=\"group\"\n            ></real-orders>\n            <div v-else-if=\"realPortfolio\">\n              <real-portfolio\n                :group_id=\"groupID\"\n                :user_id=\"user_id\"\n                :group=\"group\"\n              ></real-portfolio>\n            </div>\n          </div>\n        </div>\n      </v-tab-item>\n    </v-tabs-items>\n    <trade-form\n      @reloadTrades=\"mountRun\"\n      :groupId=\"groupID\"\n      :filter_by=\"filter_by\"\n    ></trade-form>\n    <trade-detail-form\n      v-if=\"trade_detail_form.flag\"\n      @reload-profile=\"$emit('getProfileDetails')\"\n      :trade_detail_form=\"trade_detail_form\"\n      @reload-trades=\"mountRun\"\n      @deleteTrades=\"mountRun\"\n      @reload-trade-data=\"mountRun\"\n      @reload-trade-data-comment=\"getTradeAfterComment\"\n      @exitReload=\"reload\"\n    ></trade-detail-form>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\nimport { mapActions } from \"vuex\";\nimport apiUrl from \"@/common/apiUrl\";\nimport commonFunctions from \"@/common/commonFunctions\";\nimport newAxios from \"@/api/newAxios\";\nimport helper from \"@/helper/index\";\nexport default {\n  name: \"ProfileTrades\",\n  props: {\n    user_id: {\n      type: Number,\n      required: false,\n    },\n    group: {\n      type: Object,\n      required: false,\n    },\n    // count: {\n    //   type: Object,\n    // },\n  },\n  components: {\n    CalenderView: () => import(\"./CalenderView/CalenderView\"),\n    TradeView: () => import(\"./TradeView/TradeView\"),\n    TradeForm: () => import(\"@/components/Trade/TradeForm.vue\"),\n    TradeDetailForm: () => import(\"@/components/Trade/TradeDetailForm.vue\"),\n    GridTabs: () => import(\"./GridTabs/GridTabs.vue\"),\n    // WatchlistComponent: () =>\n    //   import(\n    //     \"@/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchlistComponent.vue\"\n    //   ),\n    // WatchlistComponent: () => import(\"./Wacthlist/WatchlistComponent.vue\"),\n    WatchListComponent: () =>\n      import(\n        \"@/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue\"\n      ),\n    RealOrders: () => import(\"./RealOrders/RealOrders.vue\"),\n    RealPortfolio: () => import(\"./RealPortfolio/RealPortfolio.vue\"),\n  },\n  data() {\n    return {\n      menu: false,\n      helper: helper,\n      loading: false,\n      showFill: false,\n      is_feature: false,\n      dates: [],\n      selectedTab: 0,\n      allPostedCount: 0,\n      followedCount: 0,\n      orderCount: 0,\n      portfolioCount: 0,\n      historyCount: 0,\n      buy_sell: [],\n      buySellItems: [\"Buy\", \"Sell\"],\n      duration: [],\n      global_count: {\n        allPostedCount: 0,\n        followedCount: 0,\n        orderCount: 0,\n        portfolioCount: 0,\n        historyCount: 0,\n      },\n      durationItems: [\n        // { name: \"Intra-day\", value: \"Intra-day-BTST (1~2 days)\" },\n        // { name: \"Short-term\", value: \"Short term (1~2 weeks)\" },\n        // { name: \"Intermediate\", value: \"Intermediate (2~6 weeks)\" },\n        // { name: \"Long-term\", value: \"Long term (>6 weeks)\" },\n      ],\n      status_filter: [],\n      statusItems: [\n        { name: \"Live\", value: \"Active\" },\n        { name: \"Upcoming\", value: \"Inactive\" },\n        { name: \"Closed\", value: \"Closed\" },\n      ],\n      page_info: {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      },\n      today_page_info: {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      },\n      weekly_page_info: {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      },\n      tradeItems: [],\n      calenderCount: {\n        trade_other: 0,\n        trade_past_week: 0,\n        trade_today: 0,\n      },\n      todaysTrade: [],\n      previousWeekTrade: [],\n      otherTrade: [],\n      tradeItemChange: [],\n      trade_form_data: {\n        flag: false,\n        id: null,\n        trade_data: {},\n        trade_edit: false,\n      },\n      trade_detail_form: {\n        flag: false,\n        id: null,\n      },\n      total_pnl: null,\n      realized_pnl: null,\n      calculated_figures: {},\n      selectedParentTab: 0,\n      socket: null,\n      trade_ids: [],\n      security_ids: [],\n    };\n  },\n  computed: {\n    groupID() {\n      if (this.group) {\n        return String(this.group.id);\n      } else {\n        return \"\";\n      }\n    },\n    parentTabs: {\n      get() {\n        if (this.groupID) {\n          if (this.is_feature) {\n            return [\n              {\n                name: \"Featured\",\n                value: \"featured\",\n                is_followed: false,\n              },\n              {\n                name: \"Virtual Trades\",\n                value: \"paper\",\n                is_followed: false,\n              },\n              {\n                name: \"Real Trades\",\n                value: \"real\",\n                is_followed: false,\n              },\n            ];\n          } else {\n            return [\n              {\n                name: \"Virtual Trades\",\n                value: \"paper\",\n                is_followed: false,\n              },\n              {\n                name: \"Real Trades\",\n                value: \"real\",\n                is_followed: false,\n              },\n            ];\n          }\n        } else {\n          if (this.is_feature) {\n            if (this.is_same_user) {\n              return [\n                {\n                  name: \"Featured\",\n                  value: \"featured\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Virtual Trades\",\n                  value: \"paper\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Real Trades\",\n                  value: \"real\",\n                  is_followed: false,\n                },\n              ];\n            } else {\n              return [\n                {\n                  name: \"Featured\",\n                  value: \"featured\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Virtual Trades\",\n                  value: \"paper\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Real Trades\",\n                  value: \"real\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Watchlist\",\n                  value: \"followed\",\n                  is_followed: true,\n                },\n              ];\n            }\n          } else {\n            if (this.is_same_user) {\n              return [\n                {\n                  name: \"Virtual Trades\",\n                  value: \"paper\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Real Trades\",\n                  value: \"real\",\n                  is_followed: false,\n                },\n              ];\n            } else {\n              return [\n                {\n                  name: \"Virtual Trades\",\n                  value: \"paper\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Real Trades\",\n                  value: \"real\",\n                  is_followed: false,\n                },\n                {\n                  name: \"Watchlist\",\n                  value: \"followed\",\n                  is_followed: true,\n                },\n              ];\n            }\n          }\n        }\n      },\n    },\n    realOrder() {\n      if (this.filter_by == \"real\" && this.selectedTabValue === \"order\") {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    realPortfolio() {\n      if (this.filter_by == \"real\" && this.selectedTabValue === \"portfolio\") {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    tabs() {\n      return [\n        {\n          name: `${this.global_count.allPostedCount} `,\n          label: \"All Trades\",\n          value: \"all_posted\",\n          filter_by: \"posted\",\n          status: \"ALL\",\n          is_followed: false,\n        },\n        {\n          name: `${this.global_count.orderCount}`,\n          label: \"Orders\",\n          value: \"order\",\n          filter_by: \"posted\",\n          status: \"Inactive\",\n          is_followed: false,\n        },\n        {\n          name: `${this.global_count.portfolioCount}`,\n          label: \"Portfolio\",\n          value: \"portfolio\",\n          filter_by: \"posted\",\n          status: \"Active\",\n          is_followed: false,\n        },\n        {\n          name: `${this.global_count.historyCount}`,\n          label: \"History\",\n          value: \"history\",\n          filter_by: \"posted\",\n          status: \"Closed\",\n          is_followed: false,\n        },\n        // {\n        //   name: `${this.global_count.followedCount} Watchlist`,\n        //   value: \"followed\",\n        //   filter_by: \"followed\",\n        //   status: null,\n        //   is_followed: true,\n        // },\n      ];\n    },\n    is_followed() {\n      return this.parentTabs[this.selectedParentTab].is_followed;\n    },\n    is_same_user() {\n      const user_id = localStorage.getItem(\"user_id\");\n      return Number(user_id) === Number(this.user_id);\n    },\n    is_admin() {\n      if (this.user_id) {\n        return false;\n      } else {\n        return this.group.is_admin;\n      }\n    },\n    is_participant() {\n      if (this.user_id) {\n        return true;\n      } else {\n        if (this.group.is_participant || this.group.is_admin) {\n          return true;\n        } else {\n          return false;\n        }\n      }\n    },\n    dateFormattedText: {\n      get() {\n        if (this.dates.length) {\n          if (this.dates.length == 1) {\n            return this.moment(this.dates[0]).format(\"MMM-DD\");\n          } else {\n            return `${this.moment(this.dates[0]).format(\n              \"MMM-DD\"\n            )},${this.moment(this.dates[1]).format(\"MMM-DD\")}`;\n          }\n        } else {\n          return \"\";\n        }\n      },\n    },\n    selectedTabValue() {\n      return this.tabs[this.selectedTab].value;\n    },\n    filter_by: {\n      get() {\n        return this.parentTabs[this.selectedParentTab].value;\n      },\n      set(value) {\n        return value;\n      },\n    },\n    status: {\n      get() {\n        return this.tabs[this.selectedTab].status;\n      },\n      set(value) {\n        return value;\n      },\n    },\n    is_filter: {\n      get() {\n        if (\n          this.buy_sell.length ||\n          this.duration.length ||\n          this.dates.length ||\n          this.status_filter.length\n        ) {\n          return true;\n        } else {\n          return false;\n        }\n      },\n      set() {\n        return (this.buy_sell = []), (this.duration = []);\n      },\n    },\n  },\n  watch: {\n    selectedParentTab() {\n      if (this.filter_by !== \"followed\") {\n        this.selectedTab = 0;\n        this.tabChange();\n      }\n    },\n    selectedTab() {\n      if (!this.realOrder && !this.realPortfolio) {\n        this.tabChange();\n      } else {\n        this.getOrderCount();\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleTradeModal: \"tradeData/toggleModal\",\n      toggleAddTradeModal: \"addTrade/toggleTradeModal\",\n    }),\n    // addTrade() {\n    //   this.$emit(\"addTrade\");\n    // },\n    resetPageInfo() {\n      this.page_info = {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      };\n      this.daily_page_info = {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      };\n      this.weekly_page_info = {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 1,\n      };\n    },\n    getFilteredTrade() {\n      this.loading = true;\n      this.resetPageInfo();\n      this.getTrade();\n    },\n    clearFilter() {\n      this.buy_sell = [];\n      this.duration = [];\n      this.dates = [];\n      this.status_filter = [];\n      this.getTrade();\n    },\n    clearData() {\n      this.todaysTrade = [];\n      this.previousWeekTrade = [];\n      this.otherTrade = [];\n      this.tradeItems = [];\n    },\n    addTrade() {\n      this.$logEvent(\"add_trade_profile_page\");\n      if (this.$vuetify.breakpoint.xsOnly) {\n        this.$logEvent(\"mweb_add_trade_profile_page\");\n      }\n      this.trade_form_data.flag = true;\n      // this.toggleTradeModal({ show: true, type: \"add\" });\n      this.toggleAddTradeModal({\n        show: true,\n        type: \"add\",\n        filter_by: this.filter_by,\n      });\n    },\n    viewTrade(id) {\n      this.trade_detail_form.flag = true;\n      this.trade_detail_form.id = id;\n    },\n    getOrderCount() {\n      // this.loading = true;\n      let params = {};\n      let config = {};\n      let headers = {};\n      headers[\"User-Id\"] = commonFunctions.getUserId();\n      if (this.user_id) {\n        params[\"user_id\"] = this.user_id;\n      }\n      if (this.group_id) {\n        params[\"group_id\"] = this.group_id;\n      }\n      config[\"params\"] = params;\n      config[\"url\"] = apiUrl.ORDER_COUNT;\n      config[\"method\"] = \"get\";\n      config[\"headers\"] = headers;\n      this.tempAxios(config)\n        .then((res) => {\n          console.log(res);\n          // this.eventBus.$emit(\"update-count\", res.data.count);\n          this.global_count.orderCount = res.data.orderCount;\n          this.global_count.portfolioCount = res.data.portfolioCount;\n        })\n        .catch((err) => {\n          console.log(err);\n          // this.loading = false;\n        });\n    },\n    getCount() {\n      const successHandler = (res) => {\n        this.global_count.allPostedCount = res.data.posted_count;\n        this.global_count.followedCount = res.data.followed_count;\n        if (this.filter_by !== \"real\") {\n          this.global_count.orderCount = res.data.inactive_count;\n          this.global_count.portfolioCount = res.data.active_count;\n        }\n        this.global_count.historyCount = res.data.closed_count;\n        this.is_feature = res.data.is_feature;\n        // if(!this.is_feature){\n        //   this.filter_by(\"posted\")\n        // }\n      };\n      const errorHandler = (err) => {\n        console.log(err);\n      };\n      const finallyHandler = () => {\n        // setTimeout(() => {\n        //   this.getTrades();\n        // }, 1500);\n        if (this.filter_by === \"real\") {\n          this.getOrderCount();\n        }\n      };\n      let formData = {};\n      if (!this.user_id) {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_by\"] = this.filter_by;\n      Axios.request_GET(\n        `api/trade/get-trades-count/${this.user_id}/`,\n        formData,\n        {},\n        successHandler,\n        errorHandler,\n        false,\n        false,\n        finallyHandler\n      );\n    },\n    getTotalPnlValues() {\n      const successHandler = (res) => {\n        console.log(\"resp is\", res);\n        this.total_pnl = res.data.total_pnl.total_pnl;\n        this.realized_pnl = res.data.total_pnl.total_realized_pnl;\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"user_id\"] = this.user_id;\n      Axios.request_GET(\n        \"api/trade/pnl-detail\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    getTrade() {\n      // console.log(this.is_filter, this.status, \"checking\");\n      switch (this.status) {\n        case \"ALL\":\n          if (\n            this.is_filter ||\n            this.status !== \"ALL\" ||\n            this.filter_by == \"featured\"\n          ) {\n            this.getFinalOrOtherTrade(false);\n            // console.log(\"OTHER\");\n          } else {\n            this.getTodayTrade();\n            // console.log(\"todays\");\n          }\n          break;\n        default:\n          this.getFinalOrOtherTrade(false);\n          break;\n      }\n    },\n    appendTodaysTrades() {\n      const successHandler = (res) => {\n        for (const obj of res.data.result) {\n          this.todaysTrade.push(obj);\n        }\n\n        for (const i of this.todaysTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\n        }\n        this.today_page_info = res.data.page_info;\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      let formData = {};\n      if (this.user_id) {\n        formData[\"user_id\"] = this.user_id;\n      } else {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_type\"] = this.filter_by;\n      formData[\"page_number\"] = this.today_page_info.page_number;\n      formData[\"detail_count\"] = this.today_page_info.detail_count;\n      if (this.is_same_user) {\n        formData[\"is_same_user\"] = this.is_same_user;\n      }\n      // if (this.is_admin) {\n      //   formData[\"is_admin\"] = this.is_admin;\n      // }\n      if (this.filter_by === \"followed\") {\n        this.status = null;\n      }\n      if (this.status === \"ALL\") {\n        formData[\"res_type\"] = \"today\";\n      }\n      if (this.status) {\n        formData[\"trade_status\"] = this.status;\n      }\n      let filter = {};\n      if (this.duration.length) {\n        filter[\"duration\"] = this.duration;\n      }\n      if (this.buy_sell.length) {\n        filter[\"buy_sell\"] = this.buy_sell;\n      }\n      if (this.dates.length) {\n        filter[\"dates\"] = this.dates;\n      }\n      if (this.status_filter.length) {\n        filter[\"status\"] = this.status_filter;\n      }\n      if (Object.keys(filter).length !== 0) {\n        formData[\"filters\"] = filter;\n      }\n      Axios.request_GET(\n        apiUrl.PROFILE_TRADE_APIS,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        false\n      );\n    },\n    appendPreviousWeeksTrades() {\n      const successHandler = (res) => {\n        for (const obj of res.data.result) {\n          this.previousWeekTrade.push(obj);\n        }\n\n        for (const i of this.previousWeekTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\n        }\n        this.weekly_page_info = res.data.page_info;\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      let formData = {};\n      if (this.user_id) {\n        formData[\"user_id\"] = this.user_id;\n      } else {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_type\"] = this.filter_by;\n      formData[\"page_number\"] = this.weekly_page_info.page_number;\n      formData[\"detail_count\"] = this.weekly_page_info.detail_count;\n      if (this.is_same_user) {\n        formData[\"is_same_user\"] = this.is_same_user;\n      }\n      // if (this.is_admin) {\n      //   formData[\"is_admin\"] = this.is_admin;\n      // }\n      if (this.filter_by === \"followed\") {\n        this.status = null;\n      }\n      if (this.status === \"ALL\") {\n        formData[\"res_type\"] = \"previous_week\";\n      }\n      if (this.status) {\n        formData[\"trade_status\"] = this.status;\n      }\n      let filter = {};\n      if (this.duration.length) {\n        filter[\"duration\"] = this.duration;\n      }\n      if (this.buy_sell.length) {\n        filter[\"buy_sell\"] = this.buy_sell;\n      }\n      if (this.dates.length) {\n        filter[\"dates\"] = this.dates;\n      }\n      if (this.status_filter.length) {\n        filter[\"status\"] = this.status_filter;\n      }\n      if (Object.keys(filter).length !== 0) {\n        formData[\"filters\"] = filter;\n      }\n      Axios.request_GET(\n        apiUrl.PROFILE_TRADE_APIS,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        false\n      );\n    },\n    getTodayTrade() {\n      this.loading = true;\n      const successHandler = (res) => {\n        console.log(\n          res,\n          \"----------------------------------------------------------------------------------------\"\n        );\n        this.calenderCount.trade_today = res.data.counts;\n        this.todaysTrade = res.data.result;\n        this.today_page_info = res.data.page_info;\n\n        for (const i of this.todaysTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\n        }\n\n        // setTimeout(() => {\n        //   this.loading = false;\n        // }, 500);\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      const finallyHandler = () => {\n        this.getPreviousWeekTrade();\n      };\n      let formData = {};\n      if (this.user_id) {\n        formData[\"user_id\"] = this.user_id;\n      } else {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_type\"] = this.filter_by;\n      formData[\"page_number\"] = this.today_page_info.page_number;\n      formData[\"detail_count\"] = this.today_page_info.detail_count;\n      if (this.is_same_user) {\n        formData[\"is_same_user\"] = this.is_same_user;\n      }\n      // if (this.is_admin) {\n      //   formData[\"is_admin\"] = this.is_admin;\n      // }\n      if (this.filter_by === \"followed\") {\n        this.status = null;\n      }\n      if (this.status === \"ALL\") {\n        formData[\"res_type\"] = \"today\";\n      }\n      if (this.status) {\n        formData[\"trade_status\"] = this.status;\n      }\n      let filter = {};\n      if (this.duration.length) {\n        filter[\"duration\"] = this.duration;\n      }\n      if (this.buy_sell.length) {\n        filter[\"buy_sell\"] = this.buy_sell;\n      }\n      if (this.dates.length) {\n        filter[\"dates\"] = this.dates;\n      }\n      if (this.status_filter.length) {\n        filter[\"status\"] = this.status_filter;\n      }\n      if (Object.keys(filter).length !== 0) {\n        formData[\"filters\"] = filter;\n      }\n      Axios.request_GET(\n        apiUrl.PROFILE_TRADE_APIS,\n        // \"api/trade/trade-list-view/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        false,\n        finallyHandler\n      );\n    },\n    getPreviousWeekTrade() {\n      const successHandler = (res) => {\n        this.calenderCount.trade_past_week = res.data.counts;\n        this.previousWeekTrade = res.data.result;\n        this.weekly_page_info = res.data.page_info;\n        // console.log(this.previousWeekTrade, \"previous tradeshfhdfhdhf*********\");\n        // }\n\n        for (const i of this.previousWeekTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\n        }\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      const finallyHandler = () => {\n        this.getFinalOrOtherTrade(false);\n      };\n      let formData = {};\n      if (this.user_id) {\n        formData[\"user_id\"] = this.user_id;\n      } else {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_type\"] = this.filter_by;\n      formData[\"page_number\"] = this.weekly_page_info.page_number;\n      formData[\"detail_count\"] = this.weekly_page_info.detail_count;\n      if (this.is_same_user) {\n        formData[\"is_same_user\"] = this.is_same_user;\n      }\n      // if (this.is_admin) {\n      //   formData[\"is_admin\"] = this.is_admin;\n      // }\n      if (this.filter_by === \"followed\") {\n        this.status = null;\n      }\n      if (this.status === \"ALL\") {\n        formData[\"res_type\"] = \"previous_week\";\n      }\n      if (this.status) {\n        formData[\"trade_status\"] = this.status;\n      }\n      let filter = {};\n      if (this.duration.length) {\n        filter[\"duration\"] = this.duration;\n      }\n      if (this.buy_sell.length) {\n        filter[\"buy_sell\"] = this.buy_sell;\n      }\n      if (this.dates.length) {\n        filter[\"dates\"] = this.dates;\n      }\n      if (this.status_filter.length) {\n        filter[\"status\"] = this.status_filter;\n      }\n      if (Object.keys(filter).length !== 0) {\n        formData[\"filters\"] = filter;\n      }\n      Axios.request_GET(\n        apiUrl.PROFILE_TRADE_APIS,\n        // \"api/trade/trade-list-view/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        false,\n        finallyHandler\n      );\n    },\n    getFinalOrOtherTrade(append) {\n      const successHandler = (res) => {\n        // console.log(res, append, this.status, this.filter_by, \"kddjdjd*****\");\n        this.page_info = res.data.page_info;\n        if (append) {\n          if (this.is_filter || this.status !== \"ALL\") {\n            // this.tradeItems = res.data.result;\n            for (const obj of res.data.result) {\n              this.tradeItems.push(obj);\n            }\n            if (res.data.calculated_figures) {\n              this.calculated_figures = res.data.calculated_figures;\n              this.total_pnl = res.data.calculated_figures.total_pnl;\n              this.realized_pnl =\n                res.data.calculated_figures.total_realized_pnl;\n            }\n          } else if (this.filter_by === \"featured\") {\n            for (const obj of res.data.result) {\n              this.tradeItems.push(obj);\n            }\n          } else {\n            this.calenderCount.trade_other = res.data.counts;\n            // this.otherTrade = res.data.result;\n            for (const obj of res.data.result) {\n              this.otherTrade.push(obj);\n            }\n          }\n        } else {\n          if (this.is_filter || this.status !== \"ALL\") {\n            this.tradeItems = res.data.result;\n            if (res.data.calculated_figures) {\n              this.calculated_figures = res.data.calculated_figures;\n              this.total_pnl = res.data.calculated_figures.total_pnl;\n              this.realized_pnl =\n                res.data.calculated_figures.total_realized_pnl;\n            }\n          } else if (this.filter_by === \"featured\") {\n            this.tradeItems = res.data.result;\n          } else {\n            this.calenderCount.trade_other = res.data.counts;\n            this.otherTrade = res.data.result;\n          }\n        }\n        this.page_info = res.data.page_info;\n\n        for (const i of this.otherTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\n        }\n\n        const data = {\n          type: \"security\",\n          id: this.security_ids,\n        };\n        this.socket.send(JSON.stringify(data));\n        // console.log(data, \"dhdhd\");\n        // console.log(res, \"res\");\n        // console.log(data, \"get data\");\n\n        setTimeout(() => {\n          this.loading = false;\n        }, 100);\n      };\n      const failureHandler = () => {\n        this.loading = false;\n      };\n      let formData = {};\n      if (this.user_id) {\n        formData[\"user_id\"] = this.user_id;\n      } else {\n        formData[\"group_id\"] = this.group.id;\n      }\n      formData[\"filter_type\"] = this.filter_by;\n      formData[\"page_number\"] = this.page_info.page_number;\n      formData[\"detail_count\"] = this.page_info.detail_count;\n      if (this.is_same_user) {\n        formData[\"is_same_user\"] = this.is_same_user;\n      }\n      // if (this.is_admin) {\n      //   formData[\"is_admin\"] = this.is_admin;\n      // }\n      if (this.filter_by === \"followed\") {\n        this.status = null;\n      }\n      if (this.status === \"ALL\") {\n        formData[\"res_type\"] = \"others\";\n      }\n      if (this.status) {\n        formData[\"trade_status\"] = this.status;\n      }\n      let filter = {};\n      if (this.duration.length) {\n        filter[\"duration\"] = this.duration;\n      }\n      if (this.buy_sell.length) {\n        filter[\"buy_sell\"] = this.buy_sell;\n      }\n      if (this.dates.length) {\n        filter[\"dates\"] = this.dates;\n      }\n      if (this.status_filter.length) {\n        filter[\"status\"] = this.status_filter;\n      }\n      if (Object.keys(filter).length !== 0) {\n        formData[\"filters\"] = filter;\n      }\n      Axios.request_GET(\n        apiUrl.PROFILE_TRADE_APIS,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        false\n      );\n    },\n    appendTrades() {\n      // console.log(\"************append*************\");\n      this.getFinalOrOtherTrade(true);\n    },\n    async reload() {\n      await this.getCount();\n      // this.appendTrades(true);\n      this.getTrade(false);\n    },\n    async tabChange() {\n      this.buy_sell = [];\n      this.duration = [];\n      this.dates = [];\n      this.page_info = {\n        page_number: 1,\n        detail_count: 6,\n        total_page: 10,\n      };\n      this.status_filter = [];\n      this.loading = true;\n      await this.getCount();\n      if (!this.realOrder && !this.realPortfolio) {\n        this.getTrade(false);\n        // this.getTrades();\n      }\n    },\n    mountRun() {\n      this.getCount();\n      setTimeout(() => {\n        this.getTrade(false);\n        // this.getTrades();\n      }, 1500);\n    },\n    initializeWebSocket() {\n      // const socketUrl = \"ws://localhost:8001/ws/security/\";\n      const socketUrl = process.env.VUE_APP_WEBSOCKET_URL;\n\n      this.socket = new WebSocket(socketUrl);\n\n      this.socket.onopen = () => {\n        console.log(\"WebSocket connection established.\");\n      };\n\n      this.socket.onmessage = (event) => {\n        const data = JSON.parse(event.data);\n        const { pk, fields } = data;\n        if (this.security_ids.includes(pk)) {\n          //\n          var tradeItemfiltered = this.tradeItems.filter(\n            (item) => item.security == pk\n          );\n          var tradeItemIndexes = [];\n          for (const itm of tradeItemfiltered) {\n            let ind = this.tradeItems.findIndex((item) => item.id == itm.id);\n            if (ind >= 0) {\n              tradeItemIndexes.push(ind);\n            }\n          }\n          // var tradeItemIndex = this.tradeItems.findIndex(\n          //   (itm) => itm.security == pk\n          // );\n          //\n          //\n          var todaysTradeFiltered = this.todaysTrade.filter(\n            (itm) => itm.security == pk\n          );\n          var todaystradeIndexes = [];\n          for (const itm of todaysTradeFiltered) {\n            let ind = this.todaysTrade.findIndex((item) => item.id == itm.id);\n            if (ind >= 0) {\n              todaystradeIndexes.push(ind);\n            }\n          }\n          // var todaysTradeIndex = this.todaysTrade.findIndex(\n          //   (itm) => itm.security == pk\n          // );\n          //\n\n          //\n          var previousWeekTradeFilter = this.previousWeekTrade.filter(\n            (itm) => itm.security == pk\n          );\n          var previousWeekTradeIndexex = [];\n          for (const itm of previousWeekTradeFilter) {\n            let ind = this.previousWeekTrade.findIndex(\n              (item) => item.id == itm.id\n            );\n            if (ind >= 0) {\n              previousWeekTradeIndexex.push(ind);\n            }\n          }\n          // var previousWeekTradeIndex = this.previousWeekTrade.findIndex(\n          //   (itm) => itm.security == pk\n          // );\n          //\n\n          //\n          var otherTradeFiltered = this.otherTrade.filter(\n            (itm) => itm.security == pk\n          );\n          var otherTradeIndexes = [];\n          for (const itm of otherTradeFiltered) {\n            let ind = this.otherTrade.findIndex((item) => item.id == itm.id);\n            if (ind >= 0) {\n              otherTradeIndexes.push(ind);\n            }\n          }\n          // var otherTradeIndex = this.otherTrade.findIndex((itm) => itm.security == pk);\n          //\n          if (tradeItemIndexes.length) {\n            for (const tradeItemIndex of tradeItemIndexes) {\n              this.tradeItems[tradeItemIndex].live_price =\n                fields.live_price.toFixed(2);\n              let cal_figure = this.helper.caculate_figures(\n                this.tradeItems[tradeItemIndex],\n                fields\n              );\n              this.tradeItems[tradeItemIndex].price_up_down =\n                cal_figure.up_down;\n              this.tradeItems[tradeItemIndex].profit_percent =\n                cal_figure.profit_percent;\n              this.tradeItems[tradeItemIndex].pl_data = cal_figure.pl_price;\n              this.tradeItems[tradeItemIndex].pl_percent =\n                cal_figure.pl_percent;\n              // console.log(fields.name, fields.live_price, \"figures\");\n            }\n            // console.log(this.tradeItems[tradeItemIndex], tradeItemIndex);\n            // let ref = [...this.$refs[`${this.tradeItems[tradeItemIndex].id}`]];\n            // //     // ref[0].trade_data = data;\n            // ref[0].trade_data.live_price = fields.live_price;\n            // ref[0].trade_data.price_up_down = cal_figure.up_down;\n            // ref[0].trade_data.profit_percent = cal_figure.profit_percent;\n            // ref[0].trade_data.pl_data = cal_figure.pl_price;\n            // ref[0].trade_data.pl_percent = cal_figure.pl_percent;\n          }\n          if (todaystradeIndexes.length) {\n            for (const todaysTradeIndex of todaystradeIndexes) {\n              this.todaysTrade[todaysTradeIndex].live_price =\n                fields.live_price.toFixed(2);\n              // console.log(this.todaysTrade[todaysTradeIndex], todaysTradeIndex);\n              let cal_figure = this.helper.caculate_figures(\n                this.todaysTrade[todaysTradeIndex],\n                fields\n              );\n              this.todaysTrade[todaysTradeIndex].price_up_down =\n                cal_figure.up_down;\n              this.todaysTrade[todaysTradeIndex].profit_percent =\n                cal_figure.profit_percent;\n              this.todaysTrade[todaysTradeIndex].pl_data = cal_figure.pl_price;\n              this.todaysTrade[todaysTradeIndex].pl_percent =\n                cal_figure.pl_percent;\n              // console.log(fields.name, fields.live_price, \"figures\");\n            }\n            // let ref = [...this.$refs[`${this.todaysTrade[todaysTradeIndex].id}`]];\n            // //     // ref[0].trade_data = data;\n            // ref[0].trade_data.live_price = fields.live_price;\n            // ref[0].trade_data.price_up_down = cal_figure.up_down;\n            // ref[0].trade_data.profit_percent = cal_figure.profit_percent;\n            // ref[0].trade_data.pl_data = cal_figure.pl_price;\n            // ref[0].trade_data.pl_percent = cal_figure.pl_percent;\n          }\n          if (previousWeekTradeIndexex) {\n            for (const previousWeekTradeIndex of previousWeekTradeIndexex) {\n              this.previousWeekTrade[previousWeekTradeIndex].live_price =\n                fields.live_price.toFixed(2);\n              let cal_figure = this.helper.caculate_figures(\n                this.previousWeekTrade[previousWeekTradeIndex],\n                fields\n              );\n              this.previousWeekTrade[previousWeekTradeIndex].price_up_down =\n                cal_figure.up_down;\n              this.previousWeekTrade[previousWeekTradeIndex].profit_percent =\n                cal_figure.profit_percent;\n              this.previousWeekTrade[previousWeekTradeIndex].pl_data =\n                cal_figure.pl_price;\n              this.previousWeekTrade[previousWeekTradeIndex].pl_percent =\n                cal_figure.pl_percent;\n\n              // let ref = [\n              //   ...this.$refs[`${this.previousWeekTrade[previousWeekTradeIndex].id}`],\n              // ];\n              // //     // ref[0].trade_data = data;\n              // ref[0].trade_data.live_price = fields.live_price;\n              // ref[0].trade_data.price_up_down = cal_figure.up_down;\n              // ref[0].trade_data.profit_percent = cal_figure.profit_percent;\n              // ref[0].trade_data.pl_data = cal_figure.pl_price;\n              // ref[0].trade_data.pl_percent = cal_figure.pl_percent;\n              // console.log(fields.name, fields.live_price, \"figures\");\n            }\n          }\n          if (otherTradeIndexes.length) {\n            for (const otherTradeIndex of otherTradeIndexes) {\n              this.otherTrade[otherTradeIndex].live_price =\n                fields.live_price.toFixed(2);\n              let cal_figure = this.helper.caculate_figures(\n                this.otherTrade[otherTradeIndex],\n                fields\n              );\n              this.otherTrade[otherTradeIndex].price_up_down =\n                cal_figure.up_down;\n              this.otherTrade[otherTradeIndex].profit_percent =\n                cal_figure.profit_percent;\n              this.otherTrade[otherTradeIndex].pl_data = cal_figure.pl_price;\n              this.otherTrade[otherTradeIndex].pl_percent =\n                cal_figure.pl_percent;\n\n              // let ref = [...this.$refs[`${this.otherTrade[otherTradeIndex].id}`]];\n              // //     // ref[0].trade_data = data;\n              // ref[0].trade_data.live_price = fields.live_price;\n              // ref[0].trade_data.price_up_down = cal_figure.up_down;\n              // ref[0].trade_data.profit_percent = cal_figure.profit_percent;\n              // ref[0].trade_data.pl_data = cal_figure.pl_price;\n              // ref[0].trade_data.pl_percent = cal_figure.pl_percen;\n              // console.log(fields.name, fields.live_price, \"figures\");\n            }\n          }\n        }\n      };\n\n      this.socket.onclose = (error) => {\n        console.log(error, \"WebSocket connection closed.\");\n      };\n    },\n    closeWebSocket() {\n      if (this.socket) {\n        this.socket.close();\n      }\n    },\n    getDurationList() {\n      const onSuccess = (res) => {\n        var tempList = [];\n        for (const obj of res.data) {\n          if (obj.name_to_show !== \"Short term\") {\n            tempList.push(obj);\n          }\n        }\n\n        this.durationItems = tempList;\n      };\n      const onFailure = () => {};\n      newAxios(\"get\", apiUrl.GET_DURATION_LIST, {\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n  },\n  beforeDestroy() {\n    this.closeWebSocket();\n    this.eventBus.$off(\"delete-trade\");\n  },\n  mounted() {\n    this.getDurationList();\n    this.initializeWebSocket();\n    this.mountRun();\n  },\n\n  created() {\n    this.eventBus.$on(\"delete-trade\", () => {\n      console.log(\"call event get trade list\");\n      // this.getProfileDetails(true);\n      // this.getTradeList(0);\n      this.getPreviousWeekTrade();\n      this.getTodayTrade();\n    });\n    // this.eventBus.$on(\"update-trade-data\", () => {\n    //   this.getFinalOrOtherTrade(false);\n    //   console.log(\"dasssssssssssssss\");\n    // });\n    this.eventBus.$on(\"refresh-trade-list\", () => {\n      this.reload();\n    });\n    this.eventBus.$on(\"update-count\", (count) => {\n      this.global_count.orderCount = count;\n    });\n    this.eventBus.$on(\"reload-trades\", () => {\n      if (this.filter_by === \"featured\") {\n        this.selectedTab = 0;\n        this.getCount();\n        setTimeout(() => {\n          this.tabChange();\n        }, 1500);\n      } else {\n        console.log(\"do noting\");\n      }\n      // this.mountRun();\n    });\n  },\n  destroyed() {\n    this.eventBus.$off(\"refresh-trade-list\");\n    this.eventBus.$off(\"reload-trades\");\n    this.eventBus.$off(\"update-trade-data\");\n  },\n};\n</script>\n<style scoped>\n.tabActive {\n  background: #d5e8ff !important;\n  border-radius: 8px !important;\n  color: #2d8cff !important;\n}\n.bg-white {\n  background-color: #f2f8ff;\n}\n@media all and (max-width: 600px) {\n  .padForMobile {\n    padding-bottom: 115px !important;\n  }\n  .main__div {\n    min-height: 100vh;\n    width: 100% !important;\n    overflow-x: hidden;\n  }\n  .trades_list__div {\n    width: 100% !important;\n    margin: 0px !important;\n  }\n  p {\n    font-size: 16px !important;\n    padding-top: 10px;\n    font-weight: 900;\n  }\n  .title {\n    justify-content: space-between !important;\n    display: flex;\n    height: 60px;\n  }\n  .tab,\n  .trade-tabs {\n    height: 60px;\n    font-size: 13px;\n    font-weight: 600 !important;\n    padding: 0;\n  }\n  .v-tab {\n    min-width: 80px !important;\n  }\n  .tab {\n    letter-spacing: 0px !important;\n  }\n  .add-trade-button {\n    display: none;\n  }\n  .trade-cards-container {\n    padding: 0px;\n    width: 100%;\n    grid-template-columns: auto !important;\n    overflow-x: hidden;\n  }\n  .trade-card {\n    width: 100% !important;\n    box-shadow: 0px 0.937143px 0px rgba(0, 0, 0, 0.14);\n    padding: 0px !important;\n    margin-right: 20px;\n  }\n  .floatingIcon {\n    display: inline-flex !important;\n  }\n  .sort-and-filter {\n    width: 100% !important;\n    text-align: center !important;\n    margin-left: 5px;\n  }\n  .skeleton-loader {\n    width: 100% !important;\n  }\n\n  ::v-deep.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)\n    > .v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes)\n    .v-slide-group__prev {\n    display: none !important;\n  }\n}\n.selectBox {\n  margin: 10px 10px 0px 0px;\n  height: 45px !important;\n}\n.sort-and-filter {\n  width: 800px;\n}\n.floatingIcon {\n  display: none;\n}\n.add-trade-button {\n  letter-spacing: 0px;\n  font-size: 16px;\n}\n.main__div {\n  min-height: 100vh !important;\n  width: 100%;\n}\n.trades_list__div {\n  min-height: 58vh;\n  margin: 20px;\n  background: #f2f8ff !important;\n}\n.title {\n  display: flex;\n  justify-content: space-between;\n}\np {\n  font-size: 18px;\n  font-weight: 800;\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\n.add-trade-button {\n  text-transform: capitalize;\n  color: #fff;\n}\n\n.trade-cards-container {\n  display: grid;\n  grid-template-columns: repeat(3, 31.2%);\n  justify-content: space-between;\n  grid-row-gap: 15px;\n  width: 100% !important;\n}\n.trade-card {\n  margin-top: 20px;\n}\n.trade-tabs {\n  background: #f2f8ff !important;\n  text-transform: capitalize;\n  /* width: 200px !important; */\n}\n.tab {\n  text-transform: none;\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!./ProfileTrades.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!./ProfileTrades.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileTrades.vue?vue&type=template&id=48ecd8ce&scoped=true&\"\nimport script from \"./ProfileTrades.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileTrades.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileTrades.vue?vue&type=style&index=0&id=48ecd8ce&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  \"48ecd8ce\",\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 { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VDatePicker,VIcon,VMenu,VSelect,VSkeletonLoader,VSpacer,VTab,VTabItem,VTabs,VTabsItems,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!./ProfileTrades.vue?vue&type=style&index=0&id=48ecd8ce&scoped=true&lang=css&\""],"sourceRoot":""}