{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue?3a64","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue?38b0","webpack:///src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue?c526","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/NewWatchListSearch.vue?0575"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","$vuetify","breakpoint","xsOnly","staticClass","staticStyle","attrs","scopedSlots","_u","key","fn","ref","on","style","value","openOverlay","_g","_b","placeholder","is_edit","stock_data","$event","isDraggable","_v","proxy","_e","open_filter","flag","model","callback","$$v","expression","_l","item","id","parent_tab_value","exchange","_s","symbol","name","is_added_to_watchlist","plus_sign","addWatchlistOfSearch","minus_sign","removeWatchlistOfSearch","watchlist_id","trade_type","security_symbol","entry_price","tradeCardStatus","status","pl_percent","posted_by_group","posted_by_name","profile_image","default_profile_img","followers","total_trades","percent","days_pnl_percent","patch_loading","patchWatchlist","show_overlay","removeOverlay","parent_tab","staticRenderFns","props","current_tab","type","required","components","FilterModal","data","menu","edit_watchlist","search","items","current_tabs","show_plus_minus","new_index_value","old_index_value","stock_id","watch","computed","created","beforeDestroy","methods","mapActions","snackBar","toggleMenu","selectItem","isValueEdit","is_draggable","patchWatchlistTabs","watchlist_name","formData","Axios","successHandler","failureHandler","text","color","timeout","patchWatchlistIndex","console","getSearchListItems","component","VBtn","VCard","VCardText","VChip","VChipGroup","VIcon","VImg","VList","VListItem","VListItemTitle","VMenu","VTextField"],"mappings":"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G,aAAa,KAAK7B,EAAI+B,KAAM/B,EAAgB,aAAEI,EAAG,MAAM,CAACE,MAAMN,EAAIoE,aAAe,UAAY,GAAGlD,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAO3B,EAAIqE,oBAAoBrE,EAAI+B,KAAK3B,EAAG,cAAc,CAACQ,MAAM,CAAC,OAASZ,EAAIgC,YAAY,WAAahC,EAAIsE,eAAe,IACnqCC,EAAkB,G,6GC4WP,GACf1B,uBACA2B,OACAC,mBACAH,kBACA7B,wBACAU,oBACAzB,YACAgD,WACAC,cAGAC,YACAC,uBAAA,OACA,kDAIAC,gBACA,OACAC,QACAC,kBACA5D,SACA6D,YACAC,SACAd,gBACA3C,WACA0D,kBACAjB,iBACAlC,aACAC,SAEAc,oBACAE,qBAEAmC,mBACAC,qBACAC,qBACAC,cACA1B,gCAGA2B,OACAf,uBACA,gBACA,eAEAH,sBACA,gBACA,eAEAlD,kBACA,cACA,sBAEA,IACA,cACA,wBAIAqE,UACAjE,uBACA,8BACA,YACA,iBACA,aACA,eACA,QACA,iBAIAkE,mBAAA,WACA,6CACA,yBACA,KAEA,iDACA,8BACA,gBACA,8BACA,4BAIAC,yBACA,uCAGAC,yCACAC,gBACAC,iCACA,IAKA3B,0BACA,2BAGA9C,uBACA,eACA,sBAEA,aACA,uBAGAgD,yBACA,sBAEA0B,sBACA,sBAEAC,uBACA,oBACA,cAGAC,wBACA,cAEArE,wBACA,eACA,sBACA,aACA,4BAEA,cAEA,mCACAsE,6BAIAC,8BAAA,WACA,cAMA,CACA,sBACA,iBAEA,mBACA,qCACAC,yBAEA,mBAEA,aACA,oBAEA,KACAC,qBACAA,0BACAC,qBACA,oBACAD,EACA,GACAE,EACAC,GACA,GACA,QA5BA,eACAC,sBACAC,gBACAC,gBA6BAC,+BAAA,WACA,aACA,kBACA,yCAEA,eACA,KACAP,6BAEAA,gCAGAC,qBACA,mBACAD,EACA,GACAE,EACAC,GACA,GACA,IAGAxD,iCAAA,WACA,aACA,wCACA,wBAEA,eACA,KACAqD,iCACAA,sCACAC,oBACA,mBACAD,EACA,GACAE,EACAC,GACA,GACA,IAGAjD,4BACA,oBACA,WACA,YACA,OAEA,GAGAL,oCAAA,WACA2D,eACA,iBACA,wCACA,wBAEA,eACA,KACAR,UACAC,sBACA,mBACAD,EACA,GACA,GACAE,EACAC,GACA,GACA,IAGAM,8BAAA,WACA,cACA,uBAMA,eACA,KACAT,uBACAA,wCACAA,iCACAC,mBACA,mBACAD,EACA,GACAE,EACAC,GACA,GACA,OCjoByY,I,6LCQrYO,EAAY,eACd,EACAhH,EACAwE,GACA,EACA,KACA,WACA,MAIa,aAAAwC,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,QAAA,KAAMC,aAAA,KAAWC,QAAA,KAAMC,OAAA,KAAKC,QAAA,KAAMC,YAAA,KAAUC,eAAA,OAAeC,QAAA,KAAMC,aAAA,Q","file":"js/chunk-5c0acc67.a570a1f1.js","sourcesContent":["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!./NewWatchListSearch.vue?vue&type=style&index=0&id=35e48e1d&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:!_vm.$vuetify.breakpoint.xsOnly\n        ? 'd-flex justify-space-between align-baseline pa-4'\n        : ''},[_c('div',{staticClass:\"text-field-width\"},[_c('v-menu',{staticClass:\"input-menu\",staticStyle:{\"z-index\":\"31\"},attrs:{\"offset-y\":\"\",\"readonly\":\"\",\"nudge-top\":25,\"close-on-content-click\":false,\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n        var attrs = ref.attrs;\n        var on = ref.on;\nreturn [_c('v-card',{staticClass:\"px-0\",staticStyle:{\"box-shadow\":\"none !important\"},style:(_vm.value && _vm.openOverlay ? 'z-index: 31;' : '')},[_c('v-card-text',{staticClass:\"pb-0 px-2\"},[_c('v-text-field',_vm._g(_vm._b({class:_vm.value && _vm.openOverlay ? 'autoComplete' : '',attrs:{\"height\":\"54px\",\"placeholder\":(\"Add \" + _vm.placeholder),\"background-color\":\"#F3F9FF\",\"outlined\":\"\",\"suffix\":!_vm.is_edit ? ((_vm.stock_data.length) + \"/50\") : ''},on:{\"keypress\":_vm.openOverlay},scopedSlots:_vm._u([{key:\"prepend-inner\",fn:function(){return [(!_vm.is_edit)?_c('v-icon',[_vm._v(\"mdi-magnify\")]):_c('v-icon',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.isDraggable(false)}}},[_vm._v(\"mdi-arrow-left-thin\")])]},proxy:true},{key:\"append\",fn:function(){return [_c('div',{staticClass:\"d-flex append-btn-icon\"},[_c('div',[(!_vm.is_edit)?_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.open_filter.flag = true}}},[_c('v-icon',[_vm._v(\"mdi-tune\")])],1):_vm._e()],1),_c('div',[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.isDraggable(true)}}},[_c('v-icon',[_vm._v(\"mdi-pencil-outline\")])],1)],1)])]},proxy:true}],null,true),model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},'v-text-field',attrs,false),on))],1)],1)]}}])},[_c('v-card',{staticClass:\"card-list\",attrs:{\"elevation\":\"0\"}},[_c('v-list',_vm._l((_vm.items),function(item){return _c('v-list-item',{key:item.id,staticClass:\"pb-3\",attrs:{\"value\":item}},[_c('v-list-item-title',{staticClass:\"pt-0 item-title\"},[(_vm.parent_tab_value == 'stock')?_c('div',{staticClass:\"d-flex justify-space-between align-center\"},[_c('div',{staticClass:\"d-flex justify-center align-center\"},[_c('div',{staticClass:\"pr-2\"},[_c('v-chip-group',{attrs:{\"mandatory\":\"\"}},[_c('v-chip',{attrs:{\"active\":\"\",\"small\":\"\",\"label\":\"\",\"outlined\":\"\",\"color\":item.exchange == 'BSE' ? '#2D8CFF' : '#27AE60'}},[_vm._v(\" \"+_vm._s(item.exchange)+\" \")])],1)],1),_c('div',[_c('div',{staticClass:\"security-symbol\"},[_vm._v(\" \"+_vm._s(item.symbol)+\" \")]),_c('div',{staticClass:\"security-fullname\"},[_vm._v(_vm._s(item.name))])])]),_c('div',[(!item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.plus_sign},on:{\"click\":function($event){_vm.addWatchlistOfSearch(item.id, item),\n                          (item.is_added_to_watchlist = true)}}}):_vm._e(),(item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.minus_sign},on:{\"click\":function($event){_vm.removeWatchlistOfSearch(item.watchlist_id),\n                          (item.is_added_to_watchlist = false)}}}):_vm._e()],1)]):_vm._e(),(_vm.parent_tab_value == 'trade')?_c('div',{staticClass:\"d-flex justify-space-between align-center\"},[_c('div',{staticClass:\"d-flex justify-center align-center\"},[_c('div',{staticClass:\"pr-2\"},[_c('v-chip-group',{attrs:{\"mandatory\":\"\"}},[_c('v-chip',{attrs:{\"active\":\"\",\"small\":\"\",\"label\":\"\",\"outlined\":\"\",\"color\":item.trade_type == 'Buy' ? '#2D8CFF' : '#EB5757'}},[_vm._v(\" \"+_vm._s(item.trade_type)+\" \")])],1)],1),_c('div',[_c('div',[_c('span',{staticClass:\"trade-symbol\"},[_vm._v(\" \"+_vm._s(item.security_symbol)+\" \")]),_c('span',{staticClass:\"trade-user-name\"},[_vm._v(\"@ \"+_vm._s(item.entry_price)+\" | \")]),(item.trade_type == 'Buy')?_c('span',{class:_vm.tradeCardStatus(item.status)},[_vm._v(\" \"+_vm._s(_vm.tradeCardStatus(item.status))+\" \")]):_c('span',{staticClass:\"trade-pl-per\"},[_vm._v(\" \"+_vm._s(item.pl_percent)+\" \")])]),_c('div',{staticClass:\"trade-user-name\"},[_vm._v(\" By \"),(!item.posted_by_group)?_c('span',[_vm._v(\" \"+_vm._s(item.posted_by_name)+\" \")]):_c('span',[_vm._v(\" \"+_vm._s(item.posted_by_name)+\" \"),_c('v-icon',{staticClass:\"ml-1\",attrs:{\"small\":\"\",\"color\":\"grey\"}},[_vm._v(\"mdi-account-group\")])],1)])])]),_c('div',[(!item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.plus_sign},on:{\"click\":function($event){_vm.addWatchlistOfSearch(item.id, item),\n                          (item.is_added_to_watchlist = true)}}}):_vm._e(),(item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.minus_sign},on:{\"click\":function($event){_vm.removeWatchlistOfSearch(item.watchlist_id),\n                          (item.is_added_to_watchlist = false)}}}):_vm._e()],1)]):_vm._e(),(_vm.parent_tab_value == 'trader')?_c('div',{staticClass:\"d-flex justify-space-between align-center\"},[_c('div',{staticClass:\"d-flex justify-center align-center\"},[_c('div',{staticClass:\"pr-2\"},[_c('v-img',{attrs:{\"height\":\"2.5rem\",\"width\":\"2.5rem\",\"src\":item.profile_image == null\n                            ? _vm.default_profile_img\n                            : item.profile_image}})],1),_c('div',{},[_c('div',[_c('span',{staticClass:\"trade-symbol\"},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('span',{staticClass:\"trade-user-name\"},[_vm._v(\"| \")]),_c('span',{staticClass:\"trade-symbol\"},[_vm._v(\" \"+_vm._s(item.followers)+\" \")]),_c('span',{staticClass:\"trade-user-name\"},[_vm._v(\"Followers\")])]),_c('div',[_c('span',{staticClass:\"trade-user-name\"},[_vm._v(\" \"+_vm._s(item.total_trades)+\" Trades ● \"+_vm._s(item.percent)+\"% Accuracy ● \"),_c('span',{class:item.days_pnl_percent >= 0\n                                ? 'green--text'\n                                : 'red--text'},[_vm._v(\" \"+_vm._s(item.days_pnl_percent)+\"% \")]),_vm._v(\" ROI \")])])])]),_c('div',[(!item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.plus_sign},on:{\"click\":function($event){_vm.addWatchlistOfSearch(item.id, item),\n                          (item.is_added_to_watchlist = true)}}}):_vm._e(),(item.is_added_to_watchlist)?_c('v-img',{staticClass:\"cursor\",attrs:{\"src\":_vm.minus_sign},on:{\"click\":function($event){_vm.removeWatchlistOfSearch(item.watchlist_id),\n                          (item.is_added_to_watchlist = false)}}}):_vm._e()],1)]):_vm._e()])],1)}),1)],1)],1)],1),(this.is_edit && !_vm.$vuetify.breakpoint.xsOnly)?_c('div',{},[_c('v-btn',{staticClass:\"text--white text-capitalize\",attrs:{\"loading\":_vm.patch_loading,\"height\":\"44px\",\"width\":\"9.875rem\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.patchWatchlist()}}},[_vm._v(\" Save\")])],1):_vm._e()]),(_vm.is_edit && _vm.$vuetify.breakpoint.xsOnly)?_c('div',{staticClass:\"bottom-nav d-flex\"},[_c('div',{staticClass:\"pr-1\"},[_c('v-btn',{staticClass:\"back bottom-btn\",attrs:{\"width\":\"10rem\",\"color\":\"primary\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.isDraggable(false)}}},[_vm._v(\" Back \")])],1),_c('div',{staticClass:\"pl-1\"},[_c('v-btn',{staticClass:\"bottom-btn save white--text\",attrs:{\"width\":\"10rem\",\"color\":\"primary\",\"loading\":_vm.patch_loading},on:{\"click\":function($event){return _vm.patchWatchlist()}}},[_vm._v(\" Save \")])],1)]):_vm._e(),(_vm.show_overlay)?_c('div',{class:_vm.show_overlay ? 'overlay' : '',on:{\"click\":function($event){return _vm.removeOverlay()}}}):_vm._e(),_c('FilterModal',{attrs:{\"filter\":_vm.open_filter,\"parent_tab\":_vm.parent_tab}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      :class=\"\n        !$vuetify.breakpoint.xsOnly\n          ? 'd-flex justify-space-between align-baseline pa-4'\n          : ''\n      \"\n    >\n      <div class=\"text-field-width\">\n        <v-menu\n          offset-y\n          readonly\n          :nudge-top=\"25\"\n          :close-on-content-click=\"false\"\n          style=\"z-index: 31\"\n          bottom\n          class=\"input-menu\"\n        >\n          <template v-slot:activator=\"{ attrs, on }\">\n            <v-card\n              class=\"px-0\"\n              style=\"box-shadow: none !important\"\n              :style=\"value && openOverlay ? 'z-index: 31;' : ''\"\n            >\n              <v-card-text class=\"pb-0 px-2\">\n                <v-text-field\n                  v-on=\"on\"\n                  v-bind=\"attrs\"\n                  :class=\"value && openOverlay ? 'autoComplete' : ''\"\n                  v-model=\"value\"\n                  height=\"54px\"\n                  :placeholder=\"`Add ${placeholder}`\"\n                  background-color=\"#F3F9FF\"\n                  outlined\n                  @keypress=\"openOverlay\"\n                  :suffix=\"!is_edit ? `${stock_data.length}/50` : ''\"\n                >\n                  <!-- @click=\"toggleMenu\" -->\n                  <!-- @keyup=\"getSearchListItems()\" -->\n                  <template v-slot:prepend-inner>\n                    <v-icon v-if=\"!is_edit\">mdi-magnify</v-icon>\n                    <v-icon\n                      @click=\"isDraggable(false)\"\n                      style=\"cursor: pointer\"\n                      v-else\n                      >mdi-arrow-left-thin</v-icon\n                    >\n                  </template>\n                  <template v-slot:append>\n                    <div class=\"d-flex append-btn-icon\">\n                      <div>\n                        <v-btn\n                          @click=\"open_filter.flag = true\"\n                          v-if=\"!is_edit\"\n                          icon\n                        >\n                          <v-icon>mdi-tune</v-icon>\n                        </v-btn>\n                      </div>\n                      <div>\n                        <v-btn @click=\"isDraggable(true)\" icon>\n                          <v-icon>mdi-pencil-outline</v-icon>\n                        </v-btn>\n                      </div>\n                    </div>\n                  </template>\n                </v-text-field>\n              </v-card-text>\n            </v-card>\n            <!-- <v-card>\n              <v-card-text>\n                <v-list>\n                  <v-list-item\n                    class=\"pb-3\"\n                    v-for=\"(item, index) in items\"\n                    :key=\"item.id\"\n                    :value=\"item\"\n                  >\n                    <v-list-item-title class=\"pt-2 pb-2 item-title\">\n                      <div class=\"d-flex justify-space-between align-center\">\n                        <div class=\"d-flex justify-center align-center\">\n                          <div class=\"pr-2\">\n                            <v-chip small outlined label color=\"#27AE60\">\n                              {{ item.exchange }}\n                            </v-chip>\n                          </div>\n                          <div>\n                            <div>\n                              {{ item.symbol }}\n                            </div>\n                            <div>{{ item.name }}</div>\n                          </div>\n                        </div>\n                        <div>\n                          <v-icon\n                            v-if=\"!item.is_added_to_watchlist\"\n                            @click=\"\n                              plusMinus(index, item.is_added_to_watchlist)\n                            \"\n                            large\n                            color=\"primary\"\n                            >mdi-plus-box-outline</v-icon\n                          >\n                          <v-icon\n                            v-if=\"item.is_added_to_watchlist\"\n                            @click=\"\n                              plusMinus(index, item.is_added_to_watchlist)\n                            \"\n                            large\n                            color=\"primary\"\n                            >mdi-minus-box</v-icon\n                          >\n                        </div>\n                      </div>\n                    </v-list-item-title>\n                  </v-list-item>\n                </v-list>\n              </v-card-text>\n            </v-card> -->\n          </template>\n          <v-card class=\"card-list\" elevation=\"0\">\n            <v-list>\n              <v-list-item\n                class=\"pb-3\"\n                v-for=\"item in items\"\n                :key=\"item.id\"\n                :value=\"item\"\n              >\n                <v-list-item-title class=\"pt-0 item-title\">\n                  <div\n                    v-if=\"parent_tab_value == 'stock'\"\n                    class=\"d-flex justify-space-between align-center\"\n                  >\n                    <div class=\"d-flex justify-center align-center\">\n                      <div class=\"pr-2\">\n                        <v-chip-group mandatory>\n                          <v-chip\n                            active\n                            small\n                            label\n                            outlined\n                            :color=\"\n                              item.exchange == 'BSE' ? '#2D8CFF' : '#27AE60'\n                            \"\n                          >\n                            {{ item.exchange }}\n                          </v-chip>\n                        </v-chip-group>\n                      </div>\n                      <div>\n                        <div class=\"security-symbol\">\n                          {{ item.symbol }}\n                        </div>\n                        <div class=\"security-fullname\">{{ item.name }}</div>\n                      </div>\n                    </div>\n                    <div>\n                      <v-img\n                        class=\"cursor\"\n                        :src=\"plus_sign\"\n                        v-if=\"!item.is_added_to_watchlist\"\n                        @click=\"\n                          addWatchlistOfSearch(item.id, item),\n                            (item.is_added_to_watchlist = true)\n                        \"\n                      ></v-img>\n\n                      <v-img\n                        class=\"cursor\"\n                        :src=\"minus_sign\"\n                        v-if=\"item.is_added_to_watchlist\"\n                        @click=\"\n                          removeWatchlistOfSearch(item.watchlist_id),\n                            (item.is_added_to_watchlist = false)\n                        \"\n                      >\n                      </v-img>\n                    </div>\n                  </div>\n                  <div\n                    v-if=\"parent_tab_value == 'trade'\"\n                    class=\"d-flex justify-space-between align-center\"\n                  >\n                    <div class=\"d-flex justify-center align-center\">\n                      <div class=\"pr-2\">\n                        <v-chip-group mandatory>\n                          <v-chip\n                            active\n                            small\n                            label\n                            outlined\n                            :color=\"\n                              item.trade_type == 'Buy' ? '#2D8CFF' : '#EB5757'\n                            \"\n                          >\n                            {{ item.trade_type }}\n                          </v-chip>\n                        </v-chip-group>\n                      </div>\n\n                      <div>\n                        <div>\n                          <span class=\"trade-symbol\">\n                            {{ item.security_symbol }}\n                          </span>\n                          <span class=\"trade-user-name\"\n                            >@ {{ item.entry_price }} |\n                          </span>\n                          <span\n                            v-if=\"item.trade_type == 'Buy'\"\n                            :class=\"tradeCardStatus(item.status)\"\n                          >\n                            {{ tradeCardStatus(item.status) }}\n                          </span>\n                          <span v-else class=\"trade-pl-per\">\n                            {{ item.pl_percent }}\n                          </span>\n                        </div>\n                        <div class=\"trade-user-name\">\n                          By\n                          <span v-if=\"!item.posted_by_group\">\n                            {{ item.posted_by_name }}\n                          </span>\n                          <span v-else>\n                            {{ item.posted_by_name }}\n                            <v-icon class=\"ml-1\" small color=\"grey\"\n                              >mdi-account-group</v-icon\n                            >\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                    <div>\n                      <v-img\n                        :src=\"plus_sign\"\n                        v-if=\"!item.is_added_to_watchlist\"\n                        @click=\"\n                          addWatchlistOfSearch(item.id, item),\n                            (item.is_added_to_watchlist = true)\n                        \"\n                        class=\"cursor\"\n                      ></v-img>\n                      <v-img\n                        :src=\"minus_sign\"\n                        v-if=\"item.is_added_to_watchlist\"\n                        @click=\"\n                          removeWatchlistOfSearch(item.watchlist_id),\n                            (item.is_added_to_watchlist = false)\n                        \"\n                        class=\"cursor\"\n                      ></v-img>\n                    </div>\n                  </div>\n                  <div\n                    v-if=\"parent_tab_value == 'trader'\"\n                    class=\"d-flex justify-space-between align-center\"\n                  >\n                    <div class=\"d-flex justify-center align-center\">\n                      <div class=\"pr-2\">\n                        <v-img\n                          height=\"2.5rem\"\n                          width=\"2.5rem\"\n                          :src=\"\n                            item.profile_image == null\n                              ? default_profile_img\n                              : item.profile_image\n                          \"\n                        >\n                        </v-img>\n                      </div>\n                      <div class=\"\">\n                        <div>\n                          <span class=\"trade-symbol\">\n                            {{ item.name }}\n                          </span>\n                          <span class=\"trade-user-name\">| </span\n                          ><span class=\"trade-symbol\">\n                            {{ item.followers }} </span\n                          ><span class=\"trade-user-name\">Followers</span>\n                        </div>\n                        <div>\n                          <span class=\"trade-user-name\">\n                            {{ item.total_trades }}\n                            Trades ●\n                            {{ item.percent }}% Accuracy ●\n                            <span\n                              :class=\"\n                                item.days_pnl_percent >= 0\n                                  ? 'green--text'\n                                  : 'red--text'\n                              \"\n                            >\n                              {{ item.days_pnl_percent }}%\n                            </span>\n                            ROI\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                    <div>\n                      <v-img\n                        :src=\"plus_sign\"\n                        v-if=\"!item.is_added_to_watchlist\"\n                        @click=\"\n                          addWatchlistOfSearch(item.id, item),\n                            (item.is_added_to_watchlist = true)\n                        \"\n                        class=\"cursor\"\n                      ></v-img>\n                      <v-img\n                        :src=\"minus_sign\"\n                        v-if=\"item.is_added_to_watchlist\"\n                        @click=\"\n                          removeWatchlistOfSearch(item.watchlist_id),\n                            (item.is_added_to_watchlist = false)\n                        \"\n                        class=\"cursor\"\n                      ></v-img>\n                    </div>\n                  </div>\n                </v-list-item-title>\n              </v-list-item>\n            </v-list>\n          </v-card>\n        </v-menu>\n      </div>\n      <div v-if=\"this.is_edit && !$vuetify.breakpoint.xsOnly\" class=\"\">\n        <v-btn\n          @click=\"patchWatchlist()\"\n          :loading=\"patch_loading\"\n          height=\"44px\"\n          width=\"9.875rem\"\n          color=\"primary\"\n          class=\"text--white text-capitalize\"\n        >\n          Save</v-btn\n        >\n      </div>\n    </div>\n    <div v-if=\"is_edit && $vuetify.breakpoint.xsOnly\" class=\"bottom-nav d-flex\">\n      <div class=\"pr-1\">\n        <v-btn\n          @click=\"isDraggable(false)\"\n          width=\"10rem\"\n          class=\"back bottom-btn\"\n          color=\"primary\"\n          outlined\n        >\n          Back\n        </v-btn>\n      </div>\n      <div class=\"pl-1\">\n        <v-btn\n          width=\"10rem\"\n          color=\"primary\"\n          class=\"bottom-btn save white--text\"\n          @click=\"patchWatchlist()\"\n          :loading=\"patch_loading\"\n        >\n          Save\n        </v-btn>\n      </div>\n    </div>\n    <div\n      v-if=\"show_overlay\"\n      @click=\"removeOverlay()\"\n      :class=\"show_overlay ? 'overlay' : ''\"\n    ></div>\n    <FilterModal :filter=\"open_filter\" :parent_tab=\"parent_tab\"> </FilterModal>\n\n    <!-- {{ edit_watchlist }} -->\n  </div>\n</template>\n\n<script>\nimport Axios from \"@/api/BaseAxios.js\";\nimport _ from \"lodash\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  name: \"WatchListSearch\",\n  props: {\n    current_tab: String,\n    parent_tab: Number,\n    parent_tab_value: String,\n    watchlist_id: Number,\n    stock_data: {\n      type: Array,\n      required: true,\n    },\n  },\n  components: {\n    FilterModal: () =>\n      import(\n        \"@/components/Profile/ProfileTradeDetails/Wacthlist/FilterModal.vue\"\n      ),\n  },\n  data() {\n    return {\n      menu: true,\n      edit_watchlist: false,\n      value: \"\",\n      search: null,\n      items: [],\n      show_overlay: false,\n      is_edit: false,\n      current_tabs: null,\n      patch_loading: false,\n      open_filter: {\n        flag: false,\n      },\n      plus_sign: require(\"@/assets/images/plus_sign.svg\"),\n      minus_sign: require(\"@/assets/images/minus_sign.svg\"),\n\n      show_plus_minus: false,\n      new_index_value: null,\n      old_index_value: null,\n      stock_id: null,\n      default_profile_img: require(\"@/assets/images/Default User.svg\"),\n    };\n  },\n  watch: {\n    current_tab() {\n      this.is_edit = false;\n      this.value = \"\";\n    },\n    parent_tab() {\n      this.is_edit = false;\n      this.value = \"\";\n    },\n    value(value) {\n      if (!this.is_edit) {\n        this.debounceSearch();\n      }\n      if (!value) {\n        this.items = [];\n        this.show_overlay = false;\n      }\n    },\n  },\n  computed: {\n    placeholder() {\n      switch (this.parent_tab_value) {\n        case \"stock\":\n          return \"Security\";\n        case \"trader\":\n          return \"Trader\";\n        default:\n          return \"Trade\";\n      }\n    },\n  },\n  created() {\n    this.debounceSearch = _.debounce(() => {\n      this.getSearchListItems();\n    }, 800);\n\n    this.eventBus.$on(\"stock_old_index\", (value) => {\n      this.new_index_value = value.new_index;\n      this.stock_id = value.id;\n      this.old_index_value = value.old_index;\n      this.patchWatchlistIndex();\n      // console.log(\"from watchlist search\", value.old_index);\n    });\n  },\n  beforeDestroy() {\n    this.eventBus.$off(\"stock_old_index\");\n  },\n\n  methods: {\n    ...mapActions({\n      snackBar: \"snackBar/showSnack\",\n    }),\n    // plusMinus(value) {\n    //   this.addWatchlistOfSearch(value);\n    // },\n\n    patchWatchlist() {\n      this.patchWatchlistTabs();\n      // this.patchWatchlistIndex();\n    },\n    openOverlay() {\n      if (!this.is_edit) {\n        this.show_overlay = true;\n      }\n      if (!this.value) {\n        this.show_overlay = false;\n      }\n    },\n    removeOverlay() {\n      this.show_overlay = false;\n    },\n    toggleMenu() {\n      this.menu = !this.menu;\n    },\n    selectItem(item) {\n      this.selectedItem = item;\n      this.menu = false; // Close the menu after selecting an item\n    },\n\n    isValueEdit(current_value) {\n      this.value = current_value;\n    },\n    isDraggable(boolean) {\n      this.is_edit = boolean;\n      this.edit_watchlist = boolean;\n      if (this.is_edit) {\n        this.value = this.current_tab;\n      } else {\n        this.value = \"\";\n      }\n      this.eventBus.$emit(\"enable-drag\", {\n        is_draggable: this.is_edit,\n      });\n    },\n\n    patchWatchlistTabs() {\n      if (!this.value) {\n        this.snackBar({\n          text: \"Field required\",\n          color: \"warning\",\n          timeout: 2500,\n        });\n      } else {\n        this.patch_loading = true;\n        const successHandler = () => {\n          // console.log(res);\n          this.patch_loading = false;\n          this.eventBus.$emit(\"getWatchlistName\", {\n            watchlist_name: this.value,\n          });\n          this.isDraggable(false);\n        };\n        const failureHandler = () => {\n          this.patch_loading = false;\n        };\n        let formData = {};\n        formData[\"name\"] = this.value;\n        formData[\"id\"] = this.watchlist_id;\n        Axios.request_PATCH(\n          \"watchlist/detail/\",\n          formData,\n          {},\n          successHandler,\n          failureHandler,\n          false,\n          true\n        );\n      }\n    },\n    patchWatchlistIndex() {\n      const successHandler = () => {\n        this.isDraggable(false);\n        this.eventBus.$emit(\"refresh-stock-table\");\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"id\"] = this.old_index_value;\n      // formData[\"watchlist\"] = this.watchlist_id;\n      formData[\"index\"] = this.new_index_value;\n      // formData[`${this.parent_tab_value}`] = this.stock_id;\n\n      Axios.request_PATCH(\n        \"watchlist/items/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    addWatchlistOfSearch(id) {\n      const successHandler = () => {\n        this.eventBus.$emit(\"refresh-stock-table\");\n        this.getSearchListItems();\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"watchlist\"] = this.watchlist_id;\n      formData[`${this.parent_tab_value}`] = id;\n      Axios.request_POST(\n        \"watchlist/items/\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    tradeCardStatus(value) {\n      if (value == \"Inactive\") {\n        return (value = \"Upcoming\");\n      } else if (value == \"Active\") {\n        return (value = \"Live\");\n      } else {\n        return value;\n      }\n    },\n    removeWatchlistOfSearch(id) {\n      console.log(id);\n      const successHandler = () => {\n        this.eventBus.$emit(\"refresh-stock-table\");\n        this.getSearchListItems();\n      };\n      const failureHandler = () => {};\n      let formData = {};\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    getSearchListItems() {\n      const successHandler = (res) => {\n        this.items = res.data.result;\n        // this.items = this.items.slice(0, 8);\n        // let eight_items = this.items.slice(0, 8);\n\n        // console.log(eight_items);\n      };\n      const failureHandler = () => {};\n      let formData = {};\n      formData[\"search\"] = this.value;\n      formData[\"watcher_type\"] = this.parent_tab_value;\n      formData[\"watchlist\"] = this.watchlist_id;\n      Axios.request_GET(\n        \"watchlist/search\",\n        formData,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cursor {\n  cursor: pointer;\n}\n::v-deep.v-chip.v-chip--outlined {\n  border-style: none !important;\n}\n.card-list {\n  max-height: 365px !important;\n}\n.item-title {\n  border-bottom: 1px solid #d0d0d0;\n}\n::v-deep.v-list-item__title {\n  height: 50px !important;\n}\n.security_itm {\n  height: 45px;\n}\n.autoComplete {\n  z-index: 30;\n}\n.overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(\n    0,\n    0,\n    0,\n    0.5\n  ); /* Adjust the color and opacity as needed */\n  z-index: 20;\n}\n.append-btn-icon {\n  margin-top: -8px;\n}\n.text-field-size {\n  height: 54px;\n}\n.text-field-width {\n  margin-top: 5px;\n  width: 510px;\n  background-color: #fff;\n  // z-index: 999;\n}\n.trade-symbol {\n  color: #333;\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.trade-user-name {\n  color: rgba(51, 51, 51, 0.54);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.Upcoming {\n  color: var(--Primary, #2d8cff);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.Live {\n  color: var(--Primary, #33c16e);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.closed {\n  color: var(--Primary, #eb5757);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.trade-pl-per {\n  color: var(--Green-2, #27ae60);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.security-symbol {\n  color: #333;\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.security-fullname {\n  color: rgba(51, 51, 51, 0.54);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n@media only screen and (max-width: 768px) {\n  .text-field-width {\n    width: 100%;\n  }\n  .text-field-size {\n    height: 44px;\n  }\n  .bottom-nav {\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    position: fixed;\n    bottom: 0;\n    top: auto;\n    background-color: #fff;\n    z-index: 20;\n  }\n  .bottom-btn {\n    // margin-bottom: 48px;\n  }\n  .save {\n    color: #fff !important;\n    // right: 30px;\n    // left: auto;\n  }\n  .back {\n    // left: 30px;\n    // right: auto;\n  }\n  .v-menu__content .theme--light .menuable__content__active {\n    top: 275px !important;\n    max-height: 300px !important;\n    // left: 8px;\n  }\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!./NewWatchListSearch.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!./NewWatchListSearch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewWatchListSearch.vue?vue&type=template&id=35e48e1d&scoped=true&\"\nimport script from \"./NewWatchListSearch.vue?vue&type=script&lang=js&\"\nexport * from \"./NewWatchListSearch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewWatchListSearch.vue?vue&type=style&index=0&id=35e48e1d&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  \"35e48e1d\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VChipGroup } from 'vuetify/lib/components/VChipGroup';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VChip,VChipGroup,VIcon,VImg,VList,VListItem,VListItemTitle,VMenu,VTextField})\n"],"sourceRoot":""}