comparison client/src/imports/Job.vue @ 1142:dc3f0277628a

feat: Importqueue listing (Proof of concept) This is only a prototypical overview of importqueue data from backend. Uses GET to retrieve an overview of imports. Shows in separate tables. Further concept needs to be developed to progress..
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 12 Nov 2018 15:00:04 +0100
parents
children 5f98d0c9d738
comparison
equal deleted inserted replaced
1138:443fc80a315f 1142:dc3f0277628a
1 <template>
2 <div class="job">
3 <h3 class="header">{{type}}</h3>
4 <table class="table table-responsive">
5 <thead>
6 <tr>
7 <th>Enqueued</th>
8 <th>Kind</th>
9 <th>User</th>
10 </tr>
11 </thead>
12 <tbody>
13 <tr v-for="job in jobs" :key="job.id">
14 <td>{{job.enqueued}}</td>
15 <td>{{job.kind}}</td>
16 <td>{{job.user}}</td>
17 </tr>
18 </tbody>
19 </table>
20 </div>
21 </template>
22
23 <script>
24 export default {
25 name: "job",
26 props: ["type", "jobs"]
27 };
28 </script>
29
30 <style lang="scss" scoped>
31 .job {
32 position: relative;
33 text-align: left;
34 }
35 </style>
36