{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue?807f","webpack:///./src/assets/images/portrait_photo.jpg","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue?05ac","webpack:///src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue?4ab7","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue?5849","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradersWatchlistTable.vue?67cd"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","$vuetify","breakpoint","xsOnly","stock_data","length","staticClass","attrs","disabled","is_drag","handle","on","$event","drag","ended","_l","item","key","id","class","_v","_e","trader_data","profile_image","default_profile_img","_s","name","verified","followers","followers_ids","includes","commonFunctions","getUserId","staticStyle","unfollow_loading","user_id","unFollowUser","follow_loading","followUser","deleteButton","closed_trades_count","percent","other_details","holding_period","risk_reward","returnRedGreen","avg_trade_return","avg_return","days_pnl_percent","Math","round","total_page","model","value","callback","$$v","pages","expression","headers","scopedSlots","_u","fn","props","items","onMoveCallback","onCloneCallback","onDropCallback","staticRenderFns","returnTabId","type","required","page","components","draggable","data","draggableEnabled","profile_img","search_img","hide","count","text","align","sortable","security_data","close_trades","accuracy","roi","computed","activeHeaders","stocks_data","watch","methods","print","console","onIntersects","entries","new_index","old_index","to_follow_id","Axios","successHandler","errorHandler","to_unfollow_id","component","VBtn","VCard","VCardText","VCardTitle","VCol","VDataTable","VDivider","VIcon","VImg","VPagination","VRow"],"mappings":"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EA,CACA6D,mBACA3B,oBACA6B,YACA/D,sBAEA,CAAA6D,kBAAA3B,mBAAAlC,sBACA,CACA6D,WACA3B,YACA6B,YACA/D,sBAEA,CACAkC,eACA4B,YACAC,YACA/D,uBAGAgE,eACA,CACAzD,mBACAE,eACAwD,gBACAC,eACA1C,kBACAC,kBACAG,iBACAuC,QAEA,CACA5D,sBACAE,eACAwD,gBACAC,eACA1C,kBACAC,kBACAG,iBACAuC,WAMAC,UACAC,yBAAA,WACA,wCACA,0CAOAC,uBACA,yBAGAC,OACAtF,sBACA,6BACA,aACA,eAGAoD,iBACA,sDAGAmC,SACAC,kBACAC,2BAEAC,yBAAA,WACA,aACAC,uBACA,mBACA,uBACA,WACA,0CAGA,eAMA9B,4BACA,oCAEA,UAEAD,6BACA,+BACA,+BAIA,OAHA6B,qCAGA,UAMA3B,6BAEA,kCACA,uCACA8B,uBACAC,eACA/E,cAEA2E,sCAGAhD,2BACA,wBAEA/B,kBAIA,wCACA,uCACAkF,6BACAC,eACA/E,eAGAqB,yBACA,mCACAvB,UAGAsB,yBAAA,WACA,oCACAuD,eACA,sCACA,aACA,gCACA,8BACA,qCAEA,yCACA3E,mBAEA,+BAEA,GACAiB,UACA+D,gBAEA,eACAC,oBACA,0BACAzB,EACA,GACA0B,EACAC,GACA,GACA,IAGAjE,yBAAA,WACA,sCAEA,sCACA,aACA,yCACAlB,mBAEA,iCAEA,GACAiB,UACAmE,kBAEA,eACAH,oBACA,6BACAzB,EACA,GACA0B,EACAC,GACA,GACA,MCrpB4Y,I,+KCSxYE,EAAY,eACd,EACA7G,EACAyE,GACA,EACA,KACA,WACA,MAIa,aAAAoC,EAAiB,QAehC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,QAAA,KAAMC,OAAA,KAAKC,cAAA,KAAYC,OAAA,Q,kCCnC9G","file":"js/chunk-42773d18.ed13c600.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TradersWatchlistTable.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/portrait_photo.87326f79.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.$vuetify.breakpoint.xsOnly && _vm.stock_data.length != 0)?_c('div',[_c('draggable',{on:{\"start\":function($event){_vm.drag = true},\"end\":function($event){_vm.drag = false}},model:{value:(_vm.stock_data),callback:function ($$v) {_vm.stock_data=$$v},expression:\"stock_data\"}},[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.stock_data,\"hide-default-footer\":\"\",\"mobile-breakpoint\":\"\",\"item-key\":\"name\"},scopedSlots:_vm._u([{key:\"body\",fn:function(props){return [_c('draggable',{attrs:{\"list\":props.items,\"tag\":\"tbody\",\"disabled\":!_vm.is_drag,\"move\":_vm.onMoveCallback,\"clone\":_vm.onCloneCallback,\"options\":{\n              handle: '.drag-handle',\n            }},on:{\"end\":_vm.onDropCallback}},[_vm._l((props.items),function(item){return [(item)?_c('tr',{key:item.id},[_c('td',[(item.trader_data)?_c('div',{staticClass:\"d-flex\"},[(_vm.is_drag)?_c('div',{},[_c('v-btn',{staticClass:\"drag-handle\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1):_vm._e(),_c('div',[_c('div',{staticClass:\"name d-flex justify-between align-center\"},[_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.name)+\" \")]),_c('div',[(item.trader_data.is_sebi_registered)?_c('v-img',{staticClass:\"ml-1\",attrs:{\"src\":_vm.verified,\"width\":\"14px\"}}):_vm._e()],1)]),_c('div',{staticClass:\"followers\"},[_vm._v(\" \"+_vm._s(item.trader_data.followers)+\" \"+_vm._s(item.trader_data.followers >= 1000 ? \"K\" : \"\")+\" Followers \")])])]):_vm._e()]),(item.trader_data)?_c('td',[_c('div',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s(item.trader_data ? item.trader_data.closed_trades_count : 0)+\" \")])]):_vm._e(),(item.trader_data)?_c('td',{staticClass:\"name\"},[(item.trader_data.percent)?_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.percent)+\" % \")]):_c('span',[_vm._v(\" - \")])]):_vm._e(),(item.trader_data)?_c('td',{staticClass:\"name\"},[(item.trader_data.other_details)?_c('div',[(item.trader_data.other_details.holding_period)?_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.other_details.holding_period)+\" days \")]):_c('span',[_vm._v(\" - \")])]):_vm._e()]):_vm._e(),(item.trader_data)?_c('td',{},[(item.trader_data.other_details)?_c('div',[_vm._v(\" \"+_vm._s(item.trader_data.other_details.risk_reward || \"-\")+\" \")]):_vm._e()]):_vm._e(),(item.trader_data)?_c('td',[(item.trader_data.other_details)?_c('div',{class:_vm.returnRedGreen(\n                        item.trader_data.other_details.avg_trade_return || 0\n                      )},[_vm._v(\" \"+_vm._s(item.trader_data.other_details.avg_trade_return || 0)+\" \")]):_vm._e()]):_vm._e(),(item.trader_data)?_c('td',[_c('div',{class:_vm.returnRedGreen(item.trader_data.days_pnl_percent)},[_vm._v(\" \"+_vm._s(Math.round(item.trader_data.days_pnl_percent) || 0)+\" \")])]):_vm._e(),_c('td',[(item.trader_data)?[(item.trader_data.followers_ids)?_c('div',{staticClass:\"d-flex justify-end\"},[(\n                          !_vm.is_drag &&\n                          !item.trader_data.followers_ids.includes(\n                            _vm.commonFunctions.getUserId()\n                          )\n                        )?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"loading\":_vm.follow_loading[item.trader_data.user_id],\"small\":\"\",\"width\":\"5.75rem\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.followUser(item.trader_data.user_id)}}},[_vm._v(\" Follow \")]):(\n                          !_vm.is_drag &&\n                          item.trader_data.followers_ids.includes(\n                            _vm.commonFunctions.getUserId()\n                          )\n                        )?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"loading\":_vm.unfollow_loading[item.trader_data.user_id],\"width\":\"5.75rem\",\"small\":\"\",\"outlined\":\"\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.unFollowUser(item.trader_data.user_id)}}},[_vm._v(\" Unfollow \")]):_vm._e(),_c('div',{staticClass:\"delete-btn\"},[(_vm.is_drag)?_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(item.id)}}},[_c('v-icon',[_vm._v(\" mdi-trash-can-outline\")])],1):_vm._e()],1)],1):_vm._e()]:_vm._e()],2)]):_vm._e()]})],2)]}}],null,false,1484122424)})],1),(_vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center\"},[_c('v-pagination',{attrs:{\"length\":_vm.total_page,\"circle\":\"\"},model:{value:(_vm.pages),callback:function ($$v) {_vm.pages=$$v},expression:\"pages\"}})],1):_vm._e()],1):_c('div',{staticClass:\"mb-13\"},[_c('draggable',{staticClass:\"list-group\",attrs:{\"group\":\"trader-mobile-view\",\"list\":_vm.stock_data,\"options\":{\n        disabled: !_vm.is_drag,\n        handle: '.drag-handle',\n      }},on:{\"start\":function($event){_vm.drag = true},\"change\":_vm.ended,\"end\":function($event){_vm.drag = false}}},_vm._l((_vm.stock_data),function(item){return _c('div',{key:item.id,staticClass:\"list-group-item pt-2\"},[_c('div',{class:_vm.is_drag ? 'd-flex align-center' : ''},[(_vm.is_drag)?_c('div',[_c('v-btn',{staticClass:\"drag-handle\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1):_vm._e(),_c('v-card',{attrs:{\"width\":\"100%\"}},[_c('v-card-title',{staticClass:\"py-1 card-title\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"outer-image\"},[_c('v-img',{staticClass:\"inner-image\",attrs:{\"src\":item.trader_data.profile_image\n                        ? item.trader_data.profile_image\n                        : _vm.default_profile_img}})],1),_c('div',{staticClass:\"ml-2\"},[_c('div',{staticClass:\"name d-flex justify-between align-center\"},[_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.name || \"N/A\")+\" \")]),_c('div',[(item.trader_data.is_sebi_registered)?_c('v-img',{staticClass:\"ml-1\",attrs:{\"src\":_vm.verified,\"width\":\"14px\"}}):_vm._e()],1)]),_c('div',{staticClass:\"name\"},[_vm._v(\" \"+_vm._s(item.trader_data.followers || 0)+\" \"+_vm._s(item.trader_data.followers >= 1000 ? \"K\" : \"\")+\" \"),_c('span',{staticClass:\"followers\"},[_vm._v(\"Followers\")])])])]),(item.trader_data.followers_ids)?_c('div',[(\n                    !_vm.is_drag &&\n                    !item.trader_data.followers_ids.includes(\n                      _vm.commonFunctions.getUserId()\n                    )\n                  )?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"loading\":_vm.follow_loading[item.trader_data.user_id],\"x-small\":\"\",\"depressed\":\"\",\"width\":\"72px\",\"height\":\"28px\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.followUser(item.trader_data.user_id)}}},[_vm._v(\" Follow \")]):(\n                    !_vm.is_drag &&\n                    item.trader_data.followers_ids.includes(\n                      _vm.commonFunctions.getUserId()\n                    )\n                  )?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"loading\":_vm.unfollow_loading[item.trader_data.user_id],\"width\":\"72px\",\"height\":\"28px\",\"x-small\":\"\",\"outlined\":\"\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.unFollowUser(item.trader_data.user_id)}}},[_vm._v(\" Unfollow \")]):_vm._e(),_c('div',{staticClass:\"delete-btn\"},[(_vm.is_drag)?_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(item.id)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-trash-can-outline\")])],1):_vm._e()],1)],1):_vm._e()]),_c('v-card-text',{staticClass:\"pt-4 mt-2\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\"},[_vm._v(\" \"+_vm._s(item.trader_data ? item.trader_data.closed_trades_count : 0)+\" \")]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"CLosed Trades\")])]),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\"},[(item.trader_data.percent)?_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.percent)+\" % \")]):_vm._e(),_c('span',[_vm._v(\" - \")])]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"Accuracy\")])]),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\"},[(item.trader_data.other_details.holding_period)?_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.other_details.holding_period)+\" days \")]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"Holding Period\")])])],1),_c('v-row',{staticClass:\"px-9 py-2\"},[_c('v-divider')],1),_c('v-row',{},[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\"},[_vm._v(\" \"+_vm._s(item.trader_data.other_details.risk_reward || \"-\")+\" \")]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"Risk Reward\")])]),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\",class:_vm.returnRedGreen(\n                        item.trader_data.other_details.avg_trade_return\n                      )},[_vm._v(\" \"+_vm._s(item.trader_data.other_details.avg_return >= 1 ? \"+\" : \"\")+\" \"),(item.trader_data.other_details.avg_trade_return)?_c('span',[_vm._v(\" \"+_vm._s(item.trader_data.other_details.avg_trade_return)+\" % \")]):_c('span',[_vm._v(\" - \")])]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"Avg Trade Return\")])]),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"name text-center\",class:_vm.returnRedGreen(item.trader_data.days_pnl_percent)},[_vm._v(\" \"+_vm._s(item.trader_data.days_pnl_percent >= 1 ? \"+\" : \"\")+\" \"+_vm._s(Math.round(item.trader_data.days_pnl_percent))+\" % \")]),_c('div',{staticClass:\"followers text-center\"},[_vm._v(\"ROI\")])])],1)],1)],1)],1)])}),0),(_vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center mb-5 mt-1\"},[_c('v-pagination',{attrs:{\"length\":_vm.total_page,\"circle\":\"\"},model:{value:(_vm.pages),callback:function ($$v) {_vm.pages=$$v},expression:\"pages\"}})],1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!$vuetify.breakpoint.xsOnly && stock_data.length != 0\">\n      <draggable v-model=\"stock_data\" @start=\"drag = true\" @end=\"drag = false\">\n        <v-data-table\n          :headers=\"headers\"\n          :items=\"stock_data\"\n          hide-default-footer\n          class=\"elevation-1\"\n          mobile-breakpoint\n          item-key=\"name\"\n        >\n          <template v-slot:body=\"props\">\n            <draggable\n              :list=\"props.items\"\n              tag=\"tbody\"\n              :disabled=\"!is_drag\"\n              :move=\"onMoveCallback\"\n              :clone=\"onCloneCallback\"\n              @end=\"onDropCallback\"\n              :options=\"{\n                handle: '.drag-handle',\n              }\"\n            >\n              <template v-for=\"item in props.items\">\n                <!--  -->\n                <tr v-if=\"item\" :key=\"item.id\">\n                  <td>\n                    <div v-if=\"item.trader_data\" class=\"d-flex\">\n                      <div class=\"\" v-if=\"is_drag\">\n                        <v-btn class=\"drag-handle\" icon>\n                          <v-icon>mdi-drag </v-icon>\n                        </v-btn>\n                      </div>\n                      <div>\n                        <div class=\"name d-flex justify-between align-center\">\n                          <span>\n                            {{ item.trader_data.name }}\n                          </span>\n                          <div>\n                            <v-img\n                              v-if=\"item.trader_data.is_sebi_registered\"\n                              class=\"ml-1\"\n                              :src=\"verified\"\n                              width=\"14px\"\n                            ></v-img>\n                            <!-- <v-btn @click=\"print(item.trader_data)\">print</v-btn> -->\n                          </div>\n                        </div>\n                        <div class=\"followers\">\n                          {{ item.trader_data.followers }}\n                          {{ item.trader_data.followers >= 1000 ? \"K\" : \"\" }}\n                          Followers\n                        </div>\n                      </div>\n                    </div>\n                  </td>\n                  <td v-if=\"item.trader_data\">\n                    <div class=\"name\">\n                      {{\n                        item.trader_data\n                          ? item.trader_data.closed_trades_count\n                          : 0\n                      }}\n                    </div>\n                  </td>\n                  <td v-if=\"item.trader_data\" class=\"name\">\n                    <span v-if=\"item.trader_data.percent\">\n                      {{ item.trader_data.percent }} %\n                    </span>\n                    <span v-else> - </span>\n                  </td>\n                  <td v-if=\"item.trader_data\" class=\"name\">\n                    <div v-if=\"item.trader_data.other_details\">\n                      <span\n                        v-if=\"item.trader_data.other_details.holding_period\"\n                      >\n                        {{ item.trader_data.other_details.holding_period }}\n                        days\n                      </span>\n                      <span v-else> - </span>\n                    </div>\n                  </td>\n                  <td class=\"\" v-if=\"item.trader_data\">\n                    <div v-if=\"item.trader_data.other_details\">\n                      {{ item.trader_data.other_details.risk_reward || \"-\" }}\n                    </div>\n                  </td>\n                  <td v-if=\"item.trader_data\">\n                    <div\n                      v-if=\"item.trader_data.other_details\"\n                      :class=\"\n                        returnRedGreen(\n                          item.trader_data.other_details.avg_trade_return || 0\n                        )\n                      \"\n                    >\n                      {{ item.trader_data.other_details.avg_trade_return || 0 }}\n                    </div>\n                  </td>\n                  <td v-if=\"item.trader_data\">\n                    <div\n                      :class=\"returnRedGreen(item.trader_data.days_pnl_percent)\"\n                    >\n                      {{ Math.round(item.trader_data.days_pnl_percent) || 0 }}\n                    </div>\n                  </td>\n                  <td>\n                    <template v-if=\"item.trader_data\">\n                      <div\n                        v-if=\"item.trader_data.followers_ids\"\n                        class=\"d-flex justify-end\"\n                      >\n                        <v-btn\n                          v-if=\"\n                            !is_drag &&\n                            !item.trader_data.followers_ids.includes(\n                              commonFunctions.getUserId()\n                            )\n                          \"\n                          @click=\"followUser(item.trader_data.user_id)\"\n                          :loading=\"follow_loading[item.trader_data.user_id]\"\n                          small\n                          style=\"border-radius: 5px\"\n                          width=\"5.75rem\"\n                          depressed\n                          color=\"primary\"\n                          class=\"text-capitalize\"\n                        >\n                          Follow\n                        </v-btn>\n                        <v-btn\n                          v-else-if=\"\n                            !is_drag &&\n                            item.trader_data.followers_ids.includes(\n                              commonFunctions.getUserId()\n                            )\n                          \"\n                          @click=\"unFollowUser(item.trader_data.user_id)\"\n                          :loading=\"unfollow_loading[item.trader_data.user_id]\"\n                          width=\"5.75rem\"\n                          style=\"border-radius: 5px\"\n                          small\n                          outlined\n                          depressed\n                          color=\"primary\"\n                          class=\"text-capitalize\"\n                        >\n                          Unfollow\n                        </v-btn>\n\n                        <div class=\"delete-btn\">\n                          <v-btn\n                            v-if=\"is_drag\"\n                            @click=\"deleteButton(item.id)\"\n                            class=\"delete-button\"\n                            depressed\n                          >\n                            <v-icon> mdi-trash-can-outline</v-icon>\n                          </v-btn>\n                        </div>\n                      </div>\n                    </template>\n                  </td>\n                </tr>\n              </template>\n            </draggable>\n          </template>\n        </v-data-table>\n        <!-- <div\n          class=\"text-center\"\n          v-if=\"hide && stock_data.length >= 10\"\n          v-intersect=\"onIntersects\"\n        >\n          <v-progress-circular\n            indeterminate\n            color=\"#2f80ed\"\n          ></v-progress-circular>\n          Loading More...\n        </div> -->\n      </draggable>\n      <div v-if=\"stock_data.length != 0\" class=\"text-center\">\n        <v-pagination\n          v-model=\"pages\"\n          :length=\"total_page\"\n          circle\n        ></v-pagination>\n      </div>\n    </div>\n    <div v-else class=\"mb-13\">\n      <draggable\n        class=\"list-group\"\n        group=\"trader-mobile-view\"\n        :list=\"stock_data\"\n        @start=\"drag = true\"\n        @change=\"ended\"\n        @end=\"drag = false\"\n        :options=\"{\n          disabled: !is_drag,\n          handle: '.drag-handle',\n        }\"\n      >\n        <!-- <transition-group> -->\n        <div\n          v-for=\"item in stock_data\"\n          class=\"list-group-item pt-2\"\n          :key=\"item.id\"\n        >\n          <div :class=\"is_drag ? 'd-flex align-center' : ''\">\n            <div v-if=\"is_drag\">\n              <v-btn class=\"drag-handle\" icon>\n                <v-icon>mdi-drag </v-icon>\n              </v-btn>\n            </div>\n            <v-card width=\"100%\" class=\"\">\n              <v-card-title class=\"py-1 card-title\">\n                <div class=\"d-flex align-center\">\n                  <div class=\"outer-image\">\n                    <v-img\n                      class=\"inner-image\"\n                      :src=\"\n                        item.trader_data.profile_image\n                          ? item.trader_data.profile_image\n                          : default_profile_img\n                      \"\n                    >\n                    </v-img>\n                  </div>\n                  <div class=\"ml-2\">\n                    <div class=\"name d-flex justify-between align-center\">\n                      <span>\n                        {{ item.trader_data.name || \"N/A\" }}\n                      </span>\n                      <div>\n                        <v-img\n                          v-if=\"item.trader_data.is_sebi_registered\"\n                          class=\"ml-1\"\n                          :src=\"verified\"\n                          width=\"14px\"\n                        ></v-img>\n                      </div>\n                    </div>\n                    <div class=\"name\">\n                      {{ item.trader_data.followers || 0 }}\n\n                      {{ item.trader_data.followers >= 1000 ? \"K\" : \"\" }}\n                      <span class=\"followers\">Followers</span>\n                    </div>\n                  </div>\n                </div>\n                <div v-if=\"item.trader_data.followers_ids\">\n                  <v-btn\n                    v-if=\"\n                      !is_drag &&\n                      !item.trader_data.followers_ids.includes(\n                        commonFunctions.getUserId()\n                      )\n                    \"\n                    @click=\"followUser(item.trader_data.user_id)\"\n                    :loading=\"follow_loading[item.trader_data.user_id]\"\n                    class=\"text-capitalize\"\n                    x-small\n                    depressed\n                    style=\"border-radius: 5px\"\n                    width=\"72px\"\n                    height=\"28px\"\n                    color=\"primary\"\n                  >\n                    Follow\n                  </v-btn>\n                  <v-btn\n                    v-else-if=\"\n                      !is_drag &&\n                      item.trader_data.followers_ids.includes(\n                        commonFunctions.getUserId()\n                      )\n                    \"\n                    @click=\"unFollowUser(item.trader_data.user_id)\"\n                    :loading=\"unfollow_loading[item.trader_data.user_id]\"\n                    width=\"72px\"\n                    height=\"28px\"\n                    x-small\n                    style=\"border-radius: 5px\"\n                    outlined\n                    depressed\n                    color=\"primary\"\n                    class=\"text-capitalize\"\n                  >\n                    Unfollow\n                  </v-btn>\n                  <div class=\"delete-btn\">\n                    <v-btn\n                      v-if=\"is_drag\"\n                      @click=\"deleteButton(item.id)\"\n                      class=\"delete-button\"\n                      depressed\n                    >\n                      <v-icon small> mdi-trash-can-outline</v-icon>\n                    </v-btn>\n                  </div>\n                  <!-- <v-btn\n                    @click=\"followUser(item.trader_data.user_id)\"\n                    class=\"text-capitalize\"\n                    x-small\n                    depressed\n                    width=\"4.5rem\"\n                    color=\"primary\"\n                  >\n                    Unfollow\n                  </v-btn> -->\n                </div>\n              </v-card-title>\n              <v-card-text class=\"pt-4 mt-2\">\n                <v-row>\n                  <v-col cols=\"4\">\n                    <div class=\"name text-center\">\n                      {{\n                        item.trader_data\n                          ? item.trader_data.closed_trades_count\n                          : 0\n                      }}\n                    </div>\n                    <div class=\"followers text-center\">CLosed Trades</div>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <div class=\"name text-center\">\n                      <span v-if=\"item.trader_data.percent\">\n                        {{ item.trader_data.percent }} %\n                      </span>\n                      <span> - </span>\n                    </div>\n                    <div class=\"followers text-center\">Accuracy</div>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <div class=\"name text-center\">\n                      <span\n                        v-if=\"item.trader_data.other_details.holding_period\"\n                      >\n                        {{ item.trader_data.other_details.holding_period }}\n                        days\n                      </span>\n                      <span v-else>-</span>\n                    </div>\n                    <div class=\"followers text-center\">Holding Period</div>\n                  </v-col>\n                </v-row>\n                <v-row class=\"px-9 py-2\">\n                  <v-divider> </v-divider>\n                </v-row>\n                <v-row class=\"\">\n                  <v-col cols=\"4\">\n                    <div class=\"name text-center\">\n                      {{ item.trader_data.other_details.risk_reward || \"-\" }}\n                    </div>\n                    <div class=\"followers text-center\">Risk Reward</div>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <div\n                      :class=\"\n                        returnRedGreen(\n                          item.trader_data.other_details.avg_trade_return\n                        )\n                      \"\n                      class=\"name text-center\"\n                    >\n                      {{\n                        item.trader_data.other_details.avg_return >= 1\n                          ? \"+\"\n                          : \"\"\n                      }}\n                      <span\n                        v-if=\"item.trader_data.other_details.avg_trade_return\"\n                      >\n                        {{ item.trader_data.other_details.avg_trade_return }}\n                        %\n                      </span>\n                      <span v-else> - </span>\n                    </div>\n                    <div class=\"followers text-center\">Avg Trade Return</div>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <div\n                      class=\"name text-center\"\n                      :class=\"returnRedGreen(item.trader_data.days_pnl_percent)\"\n                    >\n                      {{ item.trader_data.days_pnl_percent >= 1 ? \"+\" : \"\" }}\n                      {{ Math.round(item.trader_data.days_pnl_percent) }} %\n                    </div>\n                    <div class=\"followers text-center\">ROI</div>\n                  </v-col>\n                </v-row>\n              </v-card-text>\n            </v-card>\n          </div>\n        </div>\n        <!-- </transition-group> -->\n      </draggable>\n      <div v-if=\"stock_data.length != 0\" class=\"text-center mb-5 mt-1\">\n        <v-pagination\n          v-model=\"pages\"\n          :length=\"total_page\"\n          circle\n        ></v-pagination>\n      </div>\n    </div>\n    <!-- :style=\"!$vuetify.breakpoint.xsOnly ? '' : 'visibility: none'\" -->\n  </div>\n</template>\n\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\nimport commonFunctions from \"@/common/commonFunctions\";\nexport default {\n  name: \"TradersWatchListTable\",\n  props: {\n    returnTabId: Number,\n    is_drag: Boolean,\n    stock_data: {\n      type: Array,\n      required: true,\n    },\n    total_page: {\n      type: Number,\n    },\n    page: {\n      type: Number,\n    },\n  },\n  components: { draggable: () => import(\"vuedraggable\") },\n\n  data() {\n    return {\n      drag: false,\n      // hide: true,\n      pages: this.page,\n\n      commonFunctions: commonFunctions,\n      // is_drag: false,\n      follow_loading: {},\n      unfollow_loading: {},\n      draggableEnabled: true,\n      profile_img: require(\"@/assets/images/portrait_photo.jpg\"),\n      default_profile_img: require(\"@/assets/images/Default User.svg\"),\n      search_img: require(\"@/assets/images/SearchWatchlist.svg\"),\n      verified: require(\"@/assets/images/gold_check.svg\"),\n      hide: true,\n      count: 1,\n\n      headers: [\n        {\n          text: \"Trader\",\n          align: \"start\",\n          sortable: false,\n          value: \"name\",\n          class: \"trade-header\",\n        },\n        {\n          text: \"Closed Trades\",\n          value: \"close_trades\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"ACCURACY\",\n          value: \"accuracy\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"Holding Period\",\n          value: \"holding_period\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"risk/reward\",\n          value: \"risk_reward\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        { text: \"Avg Return\", value: \"avg_return\", class: \"trade-header\" },\n        {\n          text: \"ROI\",\n          value: \"roi\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          value: \"action\",\n          align: \"end\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n      ],\n      security_data: [\n        {\n          name: \"Sagar Patel\",\n          followers: 3444,\n          close_trades: 12,\n          accuracy: \"60%\",\n          holding_period: 12,\n          risk_reward: \"1:3\",\n          avg_return: \"123\",\n          roi: 13,\n        },\n        {\n          name: \"Prashant Yadav\",\n          followers: 3444,\n          close_trades: 12,\n          accuracy: \"60%\",\n          holding_period: 12,\n          risk_reward: \"1:3\",\n          avg_return: \"123\",\n          roi: 13,\n        },\n      ],\n    };\n  },\n\n  computed: {\n    activeHeaders() {\n      return this.headers.filter((h) => {\n        if (!this.is_drag && h.value === \"lock\") {\n          return false;\n        }\n        return true;\n      });\n    },\n\n    stocks_data() {\n      return this.stock_data;\n    },\n  },\n  watch: {\n    stock_data() {\n      if (this.stock_data.length <= 10) {\n        this.hide = true;\n        this.count = 1;\n      }\n    },\n    pages() {\n      this.eventBus.$emit(\"appendStocksTable\", this.pages);\n    },\n  },\n  methods: {\n    print(data) {\n      console.log(\"printedd\", data);\n    },\n    onIntersects(entries) {\n      this.hide = true;\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          if (this.count <= this.total_page) {\n            this.count += 1;\n            this.eventBus.$emit(\"appendStocksTable\", true);\n            // this.stock_data = this.stock_data;\n          } else {\n            this.hide = false;\n          }\n        }\n      });\n    },\n\n    onCloneCallback(item) {\n      const cloneMe = JSON.parse(JSON.stringify(item));\n\n      return cloneMe;\n    },\n    onMoveCallback(evt, originalEvent) {\n      const item = evt.draggedContext.element;\n      const itemIdx = evt.draggedContext.futureIndex;\n      console.log(\"on Move callback\", originalEvent, itemIdx);\n      // console.log(\"onMoveCallback\");\n\n      if (item.locked) {\n        return false;\n      }\n\n      return true;\n    },\n    onDropCallback(evt, originalEvent) {\n      // console.log(\"onDropCallback\");\n      let id = this.stock_data[evt.newIndex];\n      this.eventBus.$emit(\"stock_old_index\", {\n        new_index: evt.newIndex + 1,\n        old_index: id.id,\n        id: id.trader,\n      });\n      console.log(\"on drop call back\", evt, originalEvent);\n    },\n\n    returnRedGreen(value) {\n      return value < 0 ? \"down\" : \"up\";\n    },\n    ended(event) {\n      // console.log(event);\n      // console.log(event.moved.oldIndex);\n      // console.log(event.moved.newIndex + 1);\n      let id = this.stock_data[event.moved.newIndex];\n      this.eventBus.$emit(\"stock_old_index\", {\n        new_index: event.moved.newIndex + 1,\n        old_index: id.id,\n        id: id.trader,\n      });\n    },\n    deleteButton(item) {\n      this.eventBus.$emit(\"delete-item\", {\n        item: item,\n      });\n    },\n    followUser(to_follow_id, index) {\n      this.$set(this.follow_loading, to_follow_id, true);\n      console.log(index);\n      const user_id = localStorage.getItem(\"user_id\");\n      const successHandler = () => {\n        this.$logEvent(\"followed_profile\");\n        if (this.$vuetify.breakpoint.xsOnly) {\n          this.$logEvent(\"mweb_followed_profile\");\n        }\n        this.eventBus.$emit(\"refresh-traders-list\", {\n          id: this.returnTabId,\n        });\n        this.$set(this.follow_loading, to_follow_id, false);\n      };\n      const data = {\n        user_id: user_id,\n        to_follow_id: to_follow_id,\n      };\n      const errorHandler = () => {};\n      Axios.request_POST(\n        \"/api/follow-influencer/\",\n        data,\n        {},\n        successHandler,\n        errorHandler,\n        false,\n        false\n      );\n    },\n    unFollowUser(to_unfollow_id) {\n      this.$set(this.unfollow_loading, to_unfollow_id, true);\n\n      const user_id = localStorage.getItem(\"user_id\");\n      const successHandler = () => {\n        this.eventBus.$emit(\"refresh-traders-list\", {\n          id: this.returnTabId,\n        });\n        this.$set(this.unfollow_loading, to_unfollow_id, false);\n      };\n      const data = {\n        user_id: user_id,\n        to_unfollow_id: to_unfollow_id,\n      };\n      const errorHandler = () => {};\n      Axios.request_POST(\n        \"/api/un-follow-influencer/\",\n        data,\n        {},\n        successHandler,\n        errorHandler,\n        false,\n        false\n      );\n    },\n  },\n};\n</script>\n\n<style>\n.trade-header {\n  color: var(--Button-Black, #283037);\n  font-size: 0.895rem !important;\n  font-style: normal;\n  font-weight: 900;\n  line-height: normal;\n  text-transform: uppercase !important;\n}\n</style>\n<style lang=\"scss\" scoped>\n.delete-btn > .v-btn:not(.v-btn--round).v-size--default {\n  height: 37px;\n  min-width: 46px;\n  padding: 0px !important;\n  background-color: #fff !important;\n  border-radius: 0.375rem;\n  border: 1px solid rgba(51, 51, 51, 0.8);\n}\n.down {\n  color: var(--Red, #eb5757);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.up {\n  color: var(--Green-2, #27ae60);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.name {\n  color: #333;\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.followers {\n  color: rgba(51, 51, 51, 0.6);\n  font-family: Avenir;\n  font-size: 0.625rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.closed-trade {\n}\n@media only screen and (max-width: 768px) {\n  .down {\n    color: var(--Red, #eb5757) !important;\n    font-family: Avenir;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: 800;\n    line-height: normal;\n    text-transform: uppercase;\n  }\n  .up {\n    color: var(--Green-2, #27ae60) !important;\n    font-family: Avenir;\n    font-size: 0.75rem !important;\n    font-style: normal !important;\n    font-weight: 800 !important;\n    line-height: normal;\n    text-transform: uppercase !important;\n  }\n  .name {\n    color: #333;\n    font-family: Avenir;\n    font-size: 0.6875rem;\n    font-style: normal;\n    font-weight: 800;\n    line-height: normal;\n  }\n  .followers {\n    color: rgba(51, 51, 51, 0.6);\n    font-family: Avenir;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 800;\n    line-height: normal;\n  }\n  .inner-image {\n    height: 36px;\n    width: 36px;\n    border-radius: 0.36288rem;\n  }\n  .card-title {\n    background: #f1f1f7;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    // justify-content: center;\n  }\n  .delete-btn > .v-btn:not(.v-btn--round).v-size--default {\n    height: 26px;\n    min-width: 30px;\n    padding: 0px !important;\n    background-color: #fff !important;\n    border-radius: 0.375rem;\n    border: 1px solid rgba(51, 51, 51, 0.8);\n  }\n}\n\n.sebi_icon {\n  display: inline !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!./TradersWatchlistTable.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!./TradersWatchlistTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TradersWatchlistTable.vue?vue&type=template&id=0dc2d063&scoped=true&\"\nimport script from \"./TradersWatchlistTable.vue?vue&type=script&lang=js&\"\nexport * from \"./TradersWatchlistTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TradersWatchlistTable.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./TradersWatchlistTable.vue?vue&type=style&index=1&id=0dc2d063&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  \"0dc2d063\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VCol,VDataTable,VDivider,VIcon,VImg,VPagination,VRow})\n","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!./TradersWatchlistTable.vue?vue&type=style&index=1&id=0dc2d063&lang=scss&scoped=true&\""],"sourceRoot":""}