diff 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
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/imports/Job.vue	Mon Nov 12 15:00:04 2018 +0100
@@ -0,0 +1,36 @@
+<template>
+    <div class="job">
+        <h3 class="header">{{type}}</h3>
+        <table class="table table-responsive">
+            <thead>
+                <tr>
+                    <th>Enqueued</th>
+                    <th>Kind</th>
+                    <th>User</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr v-for="job in jobs" :key="job.id">
+                    <td>{{job.enqueued}}</td>
+                    <td>{{job.kind}}</td>
+                    <td>{{job.user}}</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</template>
+
+<script>
+export default {
+  name: "job",
+  props: ["type", "jobs"]
+};
+</script>
+
+<style lang="scss" scoped>
+.job {
+  position: relative;
+  text-align: left;
+}
+</style>
+