Mercurial > gemma

annotate client/src/toolbar/Toolbar.vue @ 1259:f80d1fd54806

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
removed duplicated css and added comment
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:44:04 +0100
parents 104d41ea7c15
children 76bc179c181f
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
1249
104d41ea7c15 restyling of boxes to save screen space
Markus Kottlaender <markus@intevation.de>
parents: 1247
diff changeset
2 <div class="ml-2">
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 <Identify></Identify>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 <Layers></Layers>
1259
f80d1fd54806 removed duplicated css
Markus Kottlaender <markus@intevation.de>
parents: 1249
diff changeset
5 <Cuttool></Cuttool>
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
6 <Linetool></Linetool>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
7 <Polygontool></Polygontool>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 <Pdftool></Pdftool>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 </div>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 </template>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 <style lang="sass">
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 // not scoped to affect nested components
1259
f80d1fd54806 removed duplicated css
Markus Kottlaender <markus@intevation.de>
parents: 1249
diff changeset
14 // doen't work when put in application/assets/application.sass... why??? o_O
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 .toolbar-button
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
16 height: $icon-width
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
17 width: $icon-height
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18 align-items: center
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 justify-content: center
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 display: flex
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 background: #fff
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 margin-bottom: $offset
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 border-radius: $border-radius
1259
f80d1fd54806 removed duplicated css
Markus Kottlaender <markus@intevation.de>
parents: 1249
diff changeset
24 box-shadow: $shadow-xs
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25 z-index: 2
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 pointer-events: auto
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 .inverted
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 color: #07f
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 .grey
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30 color: #ddd
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 </style>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 <script>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 /* This is Free Software under GNU Affero General Public License v >= 3.0
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 * without warranty, see README.md and license for details.
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 *
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 * SPDX-License-Identifier: AGPL-3.0-or-later
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 * License-Filename: LICENSES/AGPL-3.0.txt
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
39 *
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40 * Copyright (C) 2018 by via donau
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 * – Österreichische Wasserstraßen-Gesellschaft mbH
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 * Software engineering by Intevation GmbH
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 *
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44 * Author(s):
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45 * Markus Kottländer <markus.kottlaender@intevation.de>
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
46 */
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
47 import { mapState, mapGetters } from "vuex";
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
49 export default {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50 name: "toolbar",
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51 components: {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 Identify: () => import("./buttons/Identify.vue"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
53 Layers: () => import("./buttons/Layers.vue"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54 Linetool: () => import("./buttons/Linetool.vue"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
55 Polygontool: () => import("./buttons/Polygontool.vue"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
56 Cuttool: () => import("./buttons/Cuttool.vue"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
57 Pdftool: () => import("./buttons/Pdftool.vue")
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58 },
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59 computed: {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
60 ...mapGetters("map", ["getLayerByName"]),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61 ...mapState("map", ["lineTool", "polygonTool", "cutTool"])
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
62 },
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
63 mounted() {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
64 window.addEventListener("keydown", e => {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
65 // Escape
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
66 if (e.keyCode === 27) {
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67 this.lineTool.setActive(false);
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
68 this.polygonTool.setActive(false);
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
69 this.cutTool.setActive(false);
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
70 this.$store.commit("map/setCurrentMeasurement", null);
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
71 this.getLayerByName("Draw Tool")
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
72 .data.getSource()
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
73 .clear();
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
74 }
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
75 });
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
76 }
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
77 };
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
78 </script>