Mercurial > gemma
diff client/src/components/map/Search.vue @ 1480:9b81ac91a43e
fix: linting
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 04 Dec 2018 10:02:31 +0100 |
parents | bb47531bdd22 |
children |
line wrap: on
line diff
--- a/client/src/components/map/Search.vue Tue Dec 04 09:56:11 2018 +0100 +++ b/client/src/components/map/Search.vue Tue Dec 04 10:02:31 2018 +0100 @@ -6,7 +6,15 @@ </span> </div> <div - :class="['searchgroup', {'searchgroup-collapsed': !showSearchbar, big: showContextBox && ['bottlenecks', 'staging'].indexOf(contextBoxContent) !== -1 }]" + :class="[ + 'searchgroup', + { + 'searchgroup-collapsed': !showSearchbar, + big: + showContextBox && + ['bottlenecks', 'staging'].indexOf(contextBoxContent) !== -1 + } + ]" > <input @keyup.enter="takeFirstSearchresult" @@ -14,22 +22,40 @@ v-model="searchQuery" type="text" :class="searchInputStyle" - > + /> </div> <div v-if="showSearchbar && searchResults !== null && !showContextBox" class="searchresults border-top ui-element bg-white rounded-bottom d-print-none position-absolute" > - <div v-for="entry of searchResults" :key="entry.name" class="border-top text-left"> - <a href="#" @click.prevent="moveToSearchResult(entry)" class="p-2 d-block text-nowrap"> + <div + v-for="entry of searchResults" + :key="entry.name" + class="border-top text-left" + > + <a + href="#" + @click.prevent="moveToSearchResult(entry)" + class="p-2 d-block text-nowrap" + > <font-awesome-icon icon="ship" v-if="entry.type === 'bottleneck'" class="mr-1" fixed-width /> - <font-awesome-icon icon="water" v-if="entry.type === 'rhm'" class="mr-1" fixed-width/> - <font-awesome-icon icon="city" v-if="entry.type === 'city'" class="mr-1" fixed-width/> + <font-awesome-icon + icon="water" + v-if="entry.type === 'rhm'" + class="mr-1" + fixed-width + /> + <font-awesome-icon + icon="city" + v-if="entry.type === 'city'" + class="mr-1" + fixed-width + /> {{ entry.name }} </a> </div>