annotate client/src/components/map/toolbar/Identify.vue @ 1414:92d9dec88add

added indicator to info button when identifiedFeatures are present
author Markus Kottlaender <markus@intevation.de>
date Thu, 29 Nov 2018 10:29:57 +0100
parents 2738a6ae9ad8
children 9b81ac91a43e
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>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div @click="$store.commit('application/showIdentify', !showIdentify)" class="toolbar-button">
1299
2738a6ae9ad8 fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
3 <font-awesome-icon icon="info" :class="{'text-info': showIdentify}"></font-awesome-icon>
1414
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
4 <span :class="['indicator', { show: !showIdentify && (identifiedFeatures.length || currentMeasurement) }]">
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
5 {{ badgeCount }}
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
6 </span>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
7 </div>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 </template>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 <script>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 /* 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
12 * without warranty, see README.md and license for details.
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
14 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 * License-Filename: LICENSES/AGPL-3.0.txt
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
16 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
17 * Copyright (C) 2018 by via donau
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 * Software engineering by Intevation GmbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 *
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 * Markus Kottländer <markus.kottlaender@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 */
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 import { mapState } from "vuex";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 export default {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 name: "identify",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 computed: {
1414
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
29 ...mapState("application", ["showIdentify"]),
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
30 ...mapState("map", ["identifiedFeatures", "currentMeasurement"]),
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
31 badgeCount() {
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
32 return this.identifiedFeatures.length + !!this.currentMeasurement;
92d9dec88add added indicator to info button when identifiedFeatures are present
Markus Kottlaender <markus@intevation.de>
parents: 1299
diff changeset
33 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 }
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 </script>