Mercurial > gemma

comparison client/src/components/importoverview/ImportOverview.vue @ 2428:78d4ce079f9b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
staging: optics
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 28 Feb 2019 17:24:19 +0100
parents 53323f701cf3
children 2a93a8649751
comparison
equal deleted inserted replaced
2427:171ea4b5e8dc 2428:78d4ce079f9b
12 </div> 12 </div>
13 <div class="d-flex flex-row w-100 border-bottom"> 13 <div class="d-flex flex-row w-100 border-bottom">
14 <font-awesome-icon 14 <font-awesome-icon
15 class="pointer" 15 class="pointer"
16 @click="toggleStaging()" 16 @click="toggleStaging()"
17 v-if="stagingVisible" 17 v-if="stagingVisible && staging.length > 0"
18 icon="angle-up" 18 icon="angle-up"
19 fixed-width 19 fixed-width
20 ></font-awesome-icon> 20 ></font-awesome-icon>
21 <font-awesome-icon 21 <font-awesome-icon
22 class="pointer" 22 class="pointer"
23 @click="toggleStaging()" 23 @click="toggleStaging()"
24 v-if="!stagingVisible" 24 v-if="!stagingVisible && staging.length > 0"
25 icon="angle-down" 25 icon="angle-down"
26 fixed-width 26 fixed-width
27 ></font-awesome-icon> 27 ></font-awesome-icon>
28 <Staging v-if="stagingVisible"></Staging> 28 <span style="width:1.25em;" v-if="!(staging.length > 0)"></span>
29 <div v-else><h5>Staging</h5></div> 29 <Staging v-if="stagingVisible && staging.length > 0"></Staging>
30 <div v-else class="d-flex flex-row">
31 <h6>
32 <small><translate>Review</translate></small>
33 </h6>
34 <small class="ml-3" v-if="!(staging.length > 0)"
35 ><translate>Nothing to review</translate></small
36 >
37 </div>
30 </div> 38 </div>
31 <div class="d-flex flex-row"> 39 <div class="mt-2">
32 <font-awesome-icon 40 <div class="d-flex flex-row">
33 class="pointer" 41 <font-awesome-icon
34 @click="toggleLogs()" 42 class="pointer"
35 v-if="logsVisible" 43 @click="toggleLogs()"
36 icon="angle-up" 44 v-if="logsVisible"
37 fixed-width 45 icon="angle-up"
38 ></font-awesome-icon> 46 fixed-width
39 <font-awesome-icon 47 ></font-awesome-icon>
40 class="pointer" 48 <font-awesome-icon
41 @click="toggleLogs()" 49 class="pointer"
42 v-if="!logsVisible" 50 @click="toggleLogs()"
43 icon="angle-down" 51 v-if="!logsVisible"
44 fixed-width 52 icon="angle-down"
45 ></font-awesome-icon> 53 fixed-width
46 <Logs v-if="logsVisible"></Logs> 54 ></font-awesome-icon>
47 <div v-else><h5>Logs</h5></div> 55 <Logs v-if="logsVisible"></Logs>
56 <div v-else>
57 <h6>
58 <small><translate>Logs</translate></small>
59 </h6>
60 </div>
61 </div>
48 </div> 62 </div>
49 </div> 63 </div>
50 </template> 64 </template>
51 65
52 <script> 66 <script>
71 components: { 85 components: {
72 Staging: () => import("./staging/Staging.vue"), 86 Staging: () => import("./staging/Staging.vue"),
73 Logs: () => import("./importlogs/Logs.vue") 87 Logs: () => import("./importlogs/Logs.vue")
74 }, 88 },
75 computed: { 89 computed: {
76 ...mapState("imports", ["stagingVisible", "logsVisible"]) 90 ...mapState("imports", ["stagingVisible", "logsVisible", "staging"])
77 }, 91 },
78 methods: { 92 methods: {
79 toggleStaging() { 93 toggleStaging() {
80 this.$store.commit("imports/setStagingVisibility", !this.stagingVisible); 94 this.$store.commit("imports/setStagingVisibility", !this.stagingVisible);
81 }, 95 },