2592
|
1 <template>
|
|
2 <div>
|
2594
|
3 <div class="d-flex fex-row">
|
|
4 <font-awesome-icon
|
|
5 v-if="entry.id === showAdditional"
|
|
6 @click="toggleAdditionalInfo"
|
|
7 class="my-auto mr-1 text-info pointer"
|
|
8 icon="angle-down"
|
|
9 fixed-width
|
|
10 ></font-awesome-icon>
|
|
11 <font-awesome-icon
|
|
12 v-if="entry.id !== showAdditional"
|
|
13 @click="toggleAdditionalInfo"
|
|
14 class="my-auto mr-1 text-info pointer"
|
|
15 icon="angle-right"
|
|
16 fixed-width
|
|
17 ></font-awesome-icon>
|
|
18 <span class="text-info"><translate>Additional Info</translate></span>
|
|
19 </div>
|
|
20 <AdditionalDetail
|
|
21 v-if="entry.id === showAdditional"
|
|
22 class="ml-2 d-flex flex-row"
|
|
23 ></AdditionalDetail>
|
|
24 <div class="d-flex fex-row">
|
|
25 <font-awesome-icon
|
|
26 v-if="entry.id === showLogs"
|
|
27 @click="toggleAdditionalLogging"
|
|
28 class="my-auto mr-1 text-info pointer"
|
|
29 icon="angle-down"
|
|
30 fixed-width
|
|
31 ></font-awesome-icon>
|
|
32 <font-awesome-icon
|
|
33 v-if="entry.id !== showLogs"
|
|
34 @click="toggleAdditionalLogging"
|
|
35 class="my-auto mr-1 text-info pointer"
|
|
36 icon="angle-right"
|
|
37 fixed-width
|
|
38 ></font-awesome-icon>
|
|
39 <span class="text-info"><translate>Additional Logs</translate></span>
|
|
40 </div>
|
|
41
|
|
42 <AdditionalLog
|
|
43 v-if="entry.id === showLogs"
|
|
44 class="ml-2 d-flex flex-row"
|
|
45 ></AdditionalLog>
|
2592
|
46 </div>
|
|
47 </template>
|
|
48
|
|
49 <script>
|
|
50 /* This is Free Software under GNU Affero General Public License v >= 3.0
|
|
51 * without warranty, see README.md and license for details.
|
|
52 *
|
|
53 * SPDX-License-Identifier: AGPL-3.0-or-later
|
|
54 * License-Filename: LICENSES/AGPL-3.0.txt
|
|
55 *
|
|
56 * Copyright (C) 2018 by via donau
|
|
57 * – Österreichische Wasserstraßen-Gesellschaft mbH
|
|
58 * Software engineering by Intevation GmbH
|
|
59 *
|
|
60 * Author(s):
|
|
61 * Thomas Junk <thomas.junk@intevation.de>
|
|
62 */
|
2594
|
63
|
|
64 import { mapState } from "vuex";
|
|
65
|
2592
|
66 export default {
|
2593
|
67 name: "logdetail",
|
2594
|
68 props: ["entry"],
|
|
69 components: {
|
|
70 AdditionalDetail: () => import("./AdditionalDetail.vue"),
|
|
71 AdditionalLog: () => import("./AdditionalLog.vue")
|
|
72 },
|
|
73 methods: {
|
|
74 toggleAdditionalInfo() {
|
|
75 if (this.entry.id === this.showAdditional) {
|
|
76 this.$store.commit("imports/hideAdditionalInfo");
|
|
77 } else {
|
|
78 this.$store.commit("imports/showAdditionalInfoFor", this.entry.id);
|
|
79 }
|
|
80 },
|
|
81 toggleAdditionalLogging() {
|
|
82 if (this.entry.id === this.showLogs) {
|
|
83 this.$store.commit("imports/hideAdditionalLogs");
|
|
84 } else {
|
|
85 this.$store.commit("imports/showAdditionalLogsFor", this.entry.id);
|
|
86 }
|
|
87 }
|
|
88 },
|
|
89 computed: {
|
|
90 ...mapState("imports", ["showAdditional", "showLogs"])
|
|
91 }
|
2592
|
92 };
|
|
93 </script>
|
|
94
|
2594
|
95 <style lang="scss" scoped></style>
|