From c69c4b7d7d892364956899a027e36d0ac9bf4dc0 Mon Sep 17 00:00:00 2001
From: guy0090 <4467272+guy0090@users.noreply.github.com>
Date: Sun, 26 Mar 2023 22:18:36 +0200
Subject: [PATCH 1/2] Add basic HP bar to meter window

---
 src/layouts/DamageMeter.vue | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/layouts/DamageMeter.vue b/src/layouts/DamageMeter.vue
index 4494fb08..e1b6da33 100644
--- a/src/layouts/DamageMeter.vue
+++ b/src/layouts/DamageMeter.vue
@@ -170,7 +170,12 @@
         github.com/lost-ark-dev/loa-details
       </span>
     </nav>
-
+    <q-linear-progress size="25px" :value="getBossStatus().percent" color="red"
+      v-if="settingsStore.settings.damageMeter.header.bossHP.enabled && getActiveBoss() != null">
+      <div class="absolute-full flex flex-center">
+        <q-badge color="transparent" text-color="white" :label="getBossStatus().status" />
+      </div>
+    </q-linear-progress>
     <DamageMeterTable
       v-if="!isMinimized && sessionState"
       :session-state="sessionState"
@@ -715,6 +720,33 @@ const tabs: ComputedRef<{
     widthLeft: width,
   };
 });
+
+function getActiveBoss() {
+  if (sessionState.value.currentBoss && sessionState.value.currentBoss.name) {
+    return sessionState.value.currentBoss
+  }
+  return null
+}
+
+const getBossStatus = () => {
+  const boss = getActiveBoss()
+  if (!boss) return {
+    percent: 0,
+    status: "No Active Boss"
+  }
+
+  let percent = (boss.currentHp / boss.maxHp)
+  let status = `${boss.name} | ${boss.currentHp}/${boss.maxHp} (${(percent*100).toFixed(2)}%)`
+  if (boss.currentHp < 0) {
+    percent = 0
+    status = `${boss.name} | 0 (${boss.currentHp})/${boss.maxHp} (0%)`
+  }
+
+  return {
+    percent: percent,
+    status
+  }
+}
 </script>
 
 <style>

From de190addc00637373c569e50ba8ab21ef0d4d94a Mon Sep 17 00:00:00 2001
From: guy0090 <4467272+guy0090@users.noreply.github.com>
Date: Sun, 26 Mar 2023 22:26:02 +0200
Subject: [PATCH 2/2] Remove pipe from status

---
 src/layouts/DamageMeter.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/DamageMeter.vue b/src/layouts/DamageMeter.vue
index e1b6da33..d2f9962d 100644
--- a/src/layouts/DamageMeter.vue
+++ b/src/layouts/DamageMeter.vue
@@ -736,10 +736,10 @@ const getBossStatus = () => {
   }
 
   let percent = (boss.currentHp / boss.maxHp)
-  let status = `${boss.name} | ${boss.currentHp}/${boss.maxHp} (${(percent*100).toFixed(2)}%)`
+  let status = `${boss.name} ${boss.currentHp}/${boss.maxHp} (${(percent*100).toFixed(2)}%)`
   if (boss.currentHp < 0) {
     percent = 0
-    status = `${boss.name} | 0 (${boss.currentHp})/${boss.maxHp} (0%)`
+    status = `${boss.name} 0 (${boss.currentHp})/${boss.maxHp} (0%)`
   }
 
   return {