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