[Feature] 688 - Token Resource Bar (#699)

* Fixed resource bar to a segmented one in one colour. Fixed handful localization

* Darkened the blue

module/canvas/placeables/token.mjs

@@ -53,4 +53,40 @@ export default class DhTokenPlaceable extends foundry.canvas.placeables.Token {
         this.effects.renderable = true;
         this.renderFlags.set({ refreshEffects: true });
     }
+
+    /** @inheritDoc */
+    _drawBar(number, bar, data) {
+        const val = Number(data.value);
+        const pct = Math.clamp(val, 0, data.max) / data.max;
+
+        // Determine sizing
+        const { width, height } = this.document.getSize();
+        const s = canvas.dimensions.uiScale;
+        const bw = width;
+        const bh = 8 * (this.document.height >= 2 ? 1.5 : 1) * s;
+
+        // Determine the color to use
+        const fillColor =
+            number === 0 ? foundry.utils.Color.fromRGB([1, 0, 0]) : foundry.utils.Color.fromString('#0032b1');
+
+        // Draw the bar
+        const widthUnit = bw / data.max;
+        bar.clear().lineStyle(s, 0x000000, 1.0);
+        const sections = [...Array(data.max).keys()];
+        for (let mark of sections) {
+            const x = mark * widthUnit;
+            const marked = mark + 1 <= data.value;
+            const color = marked ? fillColor : foundry.utils.Color.fromRGB([0, 0, 0]);
+            if (mark === 0 || mark === sections.length - 1) {
+                bar.beginFill(color, marked ? 1.0 : 0.5).drawRect(x, 0, widthUnit, bh, 2 * s); // Would like drawRoundedRect, but it's very troublsome with the corners. Leaving for now.
+            } else {
+                bar.beginFill(color, marked ? 1.0 : 0.5).drawRect(x, 0, widthUnit, bh, 2 * s);
+            }
+        }
+
+        // Set position
+        const posY = number === 0 ? height - bh : 0;
+        bar.position.set(0, posY);
+        return true;
+    }
 }