{"version":3,"sources":["webpack:///./src/assets/images/SearchWatchlist.svg","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue?4c65","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue?739e","webpack:///src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue?bd89","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListComponent.vue?55a4"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$vuetify","breakpoint","xsOnly","attrs","model","value","callback","$$v","parent_tab","expression","_l","item","key","_v","_s","child_tab","id","name","staticStyle","is_draggable","tab","selectedTab","items_data","_e","length","style","search_img","mainTab","stock_total_page","page","stock_page","hide","closed_data","closed_page","closed_total_page","returnTabId","staticRenderFns","props","user_id","type","required","components","StocksWatchListTable","Nifty50WatchlistTable","TradesWatchlistTable","TradersWatchlistTable","WatchListSearch","data","draggable","items","current_tab","child_tabs","nifty50","category","page_infos","items_loading","nifty_loading","trader_page_info","total_page","get_duration","exchange","status","duration","alpha","percentChange","ltp","profit_loss","closed","accuracy","holding_period","risk_reward","avg_trade","roi","computed","mounted","methods","getId","setDraggableFalse","getWatchlistTabs","formData","Axios","successHandler","failureHandler","getDurationList","apiUrl","getTradesClosedWatchlistItems","ordering","orders","getWatchlistItems","res","deleteWatchlistItems","appendStocksTable","console","watch","created","beforeDestroy","component","VCard","VImg","VProgressCircular","VTab","VTabItem","VTabs","VTabsItems"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,oC,kCCA3C,W,gECAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAOP,EAAIQ,SAASC,WAAWC,OAAkB,OAAT,QAAiB,CAACN,EAAG,SAAS,CAACE,YAAY,kBAAkBK,MAAM,CAAC,mBAAmB,GAAG,cAAc,GAAG,eAAe,eAAe,MAAQ,UAAU,KAAO,IAAIC,MAAM,CAACC,MAAOb,EAAc,WAAEc,SAAS,SAAUC,GAAMf,EAAIgB,WAAWD,GAAKE,WAAW,eAAejB,EAAIkB,GAAIlB,EAAS,OAAE,SAASmB,GAAM,OAAOf,EAAG,QAAQ,CAACgB,IAAID,GAAM,CAACf,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGH,GAAM,YAAW,GAAGf,EAAG,SAAS,CAACE,YAAY,aAAaK,MAAM,CAAC,mBAAmB,cAAc,MAAQ,UAAU,KAAO,IAAIC,MAAM,CAACC,MAAOb,EAAa,UAAEc,SAAS,SAAUC,GAAMf,EAAIuB,UAAUR,GAAKE,WAAW,cAAcjB,EAAIkB,GAAIlB,EAAc,YAAE,SAASmB,GAAM,OAAOf,EAAG,QAAQ,CAACgB,IAAID,EAAKK,IAAI,CAACpB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGH,EAAKM,MAAM,YAAW,GAAGrB,EAAG,eAAe,CAACE,YAAY,YAAYoB,YAAY,CAAC,mBAAmB,eAAef,MAAM,CAAC,UAAYX,EAAI2B,cAAcf,MAAM,CAACC,MAAOb,EAAa,UAAEc,SAAS,SAAUC,GAAMf,EAAIuB,UAAUR,GAAKE,WAAW,cAAcjB,EAAIkB,GAAIlB,EAAc,YAAE,SAASmB,GAAM,OAAOf,EAAG,aAAa,CAACgB,IAAID,EAAKK,IAAI,CAACpB,EAAG,SAAS,CAACO,MAAM,CAAC,mBAAmB,gBAAgB,CAAe,YAAbQ,EAAKM,KAAoBrB,EAAG,kBAAkB,CAACO,MAAM,CAAC,aAAeQ,EAAKK,GAAG,YAAcxB,EAAI4B,IAAI,WAAa5B,EAAIgB,WAAW,iBAAmBhB,EAAI6B,YAAY,WAAa7B,EAAI8B,cAAc9B,EAAI+B,KAAM/B,EAAiB,cAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,sBAAsB,CAACO,MAAM,CAAC,KAAO,GAAG,MAAQ,UAAU,cAAgB,OAAO,GAAGX,EAAI+B,KAA+B,GAAzB/B,EAAI8B,WAAWE,QAA4B,YAAbb,EAAKM,KAAoBrB,EAAG,MAAM,CAACE,YAAY,sDAAsD2B,MAAgC,GAAzBjC,EAAI8B,WAAWE,OAAc,gBAAkB,IAAK,CAAC5B,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACO,MAAM,CAAC,IAAMX,EAAIkC,eAAe,GAAG9B,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIqB,GAAG,uBAAuBjB,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIqB,GAAG,kEAAkErB,EAAI+B,KAAqB,cAAf/B,EAAImC,SAAwC,YAAbhB,EAAKM,KAAoBrB,EAAG,yBAAyBJ,EAAI+B,KAAqB,cAAf/B,EAAImC,QAAyB/B,EAAG,uBAAuB,CAACO,MAAM,CAAC,SAAWQ,EAAKM,KAAK,WAAazB,EAAI8B,WAAW,QAAU9B,EAAI2B,aAAa,WAAa3B,EAAIoC,iBAAiB,KAAOpC,EAAIqC,KAAK,WAAarC,EAAIsC,WAAW,MAAQtC,EAAIuC,QAAQvC,EAAI+B,KAAqB,UAAf/B,EAAImC,QAAqB/B,EAAG,uBAAuB,CAACO,MAAM,CAAC,WAAaX,EAAI8B,WAAW,WAAa9B,EAAIoC,iBAAiB,KAAOpC,EAAIqC,KAAK,QAAUrC,EAAI2B,aAAa,cAAgB3B,EAAIwC,YAAY,YAAcxC,EAAIyC,YAAY,kBAAoBzC,EAAI0C,kBAAkB,aAAevB,EAAKK,MAAMxB,EAAI+B,KAAqB,WAAf/B,EAAImC,QAAsB/B,EAAG,wBAAwB,CAACO,MAAM,CAAC,WAAaX,EAAIoC,iBAAiB,KAAOpC,EAAIqC,KAAK,YAAcrC,EAAI2C,YAAY,WAAa3C,EAAI8B,WAAW,QAAU9B,EAAI2B,gBAAgB3B,EAAI+B,MAAM,IAAI,MAAK,IAAI,IAC1/Fa,EAAkB,G,oHCsIP,GACfnB,6BACAoB,OACAC,SACAC,YACAC,cAGAC,YACAC,gCAAA,wDACAC,iCAAA,wDACAC,gCAAA,OACA,iDAGAC,iCAAA,OACA,iDAGAC,2BAAA,OACA,kDAIAC,gBACA,OACAvC,gBACAO,eACAI,gBACA6B,aACAC,wCACAhB,cACAC,oBACAgB,iBACAC,cACAC,SACAC,WACArC,KACAC,iBAEAS,qBAKAK,QACAF,OACAyB,YACAzB,QAEAC,aACAF,mBACA2B,iBACAC,iBACAC,kBACAC,aACA7B,QAEAP,cACAU,eACA2B,gBACAC,cACAC,YACAC,cACAC,SACAC,mBACAC,SACAC,iBACAC,YACAC,cACAC,oBACAC,iBACAC,eACAC,WAIAC,UACArD,eACA,yBACA,sCACA,YAQA,OANA,MACA,6BAEA,iCACA,yCAEA,QAEAe,uBACA,sCACA,YACA,aAEAR,mBAEA,OADA,yBACA,6BAEAN,uBACA,qBACA,iBACA,cACA,cACA,eACA,QACA,iBAKAqD,mBACA,wBAKAC,SAiBAC,kBACA,UAEAC,6BACA,sBAGAC,4BAAA,WACA,cACA,oBACA,iBAEA,iCAGA,eACA,KACAC,+CACAA,oCACAC,mBACA,oBACAD,EACA,GACAE,EACAC,GACA,GACA,IAGAC,2BACA,mBAGA,eACA,KAEAH,mBACAI,yBACAL,EACA,GACAE,EACAC,GACA,GACA,IAIAG,0CAAA,WACA,cACA,4BACA,uCAGA,eACA,KAEA,KAEAC,OACA,WACA,mBACA,SACA,iBACA,YACA,cACA,oBACA,iBACA,eACA,UAIA,IADA,SACA,mBACA,MACAC,aAGA,cACAR,2BAGAA,iBAEAA,6CACAA,+BACAA,mCACAA,kCAEAA,qBACAC,mBACA,mBACAD,EACA,GACAE,EACAC,GACA,GACA,IAIAM,gCAAA,WACA,sBAKA,kBAIA,GAKAC,mCACA,wBAEA,qBANA,2BACA,oBAWA,sCAEA,eACA,KAEAV,iBAEAA,2BAOA,SAEAO,OACA,WACA,mBACA,SACA,iBACA,YACA,cACA,oBACA,iBACA,eACA,UAGA,IADA,SACA,mBACA,MACAC,aAGA,cACAR,2BAGA,0BACAA,mCACA,4BACAA,6CACAA,+BACAA,qBACAA,oCAIAC,mBACA,mBACAD,EACA,GACAE,EACAC,GACA,GACA,IAIAQ,iCAAA,WACA,aACA,0CACA/E,wCAGA,eACA,KAEAoE,UACAC,sBACA,mBACAD,EACA,GACA,GACAE,EACAC,GACA,GACA,IAIAS,8BACAC,yBAGAC,OACArF,uBAGA,wBACA,YACA,wBAGA,sCACA,mBACA,mBACA,oBAGA,MACA,uCACA,iCACA,6CAEA,MACA,oCACA,iCACA,2CAGA,mCACA,iCACA,0CAIAO,qBAGA,aACA,YACA,wBAEA,qBAIA+E,mBAAA,WACA,mDACAF,uBAIA,YAUA,6CACA,iCAEA,kDACA,2DAEA,6CACA,kCAEA,oDACA,gCACA,YACA,6BAEA,sDACA,6BAEA,iDACA,gCACA,YACA,sBACA,kBACA,sBACA,gCACA,mBAEAA,6BACA,yBACA,WACA,sBACA,WACA,uBAEA,WAEA,mBACA,wCACA,mBACA,yCAEA,qBAEA,SACA,0BACA,SACA,2BAEA,YAGA,yBACA,WACA,gCACA,WACA,iCAEA,WAEA,mBACA,kDACA,mBACA,mDAEA,qBAEA,SACA,oCACA,SACA,qCAEA,WAEA,iBACA,kCACA,iBACA,mCAEA,oBAGA,0BACA,YACA,iCACA,YACA,kCAEA,cAEA,cACA,6BACA,cACA,8BAEA,gBAEA,oBACA,0CACA,oBACA,2CAEA,sBAEA,iBACA,6BACA,iBACA,8BAEA,mBAEA,eACA,uCACA,eACA,wCAEA,iBAEA,SACA,yBACA,SACA,0BAEA,YAIA,8BAGAG,yBACA,kCACA,uCACA,kCACA,0CACA,2CACA,sCACA,0CCjqB4Y,I,iICQxYC,EAAY,eACd,EACAzG,EACA6C,GACA,EACA,KACA,WACA,MAIa,aAAA4D,EAAiB,QAWhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,OAAA,KAAKC,oBAAA,KAAkBC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,aAAA","file":"js/chunk-ab7b322c.b4d718df.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/SearchWatchlist.8c3895db.svg\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewWatchListComponent.vue?vue&type=style&index=0&id=2ca32ec2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",class:!_vm.$vuetify.breakpoint.xsOnly ? 'pa-0' : 'pa-1'},[_c('v-tabs',{staticClass:\"tab-border pb-2\",attrs:{\"background-color\":\"\",\"hide-slider\":\"\",\"active-class\":\"tab-bg-color\",\"color\":\"primary\",\"grow\":\"\"},model:{value:(_vm.parent_tab),callback:function ($$v) {_vm.parent_tab=$$v},expression:\"parent_tab\"}},_vm._l((_vm.items),function(item){return _c('v-tab',{key:item},[_c('div',{staticClass:\"text-capitalize parent_tab-text\"},[_vm._v(\" \"+_vm._s(item)+\" \")])])}),1),_c('v-tabs',{staticClass:\"child-tabs\",attrs:{\"background-color\":\"transparent\",\"color\":\"#2d8cff\",\"grow\":\"\"},model:{value:(_vm.child_tab),callback:function ($$v) {_vm.child_tab=$$v},expression:\"child_tab\"}},_vm._l((_vm.child_tabs),function(item){return _c('v-tab',{key:item.id},[_c('div',{staticClass:\"text-capitalize child-tab-text\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")])])}),1),_c('v-tabs-items',{staticClass:\"pt-2 mt-2\",staticStyle:{\"background-color\":\"transparent\"},attrs:{\"touchless\":_vm.is_draggable},model:{value:(_vm.child_tab),callback:function ($$v) {_vm.child_tab=$$v},expression:\"child_tab\"}},_vm._l((_vm.child_tabs),function(item){return _c('v-tab-item',{key:item.id},[_c('v-card',{attrs:{\"background-color\":\"transparent\"}},[(item.name != 'Nifty 50')?_c('WatchListSearch',{attrs:{\"watchlist_id\":item.id,\"current_tab\":_vm.tab,\"parent_tab\":_vm.parent_tab,\"parent_tab_value\":_vm.selectedTab,\"stock_data\":_vm.items_data}}):_vm._e(),(_vm.items_loading)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"size\":50,\"color\":\"primary\",\"indeterminate\":\"\"}})],1):_vm._e(),(_vm.items_data.length == 0 && item.name != 'Nifty 50')?_c('div',{staticClass:\"d-flex justify-center flex-column align-center pb-0\",style:(_vm.items_data.length == 0 ? 'height: 80dvh' : '')},[_c('div',{staticClass:\"search-img mb-3\"},[_c('v-img',{attrs:{\"src\":_vm.search_img}})],1),_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"search-security\"},[_vm._v(\"Search Securities\")]),_c('div',{staticClass:\"search-security-desc\"},[_vm._v(\" Use the search bar to add securities to your watchlist \")])])]):_vm._e(),(_vm.mainTab == 'Securities' && item.name == 'Nifty 50')?_c('Nifty50WatchlistTable'):_vm._e(),(_vm.mainTab == 'Securities')?_c('StocksWatchListTable',{attrs:{\"is_Nifty\":item.name,\"stock_data\":_vm.items_data,\"is_drag\":_vm.is_draggable,\"total_page\":_vm.stock_total_page,\"page\":_vm.page,\"stock_page\":_vm.stock_page,\"hides\":_vm.hide}}):_vm._e(),(_vm.mainTab == 'Trades')?_c('TradesWatchlistTable',{attrs:{\"stock_data\":_vm.items_data,\"total_page\":_vm.stock_total_page,\"page\":_vm.page,\"is_drag\":_vm.is_draggable,\"closed_trades\":_vm.closed_data,\"closed_page\":_vm.closed_page,\"closed_total_page\":_vm.closed_total_page,\"watchlist_id\":item.id}}):_vm._e(),(_vm.mainTab == 'Traders')?_c('TradersWatchlistTable',{attrs:{\"total_page\":_vm.stock_total_page,\"page\":_vm.page,\"returnTabId\":_vm.returnTabId,\"stock_data\":_vm.items_data,\"is_drag\":_vm.is_draggable}}):_vm._e()],1)],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\" :class=\"!$vuetify.breakpoint.xsOnly ? 'pa-0' : 'pa-1'\">\n    <v-tabs\n      v-model=\"parent_tab\"\n      background-color=\"\"\n      hide-slider\n      active-class=\"tab-bg-color\"\n      color=\"primary\"\n      grow\n      class=\"tab-border pb-2\"\n    >\n      <v-tab v-for=\"item in items\" :key=\"item\">\n        <div class=\"text-capitalize parent_tab-text\">\n          {{ item }}\n        </div>\n      </v-tab>\n    </v-tabs>\n\n    <v-tabs\n      class=\"child-tabs\"\n      v-model=\"child_tab\"\n      background-color=\"transparent\"\n      color=\"#2d8cff\"\n      grow\n    >\n      <v-tab v-for=\"item in child_tabs\" :key=\"item.id\">\n        <div class=\"text-capitalize child-tab-text\">\n          {{ item.name }}\n        </div>\n      </v-tab>\n    </v-tabs>\n    <!-- {{ this.child_tabs[child_tab] }} -->\n    <!-- {{ current_tab }} -->\n\n    <v-tabs-items\n      class=\"pt-2 mt-2\"\n      style=\"background-color: transparent\"\n      v-model=\"child_tab\"\n      :touchless=\"is_draggable\"\n    >\n      <v-tab-item v-for=\"item in child_tabs\" :key=\"item.id\">\n        <v-card background-color=\"transparent\" class=\"\">\n          <WatchListSearch\n            v-if=\"item.name != 'Nifty 50'\"\n            :watchlist_id=\"item.id\"\n            :current_tab=\"tab\"\n            :parent_tab=\"parent_tab\"\n            :parent_tab_value=\"selectedTab\"\n            :stock_data=\"items_data\"\n          >\n          </WatchListSearch>\n          <div v-if=\"items_loading\" class=\"text-center\">\n            <v-progress-circular\n              :size=\"50\"\n              color=\"primary\"\n              indeterminate\n            ></v-progress-circular>\n          </div>\n          <div\n            v-if=\"items_data.length == 0 && item.name != 'Nifty 50'\"\n            class=\"d-flex justify-center flex-column align-center pb-0\"\n            :style=\"items_data.length == 0 ? 'height: 80dvh' : ''\"\n          >\n            <div class=\"search-img mb-3\">\n              <v-img :src=\"search_img\"> </v-img>\n            </div>\n            <div class=\"mt-4\">\n              <div class=\"search-security\">Search Securities</div>\n              <div class=\"search-security-desc\">\n                Use the search bar to add securities to your watchlist\n              </div>\n            </div>\n          </div>\n          <Nifty50WatchlistTable\n            v-if=\"mainTab == 'Securities' && item.name == 'Nifty 50'\"\n          >\n          </Nifty50WatchlistTable>\n          <StocksWatchListTable\n            :is_Nifty=\"item.name\"\n            :stock_data=\"items_data\"\n            :is_drag=\"is_draggable\"\n            v-if=\"mainTab == 'Securities'\"\n            :total_page=\"stock_total_page\"\n            :page=\"page\"\n            :stock_page=\"stock_page\"\n            :hides=\"hide\"\n          >\n            <!-- :page_info=\"page_infos\" -->\n            <!-- @appendStocksTable=\"appendStocksTable(false)\" -->\n          </StocksWatchListTable>\n          <TradesWatchlistTable\n            :stock_data=\"items_data\"\n            :total_page=\"stock_total_page\"\n            :page=\"page\"\n            :is_drag=\"is_draggable\"\n            :closed_trades=\"closed_data\"\n            :closed_page=\"closed_page\"\n            :closed_total_page=\"closed_total_page\"\n            :watchlist_id=\"item.id\"\n            v-if=\"mainTab == 'Trades'\"\n          >\n          </TradesWatchlistTable>\n          <TradersWatchlistTable\n            :total_page=\"stock_total_page\"\n            :page=\"page\"\n            :returnTabId=\"returnTabId\"\n            :stock_data=\"items_data\"\n            :is_drag=\"is_draggable\"\n            v-if=\"mainTab == 'Traders'\"\n          >\n          </TradersWatchlistTable>\n          <!-- <div class=\"text-center\">\n            <v-pagination v-model=\"page\" :length=\"10\" circle></v-pagination>\n          </div> -->\n          <!-- <div\n            class=\"text-center\"\n            v-if=\"\n              page_infos.page < page_infos.total_page && mainTab != 'Nifty 50'\n            \"\n          >\n            <v-progress-circular\n              indeterminate\n              color=\"#2f80ed\"\n            ></v-progress-circular>\n            Loading More...\n          </div> -->\n        </v-card>\n      </v-tab-item>\n    </v-tabs-items>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\nimport apiUrl from \"@/common/apiUrl\";\n\nexport default {\n  name: \"NewWatchlistComponent\",\n  props: {\n    user_id: {\n      type: Number,\n      required: true,\n    },\n  },\n  components: {\n    StocksWatchListTable: () => import(\"./StocksWatchListTable.vue\"),\n    Nifty50WatchlistTable: () => import(\"./Nifty50Table.vue\"),\n    TradesWatchlistTable: () =>\n      import(\n        \"@/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue\"\n      ),\n    TradersWatchlistTable: () =>\n      import(\n        \"@/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue\"\n      ),\n    WatchListSearch: () =>\n      import(\n        \"@/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue\"\n      ),\n  },\n  data() {\n    return {\n      parent_tab: null,\n      child_tab: null,\n      is_draggable: false,\n      draggable: false,\n      items: [\"Securities\", \"Traders\", \"Trades\"],\n      closed_page: 1,\n      closed_total_page: 1,\n      current_tab: null,\n      child_tabs: [],\n      nifty50: {\n        category: 1,\n        id: 1,\n        name: \"Nifty 50\",\n      },\n      search_img: require(\"@/assets/images/SearchWatchlist.svg\"),\n      // page_info: {\n      //   page: 1,\n      //   total_page: 1,\n      // },\n      hide: true,\n      page: 1,\n      page_infos: {\n        page: 1,\n      },\n      stock_page: 1,\n      stock_total_page: 1,\n      items_loading: false,\n      nifty_loading: false,\n      trader_page_info: {\n        total_page: 1,\n        page: 1,\n      },\n      items_data: [],\n      closed_data: [],\n      get_duration: [],\n      exchange: null,\n      status: null,\n      duration: null,\n      alpha: \"\",\n      percentChange: null,\n      ltp: null,\n      profit_loss: null,\n      closed: null,\n      accuracy: null,\n      holding_period: null,\n      risk_reward: null,\n      avg_trade: null,\n      roi: null,\n    };\n  },\n\n  computed: {\n    tab() {\n      this.setDraggableFalse();\n      let tabs = this.child_tabs[this.child_tab];\n      var keys = Object(tabs);\n\n      if (keys.id) {\n        this.getWatchlistItems(keys.id);\n      }\n      if (this.selectedTab == \"trade\" && keys.id) {\n        this.getTradesClosedWatchlistItems(keys.id);\n      }\n      return keys.name;\n    },\n    returnTabId() {\n      let tabs = this.child_tabs[this.child_tab];\n      var keys = Object(tabs);\n      return keys.id;\n    },\n    mainTab() {\n      this.setDraggableFalse();\n      return this.items[this.parent_tab];\n    },\n    selectedTab() {\n      switch (this.mainTab) {\n        case \"Securities\":\n          return \"stock\";\n        case \"Traders\":\n          return \"trader\";\n        default:\n          return \"trade\";\n      }\n    },\n  },\n\n  mounted() {\n    this.getDurationList();\n    // this.onIntersects([{ isIntersecting: true }]);\n    // console.log(this.page_infos);\n  },\n\n  methods: {\n    // onIntersects(entries) {\n    //   this.hide = true;\n    //   entries.forEach((entry) => {\n    //     if (entry.isIntersecting) {\n    //       if (this.page_infos.page < this.page_infos.total_page) {\n    //         console.log(this.page_infos.page, \"page\");\n    //         this.page_infos.page += 1;\n    //         let tabs = this.child_tabs[this.child_tab];\n    //         var keys = Object(tabs);\n    //         this.getWatchlistItems(keys.id, true);\n    //       } else {\n    //         this.hide = false;\n    //       }\n    //     }\n    //   });\n    // },\n    getId(id) {\n      return id;\n    },\n    setDraggableFalse() {\n      this.is_draggable = false;\n    },\n\n    getWatchlistTabs() {\n      const successHandler = (res) => {\n        this.child_tabs = res.data;\n        if (this.parent_tab == 0) {\n          // console.log(\"parenttab\", this.parent_tab);\n          this.child_tabs.unshift(this.nifty50);\n        }\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"category__watchlist_type\"] = this.selectedTab;\n      formData[\"profile__user__id\"] = this.user_id;\n      Axios.request_GET(\n        \"watchlist/detail/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    getDurationList() {\n      const successHandler = () => {\n        // console.log(res);\n      };\n      const failureHandler = () => {};\n      let formData = {};\n\n      Axios.request_GET(\n        apiUrl.GET_DURATION_LIST,\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n\n    getTradesClosedWatchlistItems(id) {\n      const successHandler = (res) => {\n        this.closed_data = res.data.result;\n        this.closed_total_page = res.data.total_page;\n        // console.log(this.closed_total_page, \"closed p\");\n      };\n      const failureHandler = () => {};\n      let formData = {};\n\n      let ordering = [];\n\n      ordering.push(\n        this.alpha,\n        this.percentChange,\n        this.ltp,\n        this.profit_loss,\n        this.closed,\n        this.accuracy,\n        this.holding_period,\n        this.risk_reward,\n        this.avg_trade,\n        this.roi\n      );\n\n      let orders = [];\n      for (let i = 0; i < ordering.length; i++) {\n        if (ordering[i]) {\n          orders.push(ordering[i]);\n        }\n      }\n      if (orders.length != 0) {\n        formData[\"ordering\"] = orders.join(\",\");\n      }\n\n      formData[\"watchlist\"] = id;\n\n      formData[\"trade__security__exchange\"] = this.exchange;\n      formData[\"trade__status\"] = this.status;\n      formData[\"trade__duration\"] = this.duration;\n      formData[\"page_number\"] = this.closed_page;\n\n      formData[\"status\"] = \"Closed\";\n      Axios.request_GET(\n        \"watchlist/items/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n\n    getWatchlistItems(id, is_append) {\n      this.items_loading = true;\n      // console.log(counts);\n      // console.log(\"watchlist\");\n      // if (is_append) {\n      // }\n      const successHandler = (res) => {\n        // console.log(is_append, \"append\");\n        // if (!is_append) {\n        // if (this.page_infos.page <= 1) {\n        if (!is_append) {\n          // console.log(!is_append, \"append\");\n          this.items_data = res.data.result;\n          this.items_loading = false;\n        } else {\n          res.data.result.forEach((value) => {\n            this.items_data.push(value);\n          });\n          this.items_loading = false;\n\n          // console.log(this.items_data);\n        }\n        // let total_page = res.data.total_page;\n\n        this.stock_total_page = res.data.total_page;\n      };\n      const failureHandler = () => {};\n      let formData = {};\n\n      formData[\"watchlist\"] = id;\n      // if(this.page_infos.page)\n      formData[\"page_number\"] = this.page;\n\n      // if (!is_append) {\n      //   formData[\"page_number\"] = this.stock_page;\n      // } else {\n      //   formData[\"page_number\"] = counts;\n      // }\n      let ordering = [];\n\n      ordering.push(\n        this.alpha,\n        this.percentChange,\n        this.ltp,\n        this.profit_loss,\n        this.closed,\n        this.accuracy,\n        this.holding_period,\n        this.risk_reward,\n        this.avg_trade,\n        this.roi\n      );\n      let orders = [];\n      for (let i = 0; i < ordering.length; i++) {\n        if (ordering[i]) {\n          orders.push(ordering[i]);\n        }\n      }\n      if (orders.length != 0) {\n        formData[\"ordering\"] = orders.join(\",\");\n      }\n\n      if (this.selectedTab == \"stock\") {\n        formData[\"stock__exchange\"] = this.exchange;\n      } else if (this.selectedTab == \"trade\") {\n        formData[\"trade__security__exchange\"] = this.exchange;\n        formData[\"trade__status\"] = this.status;\n        formData[\"status\"] = \"Active\";\n        formData[\"trade__duration\"] = this.duration;\n      } else {\n        // formData[\"trade__status\"] = this.status;\n      }\n      Axios.request_GET(\n        \"watchlist/items/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n\n    deleteWatchlistItems(id) {\n      const successHandler = () => {\n        this.items_data.filter((item, index) =>\n          item.id == id ? this.items_data.splice(index, 1) : \"\"\n        );\n      };\n      const failureHandler = () => {};\n      let formData = {};\n\n      formData[\"id\"] = id;\n      Axios.request_DELETE(\n        \"watchlist/items/\",\n        formData,\n        {},\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n\n    appendStocksTable(value) {\n      console.log(value, \"value\");\n    },\n  },\n  watch: {\n    parent_tab(value) {\n      // this.page_infos.page = 1;\n      // this.page_infos.total_page = 1;\n      this.getWatchlistTabs();\n      this.page = 1;\n      this.stock_total_page = 1;\n      // console.log(\"value\", value);\n\n      this.child_tabs.unshift(this.nifty50);\n      this.child_tabs = [];\n      this.items_data = [];\n      this.child_tab = null;\n\n      // Google tag\n      if (value == 0) {\n        this.$logEvent(\"securities_watchlist\");\n        if (this.$vuetify.breakpoint.xsOnly) {\n          this.$logEvent(\"mweb_securities_watchlist\");\n        }\n      } else if (value == 1) {\n        this.$logEvent(\"traders_watchlist\");\n        if (this.$vuetify.breakpoint.xsOnly) {\n          this.$logEvent(\"mweb_traders_watchlist\");\n        }\n      } else {\n        this.$logEvent(\"trades_watchlist\");\n        if (this.$vuetify.breakpoint.xsOnly) {\n          this.$logEvent(\"mweb_trades_watchlist\");\n        }\n      }\n    },\n    child_tab() {\n      // this.page_infos.page = 1;\n      // this.page_infos.total_page = 1;\n      this.hide = true;\n      this.page = 1;\n      this.stock_total_page = 1;\n      // console.log(this.hide);\n      this.items_data = [];\n    },\n  },\n\n  created() {\n    this.eventBus.$on(\"appendStocksTable\", (value) => {\n      console.log(value, \"value\");\n      // let tabs = this.child_tabs[this.child_tab];\n      // var keys = Object(tabs);\n      // this.getWatchlistItems(keys.id);\n      this.page = value;\n      // if (this.mainTab != \"Nifty 50\") {\n      //   console.log(\"eventbus stock value\", value);\n      //   let tabs = this.child_tabs[this.child_tab];\n      //   var keys = Object(tabs);\n      //   let counts = 1;\n      //   counts += 1;\n      //   this.getWatchlistItems(keys.id, value, counts);\n      // }\n    });\n    this.eventBus.$on(\"enable-drag\", (value) => {\n      this.is_draggable = value.is_draggable;\n    });\n    this.eventBus.$on(\"getWatchlistName\", (value) => {\n      this.child_tabs[this.child_tab].name = Object(value).watchlist_name;\n    });\n    this.eventBus.$on(\"delete-item\", (value) => {\n      this.deleteWatchlistItems(value.item);\n    });\n    this.eventBus.$on(\"refresh-stock-table\", () => {\n      let tabs = this.child_tabs[this.child_tab];\n      var keys = Object(tabs);\n      this.getWatchlistItems(keys.id);\n    });\n    this.eventBus.$on(\"refresh-traders-list\", (value) => {\n      this.getWatchlistItems(value.id);\n    });\n    this.eventBus.$on(\"filter-and-sort\", (value) => {\n      let tabs = this.child_tabs[this.child_tab];\n      var keys = Object(tabs);\n      this.exchange = value.exchange;\n      this.status = value.status;\n      this.duration = value.duration;\n      this.percentChange = value.percentChange;\n      this.ltp = value.last_trade;\n\n      console.log(this.percentChange);\n      if (this.selectedTab == \"stock\") {\n        if (value.alpha == 1) {\n          this.alpha = \"stock__name\";\n        } else if (value.alpha == 2) {\n          this.alpha = \"-stock__name\";\n        } else {\n          this.alpha = \"\";\n        }\n        if (value.percentChange == 1) {\n          this.percentChange = \"stock__percent_change\";\n        } else if (value.percentChange == 2) {\n          this.percentChange = \"-stock__percent_change\";\n        } else {\n          this.percentChange = null;\n        }\n        if (value.ltp == 1) {\n          this.ltp = \"stock__live_price\";\n        } else if (value.ltp == 2) {\n          this.ltp = \"-stock__live_price\";\n        } else {\n          this.ltp = null;\n        }\n      }\n      if (this.selectedTab == \"trade\") {\n        if (value.alpha == 1) {\n          this.alpha = \"trade__security__name\";\n        } else if (value.alpha == 2) {\n          this.alpha = \"-trade__security__name\";\n        } else {\n          this.alpha = \"\";\n        }\n        if (value.percentChange == 1) {\n          this.percentChange = \"trade__security__percent_change\";\n        } else if (value.percentChange == 2) {\n          this.percentChange = \"-trade__security__percent_change\";\n        } else {\n          this.percentChange = null;\n        }\n        if (value.ltp == 1) {\n          this.ltp = \"trade__security__live_price\";\n        } else if (value.ltp == 2) {\n          this.ltp = \"-trade__security__live_price\";\n        } else {\n          this.ltp = null;\n        }\n        if (value.profit_loss == 1) {\n          this.profit_loss = \"trade__pandl_data\";\n        } else if (value.profit_loss == 2) {\n          this.profit_loss = \"-trade__pandl_data\";\n        } else {\n          this.profit_loss = null;\n        }\n      }\n      if (this.selectedTab == \"trader\") {\n        if (value.closed == 1) {\n          this.closed = \"trader__closed_trades\";\n        } else if (value.closed == 2) {\n          this.closed = \"-trader__closed_trades\";\n        } else {\n          this.closed = null;\n        }\n        if (value.accuracy == 1) {\n          this.accuracy = \"trader__percent\";\n        } else if (value.accuracy == 2) {\n          this.accuracy = \"-trader__percent\";\n        } else {\n          this.accuracy = null;\n        }\n        if (value.holding_period == 1) {\n          this.holding_period = \"trader__holding_period\";\n        } else if (value.holding_period == 2) {\n          this.holding_period = \"-trader__holding_period\";\n        } else {\n          this.holding_period = null;\n        }\n        if (value.risk_reward == 1) {\n          this.risk_reward = \"trader__risk\";\n        } else if (value.risk_reward == 2) {\n          this.risk_reward = \"-trader__risk\";\n        } else {\n          this.risk_reward = null;\n        }\n        if (value.avg_trade == 1) {\n          this.avg_trade = \"trader__avg_trade_return\";\n        } else if (value.avg_trade == 2) {\n          this.avg_trade = \"-trader__avg_trade_return\";\n        } else {\n          this.avg_trade = null;\n        }\n        if (value.roi == 1) {\n          this.roi = \"trader__days_pnl\";\n        } else if (value.roi == 2) {\n          this.roi = \"-trader__days_pnl\";\n        } else {\n          this.roi = null;\n        }\n      }\n\n      this.getWatchlistItems(keys.id);\n    });\n  },\n  beforeDestroy() {\n    this.eventBus.$off(\"enable-drag\");\n    this.eventBus.$off(\"getWatchlistName\");\n    this.eventBus.$off(\"delete-item\");\n    this.eventBus.$off(\"refresh-stock-table\");\n    this.eventBus.$off(\"refresh-traders-list\");\n    this.eventBus.$off(\"filter-and-sort\");\n    this.eventBus.$off(\"appendStocksTable\");\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.search-security {\n  color: #333;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.search-security-desc {\n  color: rgba(51, 51, 51, 0.72);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.search-img {\n  width: 13.73813rem;\n  height: 6.2145rem;\n}\n.child-tabs {\n  border-bottom: 3px solid #e9e9e9;\n}\n.tab-border {\n  border-radius: 10px;\n}\n.tab-bg-color {\n  background-color: #d5e8ff;\n  border-radius: 10px;\n}\n\n.parent_tab-text {\n  //   color: #2d8cff;\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 23px;\n  letter-spacing: 0em;\n  text-align: center;\n}\n.child-tab-text {\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 23px;\n  letter-spacing: 0em;\n  text-align: center;\n}\n\n@media only screen and (max-width: 768px) {\n  .search-img {\n    width: 6.142rem;\n    height: 1.51231rem;\n  }\n  .search-security {\n    font-size: 1.125rem;\n    font-style: normal;\n    font-weight: 800;\n    line-height: 1.25rem; /* 111.111% */\n  }\n  .search-security-desc {\n    text-align: center;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .tab-bg-color {\n    background-color: #2d8cff;\n    border-radius: 6px;\n  }\n  .parent-tab-text {\n    font-size: 14px;\n    line-height: 20px;\n    // color: white;\n  }\n  .tab-bg-color {\n    color: white;\n  }\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</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!./NewWatchListComponent.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!./NewWatchListComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewWatchListComponent.vue?vue&type=template&id=2ca32ec2&scoped=true&\"\nimport script from \"./NewWatchListComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./NewWatchListComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewWatchListComponent.vue?vue&type=style&index=0&id=2ca32ec2&lang=scss&scoped=true&\"\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  \"2ca32ec2\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\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';\ninstallComponents(component, {VCard,VImg,VProgressCircular,VTab,VTabItem,VTabs,VTabsItems})\n"],"sourceRoot":""}