From 9261067273f643fa404aeffd5ffa2bf54b333f5a Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Wed, 10 Apr 2019 14:30:18 +0200
Subject: [PATCH] lint fixes

---
 webapp/components/User.vue | 68 +++++++++++++++++++++++++++++---------
 1 file changed, 53 insertions(+), 15 deletions(-)

diff --git a/webapp/components/User.vue b/webapp/components/User.vue
index 69ad9b87f..42b217d11 100644
--- a/webapp/components/User.vue
+++ b/webapp/components/User.vue
@@ -3,16 +3,36 @@
     <div
       style="display: inline-block; float: left; margin-right: 4px;  height: 100%; vertical-align: middle;"
     >
-      <ds-avatar style="display: inline-block; vertical-align: middle;" size="32px"/>
+      <ds-avatar
+        style="display: inline-block; vertical-align: middle;"
+        size="32px"
+      />
     </div>
     <div style="display: inline-block; height: 100%; vertical-align: middle;">
-      <b class="username" style="vertical-align: middle;">Anonymus</b>
+      <b
+        class="username"
+        style="vertical-align: middle;"
+      >Anonymus</b>
     </div>
   </div>
-  <dropdown v-else :class="{'disabled-content': user.disabled}" placement="top-start" offset="0">
-    <template slot="default" slot-scope="{openMenu, closeMenu, isOpen}">
-      <nuxt-link :to="userLink" :class="['user', isOpen && 'active']">
-        <div @mouseover="openMenu(true)" @mouseleave="closeMenu(true)">
+  <dropdown
+    v-else
+    :class="{'disabled-content': user.disabled}"
+    placement="top-start"
+    offset="0"
+  >
+    <template
+      slot="default"
+      slot-scope="{openMenu, closeMenu, isOpen}"
+    >
+      <nuxt-link
+        :to="userLink"
+        :class="['user', isOpen && 'active']"
+      >
+        <div
+          @mouseover="openMenu(true)"
+          @mouseleave="closeMenu(true)"
+        >
           <div
             style="display: inline-block; float: left; margin-right: 4px;  height: 100%; vertical-align: middle;"
           >
@@ -30,10 +50,17 @@
             >{{ user.name | truncate(trunc, 18) }}</b>
           </div>
           <!-- Time -->
-          <div v-if="dateTime" style="display: inline;">
-            <ds-text align="right" size="small" color="soft">
-              <ds-icon name="clock"/>
-              <hc-relative-date-time :date-time="dateTime"/>
+          <div
+            v-if="dateTime"
+            style="display: inline;"
+          >
+            <ds-text
+              align="right"
+              size="small"
+              color="soft"
+            >
+              <ds-icon name="clock" />
+              <hc-relative-date-time :date-time="dateTime" />
             </ds-text>
           </div>
         </div>
@@ -41,7 +68,10 @@
     </template>
     <template slot="popover">
       <div style="min-width: 250px">
-        <hc-badges v-if="user.badges && user.badges.length" :badges="user.badges"/>
+        <hc-badges
+          v-if="user.badges && user.badges.length"
+          :badges="user.badges"
+        />
         <ds-text
           v-if="user.location"
           align="center"
@@ -50,13 +80,17 @@
           style="margin-top: 5px"
           bold
         >
-          <ds-icon name="map-marker"/>
+          <ds-icon name="map-marker" />
           {{ user.location.name }}
         </ds-text>
         <ds-flex style="margin-top: -10px">
           <ds-flex-item class="ds-tab-nav-item">
             <ds-space margin="small">
-              <ds-number :count="fanCount" :label="$t('profile.followers')" size="x-large"/>
+              <ds-number
+                :count="fanCount"
+                :label="$t('profile.followers')"
+                size="x-large"
+              />
             </ds-space>
           </ds-flex-item>
           <ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
@@ -76,7 +110,11 @@
             </ds-space>
           </ds-flex-item>
         </ds-flex>
-        <ds-flex v-if="!itsMe" gutter="x-small" style="margin-bottom: 0;">
+        <ds-flex
+          v-if="!itsMe"
+          gutter="x-small"
+          style="margin-bottom: 0;"
+        >
           <ds-flex-item :width="{base: 3}">
             <hc-follow-button
               :follow-id="user.id"
@@ -87,7 +125,7 @@
           </ds-flex-item>
           <ds-flex-item :width="{base: 1}">
             <ds-button fullwidth>
-              <ds-icon name="user-times"/>
+              <ds-icon name="user-times" />
             </ds-button>
           </ds-flex-item>
         </ds-flex>