Mercurial > gemma

annotate client/src/morphtool/Infobar.vue @ 1251:d1903250390b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
splitted mophtool into two components one shows the survey results and the other the info bar when a bottleneck is selected (and no profile is shown)
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:10:12 +0100
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1251
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div v-if="selectedSurvey && !showSplitscreen" class="ui-element shadow infobar rounded bg-white ml-auto mb-3 mr-3">
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 <div class="d-flex flex-row justify-content-between">
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 <h6 class="my-auto px-2">
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 {{ selectedBottleneck }}
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
6 ({{ selectedSurvey.date_info }})
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
7 </h6>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 <i class="fa fa-angle-up py-2 px-2 border-left" @click="$store.commit('application/showSplitscreen', true)" v-if="Object.keys(currentProfile).length"></i>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 <i class="fa fa-close text-danger py-2 px-2 border-left" @click="$store.dispatch('fairwayprofile/clearSelection');"></i>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 </div>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 </div>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 </template>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
14 <style lang="sass" scoped>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 .infobar
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
16 height: $icon-width
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
17 z-index: 2
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18 </style>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 <script>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 /*
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 * This is Free Software under GNU Affero General Public License v >= 3.0
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 * without warranty, see README.md and license for details.
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 *
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 * SPDX-License-Identifier: AGPL-3.0-or-later
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 * License-Filename: LICENSES/AGPL-3.0.txt
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 *
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 * Copyright (C) 2018 by via donau
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 * – Österreichische Wasserstraßen-Gesellschaft mbH
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 * Software engineering by Intevation GmbH
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 *
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 * Author(s):
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 * Markus Kottländer <markus.kottlaender@intevation.de>
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 */
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 import { mapState } from "vuex";
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 export default {
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 name: "infobar",
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
39 computed: {
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40 ...mapState("application", ["showSplitscreen"]),
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 ...mapState("fairwayprofile", ["currentProfile"]),
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 ...mapState("bottlenecks", ["selectedBottleneck", "selectedSurvey"])
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 }
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44 };
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45 </script>