Mercurial > gemma
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 |
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> |