From 60000eeaf1c1cd782224646c67be47b9ec07a552 Mon Sep 17 00:00:00 2001
From: "D. Berge" <dberge@aaltronav.eu>
Date: Wed, 30 Sep 2020 20:04:35 +0200
Subject: [PATCH] Make preplot lines list searchable

---
 lib/www/client/source/src/views/LineList.vue | 83 +++++++++++---------
 1 file changed, 44 insertions(+), 39 deletions(-)

diff --git a/lib/www/client/source/src/views/LineList.vue b/lib/www/client/source/src/views/LineList.vue
index 6008754..dcd538c 100644
--- a/lib/www/client/source/src/views/LineList.vue
+++ b/lib/www/client/source/src/views/LineList.vue
@@ -1,32 +1,50 @@
 <template>
   <v-container fluid>
-    <v-data-table
-    :headers="headers"
-    :items="items"
-    :server-items-length="num_lines"
-    :options.sync="options"
-    :loading="loading"
-    :fixed-header="true"
-    >
-    
-      <template v-slot:item.status="{item}">
-        <dougal-line-status
-          :preplot="item"
-          :sequences="sequences.filter(s => s.line == item.line)"
-          :sequence-href="(s) => `/projects/${$route.params.project}/log/sequence/${s.sequence}`"
+    <v-card>
+      <v-card-title>
+        <v-toolbar flat>
+          <v-toolbar-title>Sequences</v-toolbar-title>
+          <v-spacer></v-spacer>
+          <v-text-field
+            v-model="filter"
+            append-icon="mdi-magnify"
+            label="Filter"
+            single-line
+            clearable
+            ></v-text-field>
+        </v-toolbar>
+      </v-card-title>
+      <v-card-text>
+
+        <v-data-table
+        :headers="headers"
+        :items="items"
+        :search="filter"
+        :loading="loading"
+        :fixed-header="true"
         >
-        </dougal-line-status>
-      </template>
+        
+          <template v-slot:item.status="{item}">
+            <dougal-line-status
+              :preplot="item"
+              :sequences="sequences.filter(s => s.line == item.line)"
+              :sequence-href="(s) => `/projects/${$route.params.project}/log/sequence/${s.sequence}`"
+            >
+            </dougal-line-status>
+          </template>
 
-      <template v-slot:item.length="props">
-        <span>{{ Math.round(props.value) }} m</span>
-      </template>
+          <template v-slot:item.length="props">
+            <span>{{ Math.round(props.value) }} m</span>
+          </template>
 
-      <template v-slot:item.azimuth="props">
-        <span>{{ props.value.toFixed(1) }} °</span>
-      </template>
-
-    </v-data-table>
+          <template v-slot:item.azimuth="props">
+            <span>{{ props.value.toFixed(1) }} °</span>
+          </template>
+          
+        </v-data-table>
+        
+      </v-card-text>
+    </v-card>
   </v-container>
 </template>
 
@@ -84,18 +102,9 @@ export default {
         }
       ],
       items: [],
-      options: {},
       num_lines: null,
       sequences: [],
-    }
-  },
-
-  watch: {
-    options: {
-      handler () {
-        this.getLines();
-      },
-      deep: true
+      filter: null
     }
   },
 
@@ -112,11 +121,7 @@ export default {
 
     async getLines () {
 
-      const query = new URLSearchParams(this.options);
-      if (this.options.itemsPerPage < 0) {
-        query.delete("itemsPerPage");
-      }
-      const url = `/project/${this.$route.params.project}/line?${query.toString()}`;
+      const url = `/project/${this.$route.params.project}/line`;
 
       this.items = await this.api([url]) || [];