# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1542713942 -3600
# Node ID 45c2da4f3af01492a78c740b929f84b4ac6bd44f
# Parent  1a5564655f2af102ed6d154a52b3971400576a1a
thumbs for staging area

diff -r 1a5564655f2a -r 45c2da4f3af0 client/src/staging/Staging.vue
--- a/client/src/staging/Staging.vue	Tue Nov 20 09:54:53 2018 +0100
+++ b/client/src/staging/Staging.vue	Tue Nov 20 12:39:02 2018 +0100
@@ -1,50 +1,46 @@
 <template>
-  <div>
-      <h4>Staging area</h4>
-      <hr>
-      <table class="table mb-0">
-          <thead>
-              <tr>
-                  <th>Name</th>
-                  <th>Location</th>
-                  <th>Datatype</th>
-                  <th>Importdate</th>
-                  <th>ImportID</th>
-                  <th>&nbsp;</th>
-              </tr>
-          </thead>
-          <tbody v-if="filteredData.length">
-              <tr v-for="data in filteredData" :key="data.id">
-                  <td>{{ data.name }}</td>
-                  <td>
-                      <a
-                          @click="zoomTo(data.location)"
-                          href="#"
-                      >{{ data.location[0] }}, {{ data.location[1] }}</a>
-                  </td>
-                  <td>{{ data.type }}</td>
-                  <td>{{ data.date }}</td>
-                  <td>{{ data.importID }}</td>
-                  <td>
-                      <input
-                          type="checkbox"
-                          aria-label="Checkbox for following text input"
-                      >
-                  </td>
-              </tr>
-          </tbody>
-          <tbody v-else>
-              <tr>
-                  <td class="text-center" colspan="6">
-                      No results.
-                  </td>
-              </tr>
-          </tbody>
-      </table>
-      <div class="p-3" v-if="filteredData.length">
-          <button class="btn btn-info">Confirm</button>
-      </div>
-   </div>
+    <div>
+        <h4>Staging area</h4>
+        <hr>
+        <table class="table mb-0">
+            <thead>
+                <tr>
+                    <th>Name</th>
+                    <th>Datatype</th>
+                    <th>Importdate</th>
+                    <th>ImportID</th>
+                    <th>&nbsp;</th>
+                </tr>
+            </thead>
+            <tbody v-if="filteredData.length">
+                <tr v-for="data in filteredData" :key="data.id">
+                    <td>
+                        <a @click="zoomTo(data.location)" href="#">{{ data.name }}</a>
+                    </td>
+                    <td>{{ data.type }}</td>
+                    <td>{{ data.date }}</td>
+                    <td>{{ data.importID }}</td>
+                    <td>
+                        <button class="btn btn-outline-info">
+                            <i class="fa fa-thumbs-up"></i>
+                        </button>
+                        &nbsp;
+                        <button class="btn btn-outline-info">
+                            <i class="fa fa-thumbs-down"></i>
+                        </button>
+                    </td>
+                </tr>
+            </tbody>
+            <tbody v-else>
+                <tr>
+                    <td class="text-center" colspan="6">No results.</td>
+                </tr>
+            </tbody>
+        </table>
+        <div class="p-3" v-if="filteredData.length">
+            <button class="btn btn-info">Confirm</button>
+        </div>
+    </div>
 </template>
 
 <script>