From f72beb21e2ec22178162507e37ebeae27da2b139 Mon Sep 17 00:00:00 2001
From: Clemens Tolboom <c.g.w.m.tolboom@umcg.nl>
Date: Wed, 22 Nov 2023 08:28:57 +0100
Subject: [PATCH] Add auto formattings.

---
 ui/src/types/api.d.ts     |  2 +-
 ui/src/views/Profiles.vue | 27 ++++++++++++++++++++++-----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/ui/src/types/api.d.ts b/ui/src/types/api.d.ts
index 235da14ae..c534f17b5 100644
--- a/ui/src/types/api.d.ts
+++ b/ui/src/types/api.d.ts
@@ -20,7 +20,7 @@ export type Principal = {
   authorities: [
     {
       authority: string;
-    }
+    },
   ];
   details: Object | null;
   authenticated: boolean;
diff --git a/ui/src/views/Profiles.vue b/ui/src/views/Profiles.vue
index c5941db0d..180b2cc73 100644
--- a/ui/src/views/Profiles.vue
+++ b/ui/src/views/Profiles.vue
@@ -40,13 +40,20 @@
       </template>
       <template #objectType="objectProps">
         <div
-          v-if="objectProps.data && statusMapping[objectProps.data.status as keyof typeof statusMapping]"
+          v-if="
+            objectProps.data &&
+            statusMapping[objectProps.data.status as keyof typeof statusMapping]
+          "
           class="row"
         >
           <div class="col-6">
             <span
               class="badge"
-              :class="`bg-${statusMapping[objectProps.data.status as keyof typeof statusMapping].color}`"
+              :class="`bg-${
+                statusMapping[
+                  objectProps.data.status as keyof typeof statusMapping
+                ].color
+              }`"
             >
               {{
                 statusMapping[
@@ -60,7 +67,9 @@
               :disabled="true"
               v-if="objectProps.row.name === loadingProfile"
               :text="
-                statusMapping[objectProps.data.status as keyof typeof statusMapping].status === 'OFFLINE'
+                statusMapping[
+                  objectProps.data.status as keyof typeof statusMapping
+                ].status === 'OFFLINE'
                   ? 'Starting'
                   : 'Stopping'
               "
@@ -69,7 +78,11 @@
             <ProfileStatus
               v-else
               :disabled="loading"
-              :text="statusMapping[objectProps.data.status as keyof typeof statusMapping].text"
+              :text="
+                statusMapping[
+                  objectProps.data.status as keyof typeof statusMapping
+                ].text
+              "
               @click.prevent="
                 statusMapping[
                   objectProps.data.status as keyof typeof statusMapping
@@ -77,7 +90,11 @@
                   ? stopProfile(objectProps.row.name)
                   : startProfile(objectProps.row.name)
               "
-              :icon="statusMapping[objectProps.data.status as keyof typeof statusMapping].icon"
+              :icon="
+                statusMapping[
+                  objectProps.data.status as keyof typeof statusMapping
+                ].icon
+              "
             ></ProfileStatus>
           </div>
         </div>