Mercurial > gemma

annotate client/src/application/Search.vue @ 1201:37889ae85133

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
moved search icon/bar to the left, next to main menu
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 09:09:27 +0100
parents a397b52981b8
children 68fb4af05b73 ddfdf440da24
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 width: $searchbar-width !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 .searchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34 border-top-left-radius: 0 !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
35 border-bottom-left-radius: 0 !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
36
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
37
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
38 .searchbar-collapsed
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
39 width: $icon-width !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
40 transition: $transition-fast
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
41
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
42 .searchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
43 height: $icon-height !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
45 .searchlabel
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
46 background-color: white !important
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
47
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
48 .input-group-text
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
49 height: $icon-height
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
50 width: $icon-width
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
51
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
52 .list-group
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
53 pointer-events: auto
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
54 </style>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
55
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
56 <script>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
57 /*
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58 * This is Free Software under GNU Affero General Public License v >= 3.0
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59 * without warranty, see README.md and license for details.
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
60 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61 * SPDX-License-Identifier: AGPL-3.0-or-later
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
62 * License-Filename: LICENSES/AGPL-3.0.txt
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
63 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
64 * Copyright (C) 2018 by via donau
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
65 * – Österreichische Wasserstraßen-Gesellschaft mbH
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
66 * Software engineering by Intevation GmbH
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67 *
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
68 * Author(s):
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
69 * Markus Kottländer <markus.kottlaender@intevation.de>
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
70 */
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
71 import debounce from "lodash.debounce";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
72 import { mapState } from "vuex";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
73
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
74 import { displayError } from "../application/lib/errors.js";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
75 import { HTTP } from "../application/lib/http";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
76
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
77 const setFocus = () => document.querySelector("#search").focus();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
78
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
79 export default {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
80 name: "search",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
81 data() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
82 return {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
83 searchQuery: "",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
84 searchQueryIsDirty: false,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
85 searchResults: null,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
86 isSearching: false
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
87 };
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
88 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
89 computed: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
90 ...mapState("application", ["showSearchbar"]),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
91 searchIndicator: function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
92 if (this.isSearching) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
93 return "⟳";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
94 } else if (this.searchQueryIsDirty) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
95 return "";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
96 } else {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
97 return "✓";
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
98 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
99 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
100 searchbarContainerStyle() {
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 "d-flex input-group searchcontainer",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
103 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
104 "searchbar-collapsed": !this.showSearchbar,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
105 "searchbar-expanded": this.showSearchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
106 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
107 ];
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
108 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
109 searchButtonStyle() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
110 return [
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
111 "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
112 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
113 rounded: !this.showSearchbar,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
114 "rounded-left": this.showSearchbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
115 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
116 ];
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
117 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
118 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
119 watch: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
120 searchQuery: function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
121 this.searchQueryIsDirty = true;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
122 this.triggerSearch();
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 methods: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
126 takeFirstSearchresult() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
127 if (!this.searchResults || this.searchResults.length != 1) return;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
128 this.moveToSearchResult(this.searchResults[0]);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
129 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
130 triggerSearch: debounce(function() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
131 this.doSearch();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
132 }, 500),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
133 doSearch() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
134 this.isCalculating = true;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
135 this.searchResults = null;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
136
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
137 if (this.searchQuery == "") {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
138 return;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
139 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
140
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
141 HTTP.post(
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
142 "/search",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
143 { string: this.searchQuery },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
144 {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
145 headers: {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
146 "X-Gemma-Auth": localStorage.getItem("token"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
147 "Content-type": "text/xml; charset=UTF-8"
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
148 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
149 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
150 )
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
151 .then(response => {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
152 // console.log("got:", response.data);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
153 this.searchResults = response.data;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
154 })
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
155 .catch(error => {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
156 const { status, data } = error.response;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
157 displayError({
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
158 title: "Backend Error",
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
159 message: `${status}: ${data.message || 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 });
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
162
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
163 this.isCalculating = false;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
164 this.searchQueryIsDirty = false;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
165 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
166 moveToSearchResult(resultEntry) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
167 // DEBUG console.log("Moving to", resultEntry);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
168 if (resultEntry.geom.type == "Point") {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
169 let zoom = 11;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
170 if (resultEntry.type === "bottleneck") zoom = 17;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
171 if (resultEntry.type === "rhm") zoom = 15;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
172 if (resultEntry.type === "city") zoom = 13;
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
173
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
174 this.$store.commit("map/moveMap", {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
175 coordinates: resultEntry.geom.coordinates,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
176 zoom,
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
177 preventZoomOut: true
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
178 });
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.searchQuery = ""; // clear search query again
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
181 this.toggleSearchbar();
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
182 },
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
183 toggleSearchbar() {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
184 if (!this.showSearchbar) {
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
185 setTimeout(setFocus, 300);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
186 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
187 this.$store.commit("application/showSearchbar", !this.showSearchbar);
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
188 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
189 }
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
190 };
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
191 </script>