{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTradeDetails.vue?170c","webpack:///src/components/Profile/ProfileTradeDetails/ProfileTradeDetails.vue","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTradeDetails.vue?0563","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTradeDetails.vue?2d04","webpack:///./src/components/Profile/ProfileTradeDetails/ProfileTradeDetails.vue?b92a"],"names":["render","_vm","this","_h","$createElement","_c","_self","$vuetify","breakpoint","staticClass","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","selectedTab","label","on","$event","addTrade","xsOnly","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","getTrades","save","clearFilter","is_filter","status","groupID","group","is_followed","tradeItems","page_info","total_pnl","realized_pnl","calculated_figures","tradeItemChange","getCount","$emit","viewTrade","appendTrades","tabChange","todaysTrade","previousWeekTrade","otherTrade","calenderCount","mountRun","staticRenderFns","props","type","required","components","CalenderView","TradeView","TradeForm","GridTabs","WatchListComponent","RealOrders","RealPortfolio","data","helper","allPostedCount","followedCount","orderCount","portfolioCount","historyCount","global_count","page_number","detail_count","total_page","trade_form_data","flag","id","trade_data","trade_edit","trade_detail_form","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","setTimeout","filter","res","reload","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","VTabs","VTextField"],"mappings":"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A,yDAGAC,gBACA,OACAzC,QACA0C,cACA3E,WACAe,YACA3B,cACAuC,SACApB,cACAqE,iBACAC,gBACAC,aACAC,iBACAC,eACAzD,YACAD,4BACAG,YACAwD,cACAL,iBACAC,gBACAC,aACAC,iBACAC,gBAEAxD,iBAMAH,iBACAF,aACA,CAAAhB,YAAAb,gBACA,CAAAa,gBAAAb,kBACA,CAAAa,cAAAb,iBAEAyD,WACAmC,cACAC,gBACAC,cAEAtC,cACAc,mBACAH,eACAC,qBACAC,cACAR,mBACAkC,iBACAC,QACAC,QACAC,cACAC,eAEAC,mBACAJ,QACAC,SAEAvC,eACAC,kBACAC,sBACAzD,oBACAkG,YACAC,aACAC,kBAGAC,UACAnD,mBACA,kBACA,sBAEA,IAGAoD,YACAC,eACA,oBACA,gBACA,CACA,CACA7F,gBACAb,iBACAuD,gBAEA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,iBAIA,CACA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,iBAKA,gBACA,kBACA,CACA,CACA1C,gBACAb,iBACAuD,gBAEA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,iBAIA,CACA,CACA1C,gBACAb,iBACAuD,gBAEA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,gBAEA,CACA1C,iBACAb,iBACAuD,iBAKA,kBACA,CACA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,iBAIA,CACA,CACA1C,sBACAb,eACAuD,gBAEA,CACA1C,mBACAb,aACAuD,gBAEA,CACA1C,iBACAb,iBACAuD,mBAQAhC,qBACA,+DAMAC,yBACA,mEAMAmF,gBACA,OACA,CACA9F,qDACAK,mBACAlB,mBACAgB,mBACAoC,aACAG,gBAEA,CACA1C,6CACAK,eACAlB,cACAgB,mBACAoC,kBACAG,gBAEA,CACA1C,iDACAK,kBACAlB,kBACAgB,mBACAoC,gBACAG,gBAEA,CACA1C,+CACAK,gBACAlB,gBACAgB,mBACAoC,gBACAG,kBAWAA,uBACA,4DAEAqD,wBACA,sCACA,yCAEAC,oBACA,qBAGA,qBAGA9F,0BACA,yBAGA,kDAOAgC,mBACA2D,eACA,yBACA,qBACA,4CAEA,4CACA,UACA,yDAGA,KAIA9E,4BACA,0CAEAZ,WACA0F,eACA,sDAEAI,gBACA,WAGA1D,QACAsD,eACA,2CAEAI,gBACA,WAGA3D,WACAuD,eACA,SACA,sBACA,sBACA,mBACA,4BAOAI,eACA,4CAIAC,OACA5G,6BACA,8BACA,mBACA,mBAGAc,uBACA,mCAGA,qBAFA,mBAMA+F,yCACAC,gBACAC,yCACAC,mDACA,IAIAC,yBACA,gBACAxB,cACAC,gBACAC,eAGAhE,4BACA,qBACA,kBAEAoB,uBACA,iBACA,iBACA,cACA,sBACA,kBAEAmE,qBACA,oBACA,0BACA,mBACA,oBAEAhG,oBACA,yCACA,iCACA,8CAEA,6BAEA,0BACAiG,QACA5C,WACA1D,4BAGAgD,sBACA,+BACA,6BAEAuD,yBAAA,WAEA,KACA,KACA,KACAC,gCACA,eACAC,2BAEA,gBACAA,6BAEAC,cACAA,4BACAA,kBACAA,eACA,kBACAC,kBACAC,eAEA,4CACA,uDAEAC,mBACAD,mBAIA9D,oBAAA,WACA,cACA,kDACA,mDACA,uBACA,gDACA,mDAEA,gDACA,gCAKA,cACA8D,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,IAGApF,qBAAA,WACA,gBAEA,kBACA4E,eACA,uBACA,4BACA,4BACA,+CACA,gDACA,8DAGA,0BACA,yBAEA,6BAEA,6BACA,2BACA,qCACA,2BAEA,6BAKA,IAEA,EAFA,iBAEA,6DACA,qCACA,iCAEA,kCACA,EADA,iBACA,mEACA,qCACA,iCAEA,kCACA,EADA,iBACA,4DACA,qCACA,iCAEA,kCACA,EADA,iBACA,4DACA,qCACA,iCAEA,8BAEA,OACAlD,gBACAuB,mBAEA,iCACA2B,qBACAA,0BAEAS,uBACA,eACA,MAEA,aACA,cAEA,KACA,aACAP,0BAEAA,4BAEAA,8BACAA,4CACAA,8CACA,oBACAA,qCAEA,gBACAA,6BAEA,8BACA,kBAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACA,6BACAD,EACA,GACAE,EACAI,GACA,GACA,IAGAnE,yBAAA,WACA,cAEA,GADA2D,eACA,EA8BA,uBAEA,yBADA,6BAIA,6BACA,2BACA,qCACA,gCArCA,8BACA,EADA,iBACAW,gBAAA,8CACA,qBAEA,qCACA,iCAEA,oCACA,GACA,0BACA,yBACA,KACA,EADA,iBACAA,gBAAA,8CACA,qBAEA,qCACA,iCAEA,mCACA,KACA,EADA,iBACAA,cAAA,8CACA,qBAEA,qCACA,iCAEA,+BAcA,6BACA,OACA7D,aACAuB,mBAEA,iCACA2B,yBAGA,eAGA,KACA,aACAE,0BAEAA,4BAEAA,8BACAA,4CACAA,8CACA,oBACAA,qCAEA,8BACA,kBAEA,cACAA,+BAEA,SACA,uBACAQ,6BAEA,uBACAA,6BAEA,oBACAA,uBAEA,4BACAA,gCAEA,4BACAR,gBAEAC,mBACA,6BACAD,EACA,GACAE,EACAI,GACA,GACA,IAGAI,kBAAA,wKACA,oBACA,6DAFA,IAIAtE,qBAAA,wJASA,OARA,cACA,cACA,WACA,aACA0B,cACAC,gBACAC,eAEA,4BACA,oBACA,8BACA,cACA,0CAbA,IAeAvB,oBAAA,WACA,gBACA8D,uBACA,gBACA,OAEAI,+BAAA,WAEA,sCAEA,6BAEA,8BACAb,kDAGA,kCACA,yBACA,OAAAc,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,gCACAvB,gDAGAwB,0BACA,aACA,qBAGAC,2BAAA,WACA,cACA,IACA,EADA,sBACAd,QAAA,8CACA,+BACAe,WAEA,8BAEA,mBAEA,eACAC,+CACAC,YACAC,YACAC,wBAIAC,yBACA,uBAEAC,mBACA,uBACA,2BACA,iBAEAC,mBAAA,WACA,kDACA,cACAjC,oCAEA,mDACA,cAEA,8CACA,+BAEA,8CACA,0BACA,gBACA,aACAS,uBACA,gBACA,OAEAT,6BAKAkC,qBACA,yCACA,uCC3wC2X,I,qKCQvXC,EAAY,eACd,EACA7K,EACAsF,GACA,EACA,KACA,WACA,MAIa,aAAAuF,EAAiB,QAchC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,cAAA,KAAYC,QAAA,KAAMC,QAAA,KAAMC,UAAA,KAAQC,kBAAA,KAAgBC,UAAA,KAAQC,OAAA,KAAKC,QAAA,KAAMC,aAAA,Q,2DCjCtG","file":"js/chunk-57271ef4.2653243f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.$vuetify.breakpoint.xsOnly)?_c('div',{staticClass:\"px-4\"},[_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:\"py-3\"},[(_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\":\"\",\"grow\":\"\"},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.name)+\" \")]),_c('div',[_vm._v(\" \"+_vm._s(item.label)+\" \")])])])}),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.getTrades},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('div',{staticClass:\"py-3\"},[(_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\":\"300\",\"type\":\"card-avatar, sentences ,actions\"}})}),1):_c('div',[(\n          !_vm.is_filter &&\n          !_vm.status &&\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},on:{\"getCount\":_vm.getCount,\"getProfileDetails\":function($event){return _vm.$emit('getProfileDetails')},\"reloadTrades\":_vm.getTrades,\"viewTrade\":_vm.viewTrade,\"exitReload\":_vm.tabChange,\"appendTrades\":function($event){return _vm.appendTrades(false)}}}):(\n          !_vm.loading && _vm.filter_by !== 'followed' && !_vm.realOrder && !_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.getTrades,\"viewTrade\":_vm.viewTrade,\"appendTrades\":function($event){return _vm.appendTrades(false)},\"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)]),_c('trade-form',{attrs:{\"groupId\":_vm.groupID,\"filter_by\":_vm.filter_by},on:{\"reloadTrades\":_vm.mountRun}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"px-4\" 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=\"py-3\" 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        v-model=\"selectedTab\"\n        height=\"51px\"\n        color=\"#2D8CFF\"\n        background-color=\"#f2f8ff\"\n        class=\"trade-tabs\"\n        show-arrows\n        grow\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.name }}\n            </div>\n            <div>\n              {{ item.label }}\n            </div>\n          </div>\n        </v-tab>\n      </v-tabs>\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</v-btn\n      >\n    </div>\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=\"getTrades\"\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    <div class=\"py-3\">\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=\"300\"\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 &&\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          @getCount=\"getCount\"\n          @getProfileDetails=\"$emit('getProfileDetails')\"\n          @reloadTrades=\"getTrades\"\n          @viewTrade=\"viewTrade\"\n          @exitReload=\"tabChange\"\n          @appendTrades=\"appendTrades(false)\"\n        ></calender-view>\n        <trade-view\n          v-else-if=\"\n            !loading && filter_by !== 'followed' && !realOrder && !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=\"getTrades\"\n          @viewTrade=\"viewTrade\"\n          @appendTrades=\"appendTrades(false)\"\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    <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\n    <!-- <trade-detail-dialog></trade-detail-dialog> -->\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\";\n\nexport default {\n  name: \"ProfileTradeDetail\",\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    RealOrders: () => import(\"./RealOrders/RealOrders.vue\"),\n    RealPortfolio: () => import(\"./RealPortfolio/RealPortfolio.vue\"),\n    // TradeDetailDialog: () => import(\"@/components/Trade/TradeDetailDialog\"),\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: 18,\n        total_page: 1,\n      },\n      tradeItems: [],\n      calenderCount: null,\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: \"posted\",\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: \"posted\",\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: \"posted\",\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: \"posted\",\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: \"posted\",\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: \"posted\",\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: 18,\n        total_page: 1,\n      };\n    },\n    getFilteredTrade() {\n      this.resetPageInfo();\n      this.getTrades();\n    },\n    clearFilter() {\n      this.buy_sell = [];\n      this.duration = [];\n      this.dates = [];\n      this.status_filter = [];\n      this.getTrades();\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    getTrades() {\n      this.loading = true;\n      // await this.getTotalPnlValues();\n      const successHandler = (res) => {\n        console.log(res);\n        if (this.is_filter || this.status) {\n          this.tradeItems = res.data.results;\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 = res.data.calculated_figures.total_realized_pnl;\n          }\n        } else if (\n          this.filter_by === \"followed\" ||\n          this.filter_by === \"featured\"\n        ) {\n          this.tradeItems = res.data.results;\n        } else {\n          this.calenderCount = res.data.count;\n          this.todaysTrade = res.data.today;\n          this.previousWeekTrade = res.data.past_week;\n          this.otherTrade = res.data.other;\n        }\n        this.page_info = res.data.page_info;\n        // this.tradeItems.forEach((i) => this.trade_ids.push(i.id));\n        // this.todaysTrade.forEach((i) => this.trade_ids.push(i.id));\n\n        // this.previousWeekTrade.forEach((i) => this.trade_ids.push(i.id));\n        // this.otherTrade.forEach((i) => this.trade_ids.push(i.id));\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        for (const i of this.previousWeekTrade) {\n          if (!this.security_ids.includes(i.security)) {\n            this.security_ids.push(i.security);\n          }\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        for (const i of this.tradeItems) {\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(res, \"res\");\n        console.log(data, \"get data\");\n\n        setTimeout(() => {\n          this.loading = false;\n        }, 500);\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_by\"] = 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) {\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        \"api/trade/trade-list-view/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    appendTrades(state) {\n      const successHandler = (res) => {\n        console.log(res);\n        if (!state) {\n          if (this.is_filter || this.status) {\n            for (const obj of res.data.results) {\n              this.tradeItems.push(obj);\n              // this.trade_ids.push(obj.id);\n              if (!this.security_ids.includes(obj.security)) {\n                this.security_ids.push(obj.security);\n              }\n            }\n          } else if (\n            this.filter_by === \"followed\" ||\n            this.filter_by === \"featured\"\n          ) {\n            for (const obj of res.data.results) {\n              this.tradeItems.push(obj);\n              // this.trade_ids.push(obj.id);\n              if (!this.security_ids.includes(obj.security)) {\n                this.security_ids.push(obj.security);\n              }\n            }\n          } else {\n            for (const obj of res.data.other) {\n              this.otherTrade.push(obj);\n              // this.trade_ids.push(obj.id);\n              if (!this.security_ids.includes(obj.security)) {\n                this.security_ids.push(obj.security);\n              }\n            }\n          }\n        } else {\n          if (this.is_filter || this.status) {\n            this.tradeItems = res.data.results;\n          } else if (this.filter_by === \"followed\") {\n            this.tradeItems = res.data.results;\n          } else {\n            this.calenderCount = res.data.count;\n            this.todaysTrade = res.data.today;\n            this.previousWeekTrade = res.data.past_week;\n            this.otherTrade = res.data.other;\n          }\n        }\n        this.page_info = res.data.page_info;\n        const data = {\n          type: \"trade\",\n          id: this.security_ids,\n        };\n        this.socket.send(JSON.stringify(data));\n        console.log(data, \"append\");\n        // this.loading = false;\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_by\"] = 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.filter_by === \"followed\") {\n        this.status = null;\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        \"api/trade/trade-list-view/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    async reload() {\n      await this.getCount();\n      this.appendTrades(true);\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: 18,\n        total_page: 10,\n      };\n      this.status_filter = [];\n      await this.getCount();\n      if (!this.realOrder && !this.realPortfolio) {\n        this.getTrades();\n      }\n    },\n    mountRun() {\n      this.getCount();\n      setTimeout(() => {\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  },\n  mounted() {\n    this.getDurationList();\n    this.initializeWebSocket();\n    this.mountRun();\n  },\n  created() {\n    this.eventBus.$on(\"update-trade-data\", () => {\n      this.getTrades();\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.evenetBus.$off(\"reload-trades\");\n  },\n  // beforeDestroy() {\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@media all and (max-width: 600px) {\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  }\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.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!./ProfileTradeDetails.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!./ProfileTradeDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileTradeDetails.vue?vue&type=template&id=baa66424&scoped=true&\"\nimport script from \"./ProfileTradeDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileTradeDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileTradeDetails.vue?vue&type=style&index=0&id=baa66424&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  \"baa66424\",\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 { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VDatePicker,VIcon,VMenu,VSelect,VSkeletonLoader,VSpacer,VTab,VTabs,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!./ProfileTradeDetails.vue?vue&type=style&index=0&id=baa66424&scoped=true&lang=css&\""],"sourceRoot":""}