add seach in health prived with dyanamic search

Neeraj Sharma
1 parent 16395b3101
Showing 2 changed files with 18 additions and 10 deletions Show diff stats
src/components/AppToolbar.vue
src/pages/Provider.vue
@@ -7,7 +7,7 @@
     <v-toolbar-title class="ml-0 pl-3">
     <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
     </v-toolbar-title>
-    <!-- <v-flex xs3>
+    <v-flex xs6 sm3>
       <v-text-field
         flat
         prepend-icon="search"
@@ -15,10 +15,9 @@
         v-model="search"
         color="black"
         :search="search"
-
       >
       </v-text-field>
-    </v-flex> -->
+    </v-flex>
       <v-spacer></v-spacer>
       <h5 class="white--text name">{{userName}}</h5>
       <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
@@ -12,9 +12,10 @@
           <v-text-field
             justify-right
             prepend-icon="search"
-            v-model="terms"
+            v-model="term"
             label="Find Yours Users"
             color="black"
+            @change="getProviderList"
           ></v-text-field>
         </v-flex>
       </v-card-title>
@@ -139,7 +140,6 @@
       <v-data-table
         :headers="headers"
         :items="desserts"
-        :terms="terms"
         class="elevation-1"
         :pagination.sync="pagination"
       >
@@ -196,7 +196,7 @@
           :value="true"
           color="error"
           icon="warning"
-        >Your search for "{{ terms }}" found no results.</v-alert>
+        >Your search for "{{ term }}" found no results.</v-alert>
       </v-data-table>
     </v-card>
   </v-flex>
@@ -218,7 +218,7 @@ export default {
     dialog: false,
     dialog1: false,
     statusList: ["APPROVED", "DECLINED"],
-    terms: [],
+    term:'',
     e1: "",
     rules: {
       required: value => !!value || "This field is Required.",
@@ -282,14 +282,23 @@ export default {
   methods: {
     getProviderList() {
       var token = this.$store.state.token;
+      // http()
+      //   .get("/provider-list", {
+      //     headers: { Authorization: "Bearer " + token }
+      //   })
+      //   .then(response => {
+      //     this.desserts = response.data.data.providerList;
+      //   })
+      //   .catch(err => {
+      //     console.log("err====>", err);
+      //   });
+      //    var token = this.$store.state.token;
       http()
-        .get("/provider-list", {
+        .get("/provider-list?term=" + this.term, {
           headers: { Authorization: "Bearer " + token }
         })
         .then(response => {
           this.desserts = response.data.data.providerList;
-          this.terms = response.data.data
-          console.log(terms)
         })
         .catch(err => {
           console.log("err====>", err);
...	...	@@ -7,7 +7,7 @@
7	7	<v-toolbar-title class="ml-0 pl-3">
8	8	<v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
9	9	</v-toolbar-title>
10		- <!-- <v-flex xs3>
	10	+ <v-flex xs6 sm3>
11	11	<v-text-field
12	12	flat
13	13	prepend-icon="search"
...	...	@@ -15,10 +15,9 @@
15	15	v-model="search"
16	16	color="black"
17	17	:search="search"
18		-
19	18	>
20	19	</v-text-field>
21		- </v-flex> -->
	20	+ </v-flex>
22	21	<v-spacer></v-spacer>
23	22	<h5 class="white--text name">{{userName}}</h5>
24	23	<v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
...	...
...	...	@@ -12,9 +12,10 @@
12	12	<v-text-field
13	13	justify-right
14	14	prepend-icon="search"
15		- v-model="terms"
	15	+ v-model="term"
16	16	label="Find Yours Users"
17	17	color="black"
	18	+ @change="getProviderList"
18	19	></v-text-field>
19	20	</v-flex>
20	21	</v-card-title>
...	...	@@ -139,7 +140,6 @@
139	140	<v-data-table
140	141	:headers="headers"
141	142	:items="desserts"
142		- :terms="terms"
143	143	class="elevation-1"
144	144	:pagination.sync="pagination"
145	145	>
...	...	@@ -196,7 +196,7 @@
196	196	:value="true"
197	197	color="error"
198	198	icon="warning"
199		- >Your search for "{{ terms }}" found no results.</v-alert>
	199	+ >Your search for "{{ term }}" found no results.</v-alert>
200	200	</v-data-table>
201	201	</v-card>
202	202	</v-flex>
...	...	@@ -218,7 +218,7 @@ export default {
218	218	dialog: false,
219	219	dialog1: false,
220	220	statusList: ["APPROVED", "DECLINED"],
221		- terms: [],
	221	+ term:'',
222	222	e1: "",
223	223	rules: {
224	224	required: value => !!value \|\| "This field is Required.",
...	...	@@ -282,14 +282,23 @@ export default {
282	282	methods: {
283	283	getProviderList() {
284	284	var token = this.$store.state.token;
	285	+ // http()
	286	+ // .get("/provider-list", {
	287	+ // headers: { Authorization: "Bearer " + token }
	288	+ // })
	289	+ // .then(response => {
	290	+ // this.desserts = response.data.data.providerList;
	291	+ // })
	292	+ // .catch(err => {
	293	+ // console.log("err====>", err);
	294	+ // });
	295	+ // var token = this.$store.state.token;
285	296	http()
286		- .get("/provider-list", {
	297	+ .get("/provider-list?term=" + this.term, {
287	298	headers: { Authorization: "Bearer " + token }
288	299	})
289	300	.then(response => {
290	301	this.desserts = response.data.data.providerList;
291		- this.terms = response.data.data
292		- console.log(terms)
293	302	})
294	303	.catch(err => {
295	304	console.log("err====>", err);
...	...