Mercurial > gemma
annotate client/src/components/importqueue/Importqueuedetail.vue @ 1559:5d84dcb79a54
layout importqueue
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 12 Dec 2018 09:48:37 +0100 |
parents | client/src/components/Importqueuedetail.vue@0ded4c56978e |
children | ad3a19e222bb |
rev | line source |
---|---|
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
1 <template> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
2 <div class="entry d-flex flex-column py-1 border-bottom w-50"> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
3 <div class="d-flex flex-row position-relative"> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
4 <div @click="showDetails(job.id)" class="jobid ml-2 mt-1 mr-2"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
5 {{ job.id }} |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
6 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
7 <div @click="showDetails(job.id)" class="enqueued mt-1 mr-2"> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
8 {{ formatDate(job.enqueued) }} |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
9 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
10 <div @click="showDetails(job.id)" class="kind mt-1 mr-2"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
11 {{ job.kind }} |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
12 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
13 <div @click="showDetails(job.id)" class="user mt-1 mr-2"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
14 {{ job.user }} |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
15 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
16 <div @click="showDetails(job.id)" class="signer mt-1 mr-2"> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
17 {{ job.signer }} |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
18 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
19 <div @click="showDetails(job.id)" class="state mt-1 mr-2"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
20 {{ job.state }} |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
21 </div> |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
22 <div @click="showDetails(job.id)" class="mt-1 text-info detailsbutton"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
23 <font-awesome-icon |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
24 v-if="show" |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
25 icon="angle-up" |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
26 fixed-width |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
27 ></font-awesome-icon> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
28 <font-awesome-icon |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
29 v-else |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
30 icon="angle-down" |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
31 fixed-width |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
32 ></font-awesome-icon> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
33 </div> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
34 </div> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
35 <div class="detailstable d-flex flex-row"> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
36 <div :class="collapse"> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
37 <table class="table table-responsive"> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
38 <thead> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
39 <tr> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
40 <th class="first pb-0"> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
41 <small class="condensed"><translate>Kind</translate></small> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
42 </th> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
43 <th class="second pb-0"> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
44 <a href="#" @click="sortAsc = !sortAsc" class="sort-link" |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
45 ><small class="condensed"><translate>Date</translate></small> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
46 <small class="condensed" |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
47 ><font-awesome-icon |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
48 :icon="sortIcon" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
49 class="ml-1" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
50 ></font-awesome-icon></small |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
51 ></a> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
52 </th> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
53 <th class="third pb-0"> |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
54 <small class="condensed"><translate>Message</translate></small> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
55 </th> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
56 </tr> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
57 </thead> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
58 <tbody> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
59 <tr |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
60 v-for="(entry, index) in sortedEntries" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
61 :key="index" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
62 class="detailsrow" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
63 > |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
64 <td class="first"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
65 <span class="condensed">{{ entry.kind }}</span> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
66 </td> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
67 <td class="second"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
68 <span class="condensed">{{ formatDate(entry.time) }}</span> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
69 </td> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
70 <td class="third"> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
71 <span class="condensed">{{ entry.message }}</span> |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
72 </td> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
73 </tr> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
74 </tbody> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
75 </table> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
76 </div> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
77 </div> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
78 </div> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
79 </template> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
80 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
81 <script> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
82 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
83 * without warranty, see README.md and license for details. |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
84 * |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
85 * SPDX-License-Identifier: AGPL-3.0-or-later |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
86 * License-Filename: LICENSES/AGPL-3.0.txt |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
87 * |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
88 * Copyright (C) 2018 by via donau |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
89 * – Österreichische Wasserstraßen-Gesellschaft mbH |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
90 * Software engineering by Intevation GmbH |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
91 * |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
92 * Author(s): |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
93 * Thomas Junk <thomas.junk@intevation.de> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
94 */ |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
95 |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
96 import { HTTP } from "../../lib/http.js"; |
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
97 import { displayError } from "../../lib/errors.js"; |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
98 import locale2 from "locale2"; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
99 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
100 export default { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
101 name: "importqueuedetail", |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
102 props: ["job"], |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
103 data() { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
104 return { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
105 show: false, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
106 entries: [], |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
107 sortAsc: true |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
108 }; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
109 }, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
110 methods: { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
111 formatDate(date) { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
112 return date |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
113 ? new Date(date).toLocaleDateString(locale2, { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
114 day: "2-digit", |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
115 month: "2-digit", |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
116 year: "numeric" |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
117 }) |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
118 : ""; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
119 }, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
120 showDetails(id) { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
121 if (this.show) { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
122 this.show = false; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
123 return; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
124 } |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
125 if (this.entries.length === 0) { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
126 HTTP.get("/imports/" + id, { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
127 headers: { "X-Gemma-Auth": localStorage.getItem("token") } |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
128 }) |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
129 .then(response => { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
130 const { entries } = response.data; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
131 this.entries = entries; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
132 this.show = true; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
133 }) |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
134 .catch(error => { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
135 const { status, data } = error.response; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
136 displayError({ |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
137 title: this.$gettext("Backend Error"), |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
138 message: `${status}: ${data.message || data}` |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
139 }); |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
140 }); |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
141 } else { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
142 this.show = true; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
143 } |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
144 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
145 }, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
146 computed: { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
147 sortedEntries() { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
148 let sorted = this.entries.slice(); |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
149 sorted.sort((r1, r2) => { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
150 let d1 = new Date(r1.time); |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
151 let d2 = new Date(r2.time); |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
152 if (d2 < d1) { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
153 return !this.sortAsc ? -1 : 1; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
154 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
155 if (d2 > d1) { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
156 return !this.sortAsc ? 1 : -1; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
157 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
158 return 0; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
159 }); |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
160 return sorted; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
161 }, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
162 sortIcon() { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
163 return this.sortAsc ? "sort-amount-down" : "sort-amount-up"; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
164 }, |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
165 icon() { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
166 return { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
167 "angle-up": !this.show, |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
168 "angle-down": this.show |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
169 }; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
170 }, |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
171 collapse() { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
172 return { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
173 details: true, |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
174 collapse: true, |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
175 show: this.show, |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
176 "w-100": true |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
177 }; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
178 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
179 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
180 }; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
181 </script> |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
182 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
183 <style lang="scss" scoped> |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
184 .condensed { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
185 font-stretch: condensed; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
186 } |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
187 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
188 .entry { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
189 background-color: white; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
190 cursor: pointer; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
191 } |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
192 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
193 .entry:hover { |
1559
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
194 background-color: #efefef; |
5d84dcb79a54
layout importqueue
Thomas Junk <thomas.junk@intevation.de>
parents:
1558
diff
changeset
|
195 transition: 1.5s; |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
196 } |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
197 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
198 .detailstable { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
199 margin-left: $offset; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
200 margin-right: $large-offset; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
201 } |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
202 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
203 .detailsbutton { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
204 position: absolute; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
205 top: 0; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
206 right: 0; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
207 height: 100%; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
208 } |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
209 .jobid { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
210 width: 80px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
211 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
212 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
213 .enqueued { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
214 width: 120px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
215 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
216 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
217 .user { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
218 width: 80px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
219 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
220 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
221 .signer { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
222 width: 80px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
223 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
224 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
225 .kind { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
226 width: 80px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
227 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
228 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
229 .state { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
230 width: 80px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
231 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
232 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
233 .details { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
234 width: 50%; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
235 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
236 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
237 .detailsrow { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
238 line-height: 0.1em; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
239 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
240 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
241 .first { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
242 width: 65px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
243 padding-left: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
244 border-top: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
245 padding-bottom: $small-offset; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
246 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
247 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
248 .second { |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
249 width: 100px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
250 padding-left: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
251 border-top: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
252 padding-bottom: $small-offset; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
253 } |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
254 |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
255 .third { |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
256 width: 600px; |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
257 padding-left: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
258 border-top: 0px; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
259 padding-bottom: $small-offset; |
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
260 } |
1555
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
261 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
262 thead, |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
263 tbody { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
264 display: block; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
265 } |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
266 |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
267 tbody { |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
268 height: 150px; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
269 overflow-y: auto; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
270 overflow-x: hidden; |
a3c2b192daa2
importqueue better collapsible behaviour
Thomas Junk <thomas.junk@intevation.de>
parents:
1554
diff
changeset
|
271 } |
1554
15d736a402c9
importqueue as collapsible
Thomas Junk <thomas.junk@intevation.de>
parents:
diff
changeset
|
272 </style> |