Mercurial > gemma
changeset 1235:45c2da4f3af0
thumbs for staging area
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 20 Nov 2018 12:39:02 +0100 |
parents | 1a5564655f2a |
children | ec4b06d3a3a8 |
files | client/src/staging/Staging.vue |
diffstat | 1 files changed, 42 insertions(+), 46 deletions(-) [+] |
line wrap: on
line diff
--- 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> </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> </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> + + <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>