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>