{"version":3,"sources":["webpack:///./src/views/SearchPage/SearchPage.vue?c176","webpack:///src/views/SearchPage/SearchPage.vue","webpack:///./src/views/SearchPage/SearchPage.vue?5f9d","webpack:///./src/views/SearchPage/SearchPage.vue?0824","webpack:///./src/views/SearchPage/SearchPage.vue?6c76"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","tabs","model","value","callback","$$v","selectedTab","expression","search_list","_l","item","i","key","on","$event","handleClickEvent","checkType","type","_e","staticStyle","logo","_v","_s","_f","name","symbol","exchange","profile_image","picture","admin","profile","staticRenderFns","components","SearchPageTabs","data","searchQuery","profiles","securities","groups","profilePageInfo","detail_count","page_number","total_page","securityPageInfo","groupPageInfo","profileLoading","securityLoading","groupLoading","label","computed","selectedTabValue","profileLoad","securityLoad","groupLoad","watch","methods","goBack","addToRecentSearch","apiUrl","successHandler","failureHandler","getURL","params","query","tab","id","loadProfile","loadSecurity","loadGroup","goToGroup","getAllSearches","console","text","color","timeout","Axios","onSuccess","onFailure","onFinally","searchProfile","res","formData","searchSecurity","searchGroup","loadSearch","mounted","created","component","VAvatar","VCard","VChip","VCol","VIcon","VListItem","VListItemAvatar","VListItemContent","VList","VRow","VSpacer"],"mappings":"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BACAC,gBACAzC,cACAL,MACA,CACA+C,YACA7C,aAEA,CACA6C,iBACA7C,kBAEA,CACA6C,gBACA7C,iBAEA,CACA6C,eACA7C,mBAKA8C,UACAC,4BACA,0CAEAC,uBACA,yEAEAC,wBACA,OACA,oEAGAC,qBACA,sEAGAC,OACAnB,uBACA,0BAEAe,4BACA,oBAGAK,SACAC,kBAGA,mBAAAhC,qCAEAR,sBACA,oCAEAD,6BACA,0BACA,mCAEA0C,8BACA,mBACA,eACA,KAUA,MATA,mBACAvB,mBACA,mBACAA,iBAEAA,gBAGAA,mCACA,oBACAwB,0BACAxB,EACA,GACAyB,EACAC,GACA,GACA,IAGAC,mBACA,uBACA,OACArC,cACAsC,QAAAC,eACAA,OAAAC,QAEA,uBACA,sCAEA,gBACA,CACAxC,mBACAsC,QAAAG,QAAAzC,cAGA,CACAA,yBACAsC,QAAAG,QAAAzC,cAIA,OACAA,oBACAsC,QAAAG,WAIAC,uBACA,oEACA,oCACA,wBAEAC,wBACA,sEACA,qCACA,yBAEAC,qBACA,gEACA,kCACA,sBAEAC,sBACA,4CAEAC,0BAAA,WACA,cACA,iBACA,mDACA,2DACA,mDAGA,cACAC,eACA,aACAC,+BACAC,cACAC,eAEA,kBAGA,aACA,aACA,mBAGA,KAGAC,eACA,kCACA,4CACA,CACAb,SACAc,YACAC,YACAC,eAIAC,0BAAA,WACA,cACA,UACA,EADA,iBACAC,eAAA,8CACA,uBACA,oCAEA,4BAGA,mCACA,qBAEA,aACA,qBAEA,eAKA,KACAC,6BACAA,kDACAA,oDACAN,4CACAb,SACAc,YACAC,YACAC,eAGAI,2BAAA,WACA,cACA,UACA,EADA,iBACAF,eAAA,8CACA,uBACA,oCAEA,4BAGA,oCACA,sBAEA,aACA,sBAEA,eAKA,KACAC,6BACAA,mDACAA,qDACAN,6CACAb,SACAc,YACAC,YACAC,eAGAK,wBAAA,WACA,cACA,UACA,EADA,iBACAH,eAAA,8CACA,uBACA,oCAEA,4BAEA,iCACA,mBAEA,aACA,mBAEA,eACA,KACAC,6BACAA,gDACAA,kDACAN,0CACAb,SACAc,YACAC,YACAC,eAGAM,sBACA,8BACA,UACA,sBACA,MACA,eACA,sBACA,MACA,cACA,qBACA,MACA,aACA,mBACA,SAIAC,mBACA,qCACA,uBACA,wDAEA,uBAEAC,mBAAA,WACA,gDAKA,oBACA,KAEA,8CACA,qBChhBmW,I,qKCQ/VC,EAAY,eACd,EACA/F,EACAuC,GACA,EACA,KACA,WACA,MAIa,aAAAwD,EAAiB,QAchC,IAAkBA,EAAW,CAACC,UAAA,KAAQC,QAAA,KAAMC,QAAA,KAAMC,OAAA,KAAKC,QAAA,KAAMC,YAAA,KAAUC,kBAAA,KAAgBC,iBAAAC,EAAA,KAAiBC,OAAA,KAAKC,UAAA,Q,kCCjC7G","file":"js/chunk-23c28cf2.1786c03d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-5 py-5\"},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\"}},[_c('v-card',{staticClass:\"pa-3\",attrs:{\"min-height\":\"100vh\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('search-page-tabs',{attrs:{\"items\":_vm.tabs},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}})],1),(_vm.search_list.length)?_c('v-col',{attrs:{\"cols\":\"12\"}},_vm._l((_vm.search_list),function(item,i){return _c('v-list-item',{key:i,on:{\"click\":function($event){return _vm.handleClickEvent(item)}}},[(!_vm.checkType(item) && item.type === 'security')?[_c('v-list-item-avatar',[_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"50%\",\"cursor\":\"pointer\"},attrs:{\"size\":\"30\"}},[(item.logo)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"contain\",\"border-radius\":\"50%\"},attrs:{\"src\":item.logo}}):_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"13px\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.name)))])])],1),_c('v-list-item-content',[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('div',[_vm._v(_vm._s(item.symbol)+\"-\"+_vm._s(item.exchange))]),_c('div',{staticClass:\"pt-1\",staticStyle:{\"font-size\":\"10px\",\"color\":\"rgba(51, 51, 51, 0.54)\"}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])]),_c('v-spacer'),_c('div',[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-finance\")]),_c('span',[_vm._v(\"Security\")])],1)],1)],1)])]:_vm._e(),(!_vm.checkType(item) && item.type === 'profile')?[_c('v-list-item-avatar',[(item.profile_image)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"cover\",\"border-radius\":\"50%\"},attrs:{\"src\":item.profile_image}}):_vm._e(),(!item.profile_image)?_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"50%\"},attrs:{\"size\":\"30\"}},[_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"15px\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.name)))])]):_vm._e()],1),_c('v-list-item-content',[_c('div',{staticClass:\"d-flex\"},[_c('div',[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('v-spacer'),_c('div',[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-account\")]),_c('span',[_vm._v(\"Trader\")])],1)],1)],1)])]:_vm._e(),(\n                  !_vm.checkType(item) &&\n                  item.type !== 'profile' &&\n                  item.type !== 'security'\n                )?[_c('v-list-item-avatar',[_c('v-avatar',{staticClass:\"profile-pic\",staticStyle:{\"height\":\"30px\",\"background-color\":\"lightblue\",\"object-fit\":\"cover\",\"border-radius\":\"50%\"},attrs:{\"size\":\"30\"}},[(item.picture)?_c('img',{staticStyle:{\"height\":\"30px\",\"width\":\"30px\",\"object-fit\":\"contain\",\"border-radius\":\"50%\"},attrs:{\"src\":item.picture}}):_c('span',{staticStyle:{\"color\":\"#333333\",\"font-weight\":\"700\",\"font-size\":\"13px\"}},[_vm._v(_vm._s(_vm._f(\"reduceToInitials\")(item.name)))])])],1),_c('v-list-item-content',[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('div',[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('div',{staticClass:\"pt-1\",staticStyle:{\"font-size\":\"10px\",\"color\":\"rgba(51, 51, 51, 0.54)\"}},[_vm._v(\" \"+_vm._s(item.admin.profile.name)+\" \")])]),_c('v-spacer'),_c('div',[_c('v-chip',{staticClass:\"text-capitalize\"},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"15\",\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-account-group\")]),_c('span',[_vm._v(\"Group\")])],1)],1)],1)])]:_vm._e()],2)}),1):_c('v-col',{staticClass:\"text-center pt-10\",attrs:{\"cols\":\"12\"}},[_c('div',[_vm._v(\"No search result\")])])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-5 py-5\">\n    <v-row no-gutters>\n      <v-col cols=\"12\" sm=\"8\">\n        <v-card class=\"pa-3\" min-height=\"100vh\">\n          <v-row no-gutters>\n            <v-col cols=\"12\">\n              <search-page-tabs\n                v-model=\"selectedTab\"\n                :items=\"tabs\"\n              ></search-page-tabs>\n            </v-col>\n            <v-col cols=\"12\" v-if=\"search_list.length\">\n              <v-list-item\n                v-for=\"(item, i) in search_list\"\n                :key=\"i\"\n                @click=\"handleClickEvent(item)\"\n              >\n                <template v-if=\"!checkType(item) && item.type === 'security'\">\n                  <v-list-item-avatar>\n                    <v-avatar\n                      class=\"profile-pic\"\n                      size=\"30\"\n                      style=\"\n                        height: 30px;\n                        background-color: lightblue;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        cursor: pointer;\n                      \"\n                    >\n                      <img\n                        style=\"\n                          height: 30px;\n                          width: 30px;\n                          object-fit: contain;\n                          border-radius: 50%;\n                        \"\n                        v-if=\"item.logo\"\n                        :src=\"item.logo\"\n                      />\n                      <span\n                        style=\"\n                          color: #333333;\n                          font-weight: 700;\n                          font-size: 13px;\n                        \"\n                        v-else\n                        >{{ item.name | reduceToInitials }}</span\n                      >\n                    </v-avatar>\n                  </v-list-item-avatar>\n                  <v-list-item-content>\n                    <div class=\"d-flex\">\n                      <div>\n                        <div>{{ item.symbol }}-{{ item.exchange }}</div>\n                        <div\n                          style=\"font-size: 10px; color: rgba(51, 51, 51, 0.54)\"\n                          class=\"pt-1\"\n                        >\n                          {{ item.name }}\n                        </div>\n                      </div>\n                      <v-spacer></v-spacer>\n                      <div>\n                        <v-chip class=\"text-capitalize\">\n                          <v-icon left size=\"15\" color=\"#2D8CFF\"\n                            >mdi-finance</v-icon\n                          >\n                          <span>Security</span>\n                        </v-chip>\n                      </div>\n                    </div>\n                  </v-list-item-content>\n                </template>\n                <template v-if=\"!checkType(item) && item.type === 'profile'\">\n                  <v-list-item-avatar>\n                    <img\n                      style=\"\n                        height: 30px;\n                        width: 30px;\n                        object-fit: cover;\n                        object-fit: cover;\n                        border-radius: 50%;\n                      \"\n                      v-if=\"item.profile_image\"\n                      :src=\"item.profile_image\"\n                    />\n                    <v-avatar\n                      class=\"profile-pic\"\n                      v-if=\"!item.profile_image\"\n                      size=\"30\"\n                      style=\"\n                        height: 30px;\n                        background-color: lightblue;\n                        object-fit: cover;\n                        border-radius: 50%;\n                      \"\n                    >\n                      <span\n                        style=\"\n                          color: #333333;\n                          font-weight: 700;\n                          font-size: 15px;\n                        \"\n                        >{{ item.name | reduceToInitials }}</span\n                      >\n                    </v-avatar>\n                  </v-list-item-avatar>\n                  <v-list-item-content>\n                    <!-- <v-list-item-title> -->\n                    <div class=\"d-flex\">\n                      <div>\n                        {{ item.name }}\n                      </div>\n                      <v-spacer></v-spacer>\n                      <div>\n                        <v-chip class=\"text-capitalize\">\n                          <v-icon left size=\"15\" color=\"#2D8CFF\"\n                            >mdi-account</v-icon\n                          >\n                          <span>Trader</span>\n                        </v-chip>\n                      </div>\n                    </div>\n                  </v-list-item-content>\n                </template>\n                <template\n                  v-if=\"\n                    !checkType(item) &&\n                    item.type !== 'profile' &&\n                    item.type !== 'security'\n                  \"\n                >\n                  <v-list-item-avatar>\n                    <v-avatar\n                      class=\"profile-pic\"\n                      size=\"30\"\n                      style=\"\n                        height: 30px;\n                        background-color: lightblue;\n                        object-fit: cover;\n                        border-radius: 50%;\n                      \"\n                    >\n                      <img\n                        style=\"\n                          height: 30px;\n                          width: 30px;\n                          object-fit: contain;\n                          border-radius: 50%;\n                        \"\n                        v-if=\"item.picture\"\n                        :src=\"item.picture\"\n                      />\n                      <span\n                        style=\"\n                          color: #333333;\n                          font-weight: 700;\n                          font-size: 13px;\n                        \"\n                        v-else\n                        >{{ item.name | reduceToInitials }}</span\n                      >\n                    </v-avatar>\n                  </v-list-item-avatar>\n                  <v-list-item-content>\n                    <div class=\"d-flex\">\n                      <div>\n                        <div>\n                          {{ item.name }}\n                        </div>\n                        <div\n                          style=\"font-size: 10px; color: rgba(51, 51, 51, 0.54)\"\n                          class=\"pt-1\"\n                        >\n                          {{ item.admin.profile.name }}\n                        </div>\n                      </div>\n                      <v-spacer></v-spacer>\n                      <div>\n                        <v-chip class=\"text-capitalize\">\n                          <v-icon left size=\"15\" color=\"#2D8CFF\"\n                            >mdi-account-group</v-icon\n                          >\n                          <span>Group</span>\n                        </v-chip>\n                      </div>\n                    </div>\n                  </v-list-item-content>\n                </template>\n              </v-list-item>\n            </v-col>\n            <v-col cols=\"12\" v-else class=\"text-center pt-10\">\n              <div>No search result</div>\n            </v-col>\n          </v-row>\n        </v-card>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n<script>\nimport apiUrl from \"@/common/apiUrl\";\nimport Axios from \"@/api/newAxios.js\";\nimport oldAxios from \"@/api/BaseAxios.js\";\n\nimport commonFunctions from \"@/common/commonFunctions\";\nimport _ from \"lodash\";\nexport default {\n  name: \"SearchPage\",\n  components: {\n    SearchPageTabs: () => import(\"./SearchPageTabs/SearchPageTabs.vue\"),\n  },\n  data() {\n    return {\n      searchQuery: \"\",\n      profiles: [],\n      search_list: [],\n      securities: [],\n      groups: [],\n      profilePageInfo: {\n        detail_count: 4,\n        page_number: 1,\n        total_page: 1,\n      },\n      securityPageInfo: {\n        detail_count: 4,\n        page_number: 1,\n        total_page: 1,\n      },\n      groupPageInfo: {\n        detail_count: 4,\n        page_number: 1,\n        total_page: 1,\n      },\n      profileLoading: true,\n      securityLoading: true,\n      groupLoading: true,\n      selectedTab: 0,\n      tabs: [\n        {\n          label: \"All\",\n          value: \"all\",\n        },\n        {\n          label: \"Security\",\n          value: \"security\",\n        },\n        {\n          label: \"Traders\",\n          value: \"traders\",\n        },\n        {\n          label: \"Groups\",\n          value: \"groups\",\n        },\n      ],\n    };\n  },\n  computed: {\n    selectedTabValue() {\n      return this.tabs[this.selectedTab].value;\n    },\n    profileLoad() {\n      return this.profilePageInfo.page_number < this.profilePageInfo.total_page;\n    },\n    securityLoad() {\n      return (\n        this.securityPageInfo.page_number < this.securityPageInfo.total_page\n      );\n    },\n    groupLoad() {\n      return this.groupPageInfo.page_number < this.groupPageInfo.total_page;\n    },\n  },\n  watch: {\n    searchQuery() {\n      this.debounceGetSearch();\n    },\n    selectedTabValue() {\n      this.loadSearch();\n    },\n  },\n  methods: {\n    goBack() {\n      // console.log(this.$route);\n      // console.log(\"prashant\");\n      this.$router.push({ name: this.$route.query.return_uri });\n    },\n    checkType(item) {\n      return typeof item !== \"object\";\n    },\n    handleClickEvent(item) {\n      this.addToRecentSearch(item);\n      this.$router.push(this.getURL(item));\n    },\n    addToRecentSearch(item) {\n      const successHandler = () => {};\n      const failureHandler = () => {};\n      let data = {};\n      if (item.type == \"security\") {\n        data[\"security\"] = item.id;\n      } else if (item.type === \"profile\") {\n        data[\"trader\"] = item.id;\n      } else {\n        data[\"group\"] = item.id;\n      }\n\n      data[\"profile\"] = commonFunctions.getProfileId();\n      return oldAxios.request_POST(\n        apiUrl.USER_RECENT_SEARCH,\n        data,\n        {},\n        successHandler,\n        failureHandler,\n        false,\n        true\n      );\n    },\n    getURL(item) {\n      if (item.type === \"security\") {\n        return {\n          name: \"Search\",\n          params: { query: item.value },\n          query: { tab: 0 },\n        };\n      } else if (item.type === \"profile\") {\n        const user_id = localStorage.getItem(\"user_id\");\n\n        if (item.id === user_id) {\n          return {\n            name: \"ProfilePage\",\n            params: { id: item.id, name: item.name },\n          };\n        } else {\n          return {\n            name: \"OthersProfilePage\",\n            params: { id: item.id, name: item.name },\n          };\n        }\n      } else {\n        return {\n          name: \"GroupDetails\",\n          params: { id: item.id },\n        };\n      }\n    },\n    loadProfile() {\n      this.profilePageInfo.page_number = this.profilePageInfo.page_number + 1;\n      this.profilePageInfo.detail_count = 8;\n      this.searchProfile(true);\n    },\n    loadSecurity() {\n      this.securityPageInfo.page_number = this.securityPageInfo.page_number + 1;\n      this.securityPageInfo.detail_count = 8;\n      this.searchSecurity(true);\n    },\n    loadGroup() {\n      this.groupPageInfo.page_number = this.groupPageInfo.page_number + 1;\n      this.groupPageInfo.detail_count = 8;\n      this.searchGroup(true);\n    },\n    goToGroup(group) {\n      this.$router.push(`/groups/${group.id}`);\n    },\n    getAllSearches() {\n      const successHandler = (res) => {\n        this.search_list = [];\n        this.search_list = this.search_list.concat(res.data.experts);\n        this.search_list = this.search_list.concat(res.data.securities_list);\n        this.search_list = this.search_list.concat(res.data.groups);\n      };\n\n      const errorHandler = (err) => {\n        console.log(err);\n        this.showSnack({\n          text: `${err.data.message}`,\n          color: \"error\",\n          timeout: 4500,\n        });\n        this.search_list = [];\n      };\n\n      const finallyHandler = () => {\n        this.loading = false;\n        this.controller = null;\n      };\n\n      const formData = {};\n      // formData[\"user_id\"] = commonFunctions.getUserId();\n\n      Axios(\n        \"get\",\n        `/api/trade/search/${this.searchQuery ? this.searchQuery : null}/`,\n        {\n          params: formData,\n          onSuccess: successHandler,\n          onFailure: errorHandler,\n          onFinally: finallyHandler,\n        }\n      );\n    },\n    searchProfile(load) {\n      const onSuccess = (res) => {\n        if (load) {\n          for (const obj of res.data.result) {\n            this.search_list.push(obj);\n          }\n        } else {\n          this.search_list = res.data.result;\n        }\n\n        this.profilePageInfo = res.data.page_info;\n        this.profileLoading = false;\n      };\n      const onFailure = () => {\n        this.profileLoading = false;\n      };\n      const onFinally = () => {\n        // if (!load) {\n        //   this.searchSecurity();\n        // }\n      };\n      let formData = {};\n      formData[\"search\"] = this.searchQuery;\n      formData[\"page_number\"] = this.profilePageInfo.page_number;\n      formData[\"detail_count\"] = this.profilePageInfo.detail_count;\n      Axios(\"get\", apiUrl.PROFILE_SEARCH, {\n        params: formData,\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    searchSecurity(load) {\n      const onSuccess = (res) => {\n        if (load) {\n          for (const obj of res.data.result) {\n            this.search_list.push(obj);\n          }\n        } else {\n          this.search_list = res.data.result;\n        }\n\n        this.securityPageInfo = res.data.page_info;\n        this.securityLoading = false;\n      };\n      const onFailure = () => {\n        this.securityLoading = false;\n      };\n      const onFinally = () => {\n        // if (!load) {\n        //   this.searchGroup(false);\n        // }\n      };\n      let formData = {};\n      formData[\"search\"] = this.searchQuery;\n      formData[\"page_number\"] = this.securityPageInfo.page_number;\n      formData[\"detail_count\"] = this.securityPageInfo.detail_count;\n      Axios(\"get\", apiUrl.SECURITY_SEARCH, {\n        params: formData,\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    searchGroup(load) {\n      const onSuccess = (res) => {\n        if (load) {\n          for (const obj of res.data.result) {\n            this.search_list.push(obj);\n          }\n        } else {\n          this.search_list = res.data.result;\n        }\n        this.groupPageInfo = res.data.page_info;\n        this.groupLoading = false;\n      };\n      const onFailure = () => {\n        this.groupLoading = false;\n      };\n      const onFinally = () => {};\n      let formData = {};\n      formData[\"search\"] = this.searchQuery;\n      formData[\"page_number\"] = this.groupPageInfo.page_number;\n      formData[\"detail_count\"] = this.groupPageInfo.detail_count;\n      Axios(\"get\", apiUrl.GROUP_SEARCH, {\n        params: formData,\n        onSuccess,\n        onFailure,\n        onFinally,\n      });\n    },\n    loadSearch() {\n      switch (this.selectedTabValue) {\n        case \"all\":\n          this.getAllSearches();\n          break;\n        case \"security\":\n          this.searchSecurity();\n          break;\n        case \"traders\":\n          this.searchProfile();\n          break;\n        case \"groups\":\n          this.searchGroup();\n          break;\n      }\n    },\n  },\n  mounted() {\n    this.searchQuery = this.$route.query.q;\n    this.searchProfile(false);\n    this.eventBus.$emit(\"update-query\", this.$route.query.q);\n    // console.log(this.$route.query, \"query\", this.$route.name);\n    this.getAllSearches();\n  },\n  created() {\n    this.debounceGetSearch = _.debounce(function () {\n      // this.profileLoading = true;\n      // this.securityLoading = true;\n      // this.groupLoading = true;\n\n      this.loadSearch();\n    }, 500);\n\n    this.eventBus.$on(\"search_query\", (query) => {\n      this.searchQuery = query;\n      // this.searchProfile(false);\n    });\n  },\n};\n</script>\n<style scoped>\nspan.v-chip {\n  border-radius: 6px;\n  background: rgba(45, 140, 255, 0.1) !important;\n}\nspan.v-chip >>> span {\n  color: var(--Primary, #2d8cff);\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\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!./SearchPage.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!./SearchPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchPage.vue?vue&type=template&id=1a383692&scoped=true&\"\nimport script from \"./SearchPage.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchPage.vue?vue&type=style&index=0&id=1a383692&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a383692\",\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 { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAvatar,VCard,VChip,VCol,VIcon,VListItem,VListItemAvatar,VListItemContent,VRow,VSpacer})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchPage.vue?vue&type=style&index=0&id=1a383692&scoped=true&lang=css&\""],"sourceRoot":""}