Mercurial > gemma

comparison client/src/components/fairway/Infobar.vue @ 1558:0ded4c56978e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refac: component filestructure. remove admin/map hierarchy
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 12 Dec 2018 09:22:20 +0100
parents client/src/components/map/fairway/Infobar.vue@9b81ac91a43e
children a08e0f532304
comparison
equal deleted inserted replaced
1557:62171cd9a42b 1558:0ded4c56978e
1 <template>
2 <div
3 v-if="Object.keys(currentProfile).length && !showSplitscreen"
4 class="ui-element shadow-xs infobar rounded bg-white ml-auto mb-3 mr-3"
5 >
6 <div class="d-flex flex-row justify-content-between h-100">
7 <h6 class="my-auto px-2">
8 {{ selectedBottleneck }} ({{ selectedSurvey.date_info }})
9 </h6>
10 <span
11 class="p-2 border-left d-flex align-items-center"
12 @click="$store.commit('application/showSplitscreen', true)"
13 >
14 <font-awesome-icon icon="angle-up"></font-awesome-icon>
15 </span>
16 <span
17 class="p-2 border-left d-flex align-items-center"
18 @click="$store.dispatch('fairwayprofile/clearSelection')"
19 >
20 <font-awesome-icon icon="times"></font-awesome-icon>
21 </span>
22 </div>
23 </div>
24 </template>
25
26 <style lang="scss" scoped>
27 .infobar {
28 height: 2.2rem;
29 z-index: 2;
30 }
31
32 .infobar svg path {
33 fill: #666;
34 }
35 </style>
36
37 <script>
38 /* This is Free Software under GNU Affero General Public License v >= 3.0
39 * without warranty, see README.md and license for details.
40 *
41 * SPDX-License-Identifier: AGPL-3.0-or-later
42 * License-Filename: LICENSES/AGPL-3.0.txt
43 *
44 * Copyright (C) 2018 by via donau
45 * – Österreichische Wasserstraßen-Gesellschaft mbH
46 * Software engineering by Intevation GmbH
47 *
48 * Author(s):
49 * Markus Kottländer <markus.kottlaender@intevation.de>
50 */
51 import { mapState } from "vuex";
52
53 export default {
54 name: "infobar",
55 computed: {
56 ...mapState("application", ["showSplitscreen"]),
57 ...mapState("fairwayprofile", ["currentProfile"]),
58 ...mapState("bottlenecks", ["selectedBottleneck", "selectedSurvey"])
59 }
60 };
61 </script>