Mercurial > gemma
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 |