Mercurial > gemma

annotate client/src/components/toolbar/Identify.vue @ 2370:7fe2f5d334dc

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: improved identify tool readability There's now a formatter.js which can be used to format labels and values or to remove information that is not needed.
author Markus Kottlaender <markus@intevation.de>
date Thu, 21 Feb 2019 14:57:04 +0100
parents 0ded4c56978e
children 2097c3633f0a
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
1480
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
2 <div
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
3 @click="$store.commit('application/showIdentify', !showIdentify)"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
4 class="toolbar-button"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
5 >
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
6 <font-awesome-icon
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
7 icon="info"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
8 :class="{ 'text-info': showIdentify }"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
9 ></font-awesome-icon>
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
10 <span
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
11 :class="[
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
12 'indicator',
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
13 {
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
14 show:
2370
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
15 !showIdentify &&
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
16 (filteredIdentifiedFeatures.length || currentMeasurement)
1480
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
17 }
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
18 ]"
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
19 >
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
20 {{ badgeCount }}
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
21 </span>
9b81ac91a43e fix: linting
Thomas Junk <thomas.junk@intevation.de>
parents: 1414
diff changeset
22 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 </template>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 <script>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 /* This is Free Software under GNU Affero General Public License v >= 3.0
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 * without warranty, see README.md and license for details.
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 * License-Filename: LICENSES/AGPL-3.0.txt
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 * Copyright (C) 2018 by via donau
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 * Software engineering by Intevation GmbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 * Markus Kottländer <markus.kottlaender@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 */
2370
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
39 import { mapState, mapGetters } from "vuex";
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 export default {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 name: "identify",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 computed: {
1414
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
44 ...mapState("application", ["showIdentify"]),
2370
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
45 ...mapState("map", ["currentMeasurement"]),
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
46 ...mapGetters("map", ["filteredIdentifiedFeatures"]),
1414
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
47 badgeCount() {
2370
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 1558
diff changeset
48 return this.filteredIdentifiedFeatures.length + !!this.currentMeasurement;
1414
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
49 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 </script>