Mercurial > gemma

annotate client/src/application/Search.vue @ 1196:a397b52981b8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
html cleanup got rid of Topbar.vue to avoid unnecessary component nesting
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 08:24:47 +0100
parents
children 37889ae85133
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
2 <div :class="searchbarContainerStyle">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
3 <div class="input-group-prepend shadow">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
4 <span @click="toggleSearchbar" :class="searchButtonStyle" for="search">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
5 <i class="fa fa-search d-print-none"></i>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
6 </span>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
7 </div>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
8 <div class="searchgroup flex-fill">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
9 <input
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
10 @keyup.enter="takeFirstSearchresult"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 v-if="showSearchbar"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
12 id="search"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
13 v-model="searchQuery"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
14 type="text"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
15 class="form-control ui-element search searchbar d-print-none"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
16 >
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
17 <ul v-if="showSearchbar && searchResults !== null " class="list-group d-print-none">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
18 <li v-for="entry of searchResults" :key="entry.name" class="list-group-item">
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
19 <a href="#" @click.prevent="moveToSearchResult(entry)">{{entry.name}}</a>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
20 </li>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
21 </ul>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
22 </div>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
23 </div>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 </template>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
25
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
26 <style lang="sass" scoped>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 .searchcontainer
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
28 height: $icon-height
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
29 border-radius: 0.25rem
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
30
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
31 .searchbar-expanded
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
32 margin-left: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 margin-right: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 padding-left: $offset
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 width: $searchbar-width !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36 .searchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37 border-top-left-radius: 0 !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 border-bottom-left-radius: 0 !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
39
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41 .searchbar-collapsed
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 margin-left: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 width: $icon-width !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44 transition: $transition-fast
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
46 .searchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
47 margin-left: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48 margin-right: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
49 height: $icon-height !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51 .searchlabel
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 background-color: white !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
53
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54 .input-group-text
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
55 height: $icon-height
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
56 width: $icon-width
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
57
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58 .list-group
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59 pointer-events: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
60 </style>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
62 <script>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
63 /*
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
64 * This is Free Software under GNU Affero General Public License v >= 3.0
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
65 * without warranty, see README.md and license for details.
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
66 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67 * SPDX-License-Identifier: AGPL-3.0-or-later
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
68 * License-Filename: LICENSES/AGPL-3.0.txt
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
69 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
70 * Copyright (C) 2018 by via donau
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
71 * – Österreichische Wasserstraßen-Gesellschaft mbH
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
72 * Software engineering by Intevation GmbH
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
73 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
74 * Author(s):
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
75 * Markus Kottländer <markus.kottlaender@intevation.de>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
76 */
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
77 import debounce from "lodash.debounce";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
78 import { mapState } from "vuex";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
79
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
80 import { displayError } from "../application/lib/errors.js";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
81 import { HTTP } from "../application/lib/http";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
82
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
83 const setFocus = () => document.querySelector("#search").focus();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
84
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
85 export default {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
86 name: "search",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
87 data() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
88 return {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
89 searchQuery: "",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
90 searchQueryIsDirty: false,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
91 searchResults: null,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
92 isSearching: false
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
93 };
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
94 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
95 computed: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
96 ...mapState("application", ["showSearchbar"]),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
97 searchIndicator: function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
98 if (this.isSearching) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
99 return "⟳";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
100 } else if (this.searchQueryIsDirty) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
101 return "";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
102 } else {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
103 return "✓";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
104 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
105 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
106 searchbarContainerStyle() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
107 return [
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
108 "d-flex input-group searchcontainer",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
109 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
110 "searchbar-collapsed": !this.showSearchbar,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
111 "searchbar-expanded": this.showSearchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
112 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
113 ];
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
114 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
115 searchButtonStyle() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
116 return [
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
117 "ui-element input-group-text p-0 d-flex justify-content-center searchlabel d-print-none",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
118 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
119 rounded: !this.showSearchbar,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
120 "rounded-left": this.showSearchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
121 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
122 ];
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
123 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
124 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
125 watch: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
126 searchQuery: function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
127 this.searchQueryIsDirty = true;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
128 this.triggerSearch();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
129 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
130 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
131 methods: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
132 takeFirstSearchresult() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
133 if (!this.searchResults || this.searchResults.length != 1) return;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
134 this.moveToSearchResult(this.searchResults[0]);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
135 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
136 triggerSearch: debounce(function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
137 this.doSearch();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
138 }, 500),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
139 doSearch() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
140 this.isCalculating = true;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
141 this.searchResults = null;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
142
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
143 if (this.searchQuery == "") {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
144 return;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
145 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
146
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
147 HTTP.post(
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
148 "/search",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
149 { string: this.searchQuery },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
150 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
151 headers: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
152 "X-Gemma-Auth": localStorage.getItem("token"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
153 "Content-type": "text/xml; charset=UTF-8"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
154 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
155 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
156 )
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
157 .then(response => {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
158 // console.log("got:", response.data);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
159 this.searchResults = response.data;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
160 })
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
161 .catch(error => {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
162 const { status, data } = error.response;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
163 displayError({
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
164 title: "Backend Error",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
165 message: `${status}: ${data.message || data}`
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
166 });
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
167 });
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
168
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
169 this.isCalculating = false;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
170 this.searchQueryIsDirty = false;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
171 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
172 moveToSearchResult(resultEntry) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
173 // DEBUG console.log("Moving to", resultEntry);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
174 if (resultEntry.geom.type == "Point") {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
175 let zoom = 11;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
176 if (resultEntry.type === "bottleneck") zoom = 17;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
177 if (resultEntry.type === "rhm") zoom = 15;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
178 if (resultEntry.type === "city") zoom = 13;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
179
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
180 this.$store.commit("map/moveMap", {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
181 coordinates: resultEntry.geom.coordinates,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
182 zoom,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
183 preventZoomOut: true
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
184 });
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
185 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
186 // this.searchQuery = ""; // clear search query again
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
187 this.toggleSearchbar();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
188 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
189 toggleSearchbar() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
190 if (!this.showSearchbar) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
191 setTimeout(setFocus, 300);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
192 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
193 this.$store.commit("application/showSearchbar", !this.showSearchbar);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
194 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
195 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
196 };
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
197 </script>