positioning

theripper93 · Jul 13, 2021 · 707a64e · 707a64e
1 parent 44a50ef
commit 707a64e
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 10 deletions.
diff --git a/languages/en.json b/languages/en.json
@@ -23,5 +23,6 @@
     "bossbar.settings.position.opt0":"Top (default)",
     "bossbar.settings.position.opt1":"Bottom (above webcams)",
     "bossbar.settings.position.opt2":"Bottom (below webcams)",
-    "bossbar.settings.position.opt3":"In player List"
+    "bossbar.settings.position.opt3":"In player List",
+    "bossbar.settings.position.opt4":"Bottom (above hotbar)"
 }
diff --git a/scripts/BossBar.js b/scripts/BossBar.js
@@ -41,7 +41,8 @@ class BossBar {
 
   draw(h) {
     if ($("body").find(`div[id="bossBar-${this.id}"]`).length > 0) return; //#navigation
-    const bossBarHtml = `<div style="flex-basis: 100%;height: 0px;" id="bossBarSpacer-${
+    let bossBarContainer = `<div id="bossBarContainer"></div>`;
+    let bossBarHtml = `<div style="flex-basis: 100%;height: 0px;" id="bossBarSpacer-${
       this.id
     }"></div><div id="bossBar-${this.id}" class="bossBar">
     <a class="bossBarName" style="font-size: ${this.textSize}px;">${
@@ -57,12 +58,12 @@ class BossBar {
         this.id
       }" class="bossBarTemp" style="background-color:${
       this.tempBarColor
-    };height:${h}px"></div>
+    };height:${h}px;width:${this.hpPercent}%"></div>
       <div id="bossBarCurrent-${
         this.id
       }" class="bossBarCurrent" style="background-image:url('${
       this.fgPath
-    }');height:${h}px"></div>
+    }');height:${h}px;width:${this.hpPercent}%"></div>
     </div>
   </div>
   <div style="flex-basis: 100%;height: ${
@@ -82,6 +83,21 @@ class BossBar {
       case 3:
         $("#players").prepend(bossBarHtml);
         break;
+      case 4:
+        if ($("body").find(`div[id="bossBarContainer"]`).length == 0) {
+          $("body").append(bossBarContainer);
+        }
+        $("#bossBarContainer").append(bossBarHtml);
+        $("#bossBarContainer").css({
+          position: "fixed",
+          bottom:
+            $("#hotbar").outerHeight(true) +
+            $(".bossBar").outerHeight(true) +
+            10,
+          width: "calc(100% - 330px)",
+          left: 15,
+        });
+        break;
     }
     this.update();
   }
@@ -107,11 +123,10 @@ class BossBar {
     }
   }
 
-  static remove() {
-    canvas.scene.unsetFlag("bossbar", "bossBarActive").then(() => {
-      canvas.scene._bossBars = {};
-      this.clearAll();
-    });
+  static async remove() {
+    await canvas.scene.unsetFlag("bossbar", "bossBarActive");
+    canvas.scene._bossBars = {};
+    this.clearAll();
   }
 
   static addBossBar(bossBar) {

diff --git a/scripts/main.js b/scripts/main.js
@@ -54,7 +54,8 @@ Hooks.once("ready", function () {
       0: game.i18n.localize("bossbar.settings.position.opt0"),
       1: game.i18n.localize("bossbar.settings.position.opt1"),
       2: game.i18n.localize("bossbar.settings.position.opt2"),
-      3: game.i18n.localize("bossbar.settings.position.opt3")
+      3: game.i18n.localize("bossbar.settings.position.opt3"),
+      4: game.i18n.localize("bossbar.settings.position.opt4")
     },
     default: 0,
   });

diff --git a/styles/module.css b/styles/module.css
@@ -1,6 +1,7 @@
 .bossBarName {
   text-align: left;
   font-size: 10px;
+  color: white;
   filter: drop-shadow(0 0 0.2rem black);
   font-family:'Times New Roman', Times, serif;
   padding: 3px;