From 9b33453040b8b1291d75f0ff37666658f6f7bb8c Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Tue, 3 Sep 2024 15:30:50 +0200
Subject: [PATCH] fix lint

---
 .../src/components/admin-panel/search.vue     |   6 +-
 .../admin-panel/user-support/cronAndAuth.vue  |  15 +-
 .../admin-panel/user-support/stats-row.vue    |  10 +-
 .../admin-panel/user-support/stats.vue        |   2 -
 .../user-support/subscriptionAndPerks.vue     |  10 +-
 .../admin-panel/user-support/userHistory.vue  | 246 +++++++++---------
 .../admin-panel/user-support/userProfile.vue  |   6 +-
 7 files changed, 159 insertions(+), 136 deletions(-)

diff --git a/website/client/src/components/admin-panel/search.vue b/website/client/src/components/admin-panel/search.vue
index 736de6ca5e..6c81a5a838 100644
--- a/website/client/src/components/admin-panel/search.vue
+++ b/website/client/src/components/admin-panel/search.vue
@@ -7,7 +7,11 @@
     >
       Could not find any matching users.
     </div>
-    <loading-spinner class="mx-auto mb-2" dark-color="true" v-if="isSearching" />
+    <loading-spinner
+      v-if="isSearching"
+      class="mx-auto mb-2"
+      dark-color="true"
+    />
     <div
       v-if="users.length > 0"
       class="list-group"
diff --git a/website/client/src/components/admin-panel/user-support/cronAndAuth.vue b/website/client/src/components/admin-panel/user-support/cronAndAuth.vue
index b38e82a224..715c10ca7e 100644
--- a/website/client/src/components/admin-panel/user-support/cronAndAuth.vue
+++ b/website/client/src/components/admin-panel/user-support/cronAndAuth.vue
@@ -1,8 +1,10 @@
 <template>
-  <form @submit.prevent="saveHero({ hero: {
-    auth: hero.auth,
-    preferences: hero.preferences,
-    }, msg: 'Authentication' })">
+  <form
+    @submit.prevent="saveHero({ hero: {
+      auth: hero.auth,
+      preferences: hero.preferences,
+    }, msg: 'Authentication' })"
+  >
     <div class="card mt-2">
       <div class="card-header">
         <h3
@@ -41,7 +43,10 @@
             <strong v-else>No</strong>
           </div>
         </div>
-        <div v-if="cronError" class="form-group row">
+        <div
+          v-if="cronError"
+          class="form-group row"
+        >
           <label class="col-sm-3 col-form-label">lastCron value:</label>
           <strong>{{ hero.lastCron | formatDate }}</strong>
           <br>
diff --git a/website/client/src/components/admin-panel/user-support/stats-row.vue b/website/client/src/components/admin-panel/user-support/stats-row.vue
index ceec653771..0a82239541 100644
--- a/website/client/src/components/admin-panel/user-support/stats-row.vue
+++ b/website/client/src/components/admin-panel/user-support/stats-row.vue
@@ -1,16 +1,18 @@
 <template>
   <div class="form-group row">
-    <label class="col-sm-3 col-form-label"
-    :class="color">{{ label }}</label>
+    <label
+      class="col-sm-3 col-form-label"
+      :class="color"
+    >{{ label }}</label>
     <div class="col-sm-9">
       <input
-        v-bind:value="value"
-        v-on:input="$emit('input', parseInt($event.target.value, 10))"
+        :value="value"
         class="form-control"
         type="number"
         :step="step"
         :max="max"
         :min="min"
+        @input="$emit('input', parseInt($event.target.value, 10))"
       >
     </div>
   </div>
diff --git a/website/client/src/components/admin-panel/user-support/stats.vue b/website/client/src/components/admin-panel/user-support/stats.vue
index bbffe00ae9..184de46f62 100644
--- a/website/client/src/components/admin-panel/user-support/stats.vue
+++ b/website/client/src/components/admin-panel/user-support/stats.vue
@@ -174,8 +174,6 @@ export default {
   computed: {
     ...mapState({ user: 'user.data' }),
     statPointsIncorrect () {
-        this.hero.stats.int, this.hero.stats.per,
-        this.hero.stats.con, this.hero.stats.lvl);
       return (parseInt(this.hero.stats.points, 10)
         + parseInt(this.hero.stats.str, 10)
         + parseInt(this.hero.stats.int, 10)
diff --git a/website/client/src/components/admin-panel/user-support/subscriptionAndPerks.vue b/website/client/src/components/admin-panel/user-support/subscriptionAndPerks.vue
index 267daa8364..f66afbb9ba 100644
--- a/website/client/src/components/admin-panel/user-support/subscriptionAndPerks.vue
+++ b/website/client/src/components/admin-panel/user-support/subscriptionAndPerks.vue
@@ -1,8 +1,10 @@
 <template>
-  <form @submit.prevent="saveHero({ hero: {
-    _id: hero._id,
-    purchased: hero.purchased
-    }, msg: 'Subscription Perks' })">
+  <form
+    @submit.prevent="saveHero({ hero: {
+      _id: hero._id,
+      purchased: hero.purchased
+    }, msg: 'Subscription Perks' })"
+  >
     <div class="card mt-2">
       <div class="card-header">
         <h3
diff --git a/website/client/src/components/admin-panel/user-support/userHistory.vue b/website/client/src/components/admin-panel/user-support/userHistory.vue
index b7dc0db13a..0374174198 100644
--- a/website/client/src/components/admin-panel/user-support/userHistory.vue
+++ b/website/client/src/components/admin-panel/user-support/userHistory.vue
@@ -13,126 +13,136 @@
       v-if="expand"
       class="card-body"
     >
-    <div>
-    <div class="clearfix">
-      <div class="mb-4 float-left">
-        <button
-          class="page-header btn-flat tab-button textCondensed"
-          :class="{'active': selectedTab === 'armoire'}"
-          @click="selectTab('armoire')"
-        >
-          Armoire
-        </button>
-        <button
-          class="page-header btn-flat tab-button textCondensed"
-          :class="{'active': selectedTab === 'questInvites'}"
-          @click="selectTab('questInvites')"
-        >
-          Quest Invitations
-        </button>
-        <button
-          class="page-header btn-flat tab-button textCondensed"
-          :class="{'active': selectedTab === 'cron'}"
-          @click="selectTab('cron')"
-        >
-          Cron
-        </button>
-      </div>
-    </div>
+      <div>
+        <div class="clearfix">
+          <div class="mb-4 float-left">
+            <button
+              class="page-header btn-flat tab-button textCondensed"
+              :class="{'active': selectedTab === 'armoire'}"
+              @click="selectTab('armoire')"
+            >
+              Armoire
+            </button>
+            <button
+              class="page-header btn-flat tab-button textCondensed"
+              :class="{'active': selectedTab === 'questInvites'}"
+              @click="selectTab('questInvites')"
+            >
+              Quest Invitations
+            </button>
+            <button
+              class="page-header btn-flat tab-button textCondensed"
+              :class="{'active': selectedTab === 'cron'}"
+              @click="selectTab('cron')"
+            >
+              Cron
+            </button>
+          </div>
+        </div>
 
-    <div class="row">
-      <div
-        v-if="selectedTab === 'armoire'"
-        class="col-12"
-      >
-        <table class="table">
-          <tr>
-            <th
-              v-once
-            >
-              {{ $t('timestamp') }}
-            </th>
-            <th v-once>Client</th>
-            <th
-              v-once
-            >
-              Received
-            </th>
-          </tr>
-          <tr
-            v-for="entry in armoire"
-            :key="entry.timestamp"
+        <div class="row">
+          <div
+            v-if="selectedTab === 'armoire'"
+            class="col-12"
           >
-            <td>
-              <span
-                v-b-tooltip.hover="entry.timestamp"
-              >{{ entry.timestamp | timeAgo }}</span>
-            </td>
-            <td>{{ entry.client }}</td>
-            <td>{{ entry.reward }}</td>
-          </tr>
-        </table>
-      </div>
-      <div
-        v-if="selectedTab === 'questInvites'"
-        class="col-12"
-      >
-        <table class="table">
-          <tr>
-            <th
-              v-once
-            >
-              {{ $t('timestamp') }}
-            </th>
-            <th v-once>Client</th>
-            <th v-once>Quest Key</th>
-            <th v-once>Response</th>
-          </tr>
-          <tr
-            v-for="entry in questInvites"
-            :key="entry.timestamp"
+            <table class="table">
+              <tr>
+                <th
+                  v-once
+                >
+                  {{ $t('timestamp') }}
+                </th>
+                <th v-once>
+                  Client
+                </th>
+                <th
+                  v-once
+                >
+                  Received
+                </th>
+              </tr>
+              <tr
+                v-for="entry in armoire"
+                :key="entry.timestamp"
+              >
+                <td>
+                  <span
+                    v-b-tooltip.hover="entry.timestamp"
+                  >{{ entry.timestamp | timeAgo }}</span>
+                </td>
+                <td>{{ entry.client }}</td>
+                <td>{{ entry.reward }}</td>
+              </tr>
+            </table>
+          </div>
+          <div
+            v-if="selectedTab === 'questInvites'"
+            class="col-12"
           >
-            <td>
-              <span
-                v-b-tooltip.hover="entry.timestamp"
-              >{{ entry.timestamp | timeAgo }}</span>
-            </td>
-            <td>{{ entry.client }}</td>
-            <td>{{ entry.quest }}</td>
-            <td>{{ entry.response }}</td>
-          </tr>
-        </table>
-      </div>
-      <div
-        v-if="selectedTab === 'cron'"
-        class="col-12"
-      >
-        <table class="table">
-          <tr>
-            <th
-              v-once
-            >
-              {{ $t('timestamp') }}
-            </th>
-            <th v-once>Client</th>
-          </tr>
-          <tr
-            v-for="entry in cron"
-            :key="entry.timestamp"
+            <table class="table">
+              <tr>
+                <th
+                  v-once
+                >
+                  {{ $t('timestamp') }}
+                </th>
+                <th v-once>
+                  Client
+                </th>
+                <th v-once>
+                  Quest Key
+                </th>
+                <th v-once>
+                  Response
+                </th>
+              </tr>
+              <tr
+                v-for="entry in questInvites"
+                :key="entry.timestamp"
+              >
+                <td>
+                  <span
+                    v-b-tooltip.hover="entry.timestamp"
+                  >{{ entry.timestamp | timeAgo }}</span>
+                </td>
+                <td>{{ entry.client }}</td>
+                <td>{{ entry.quest }}</td>
+                <td>{{ entry.response }}</td>
+              </tr>
+            </table>
+          </div>
+          <div
+            v-if="selectedTab === 'cron'"
+            class="col-12"
           >
-            <td>
-              <span
-                v-b-tooltip.hover="entry.timestamp"
-              >{{ entry.timestamp | timeAgo }}</span>
-            </td>
-            <td>{{ entry.client }}</td>
-          </tr>
-        </table>
+            <table class="table">
+              <tr>
+                <th
+                  v-once
+                >
+                  {{ $t('timestamp') }}
+                </th>
+                <th v-once>
+                  Client
+                </th>
+              </tr>
+              <tr
+                v-for="entry in cron"
+                :key="entry.timestamp"
+              >
+                <td>
+                  <span
+                    v-b-tooltip.hover="entry.timestamp"
+                  >{{ entry.timestamp | timeAgo }}</span>
+                </td>
+                <td>{{ entry.client }}</td>
+              </tr>
+            </table>
+          </div>
+        </div>
       </div>
     </div>
   </div>
-    </div>
-  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -169,6 +179,11 @@ import moment from 'moment';
 import { userStateMixin } from '../../../mixins/userState';
 
 export default {
+  filters: {
+    timeAgo (value) {
+      return moment(value).fromNow();
+    },
+  },
   mixins: [userStateMixin],
   props: {
     hero: {
@@ -189,11 +204,6 @@ export default {
       cron: [],
     };
   },
-  filters: {
-    timeAgo (value) {
-      return moment(value).fromNow();
-    },
-  },
   watch: {
     resetCounter () {
       if (this.expand) {
diff --git a/website/client/src/components/admin-panel/user-support/userProfile.vue b/website/client/src/components/admin-panel/user-support/userProfile.vue
index 50c5db2bcd..84e88bc065 100644
--- a/website/client/src/components/admin-panel/user-support/userProfile.vue
+++ b/website/client/src/components/admin-panel/user-support/userProfile.vue
@@ -1,8 +1,10 @@
 <template>
-  <form @submit.prevent="saveHero({hero: {
+  <form
+    @submit.prevent="saveHero({hero: {
       _id: hero._id,
       profile: hero.profile
-    }, msg: 'Users Profile'})">
+    }, msg: 'Users Profile'})"
+  >
     <div class="card mt-2">
       <div class="card-header">
         <h3