cosmo/dh-improved-countdowns
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity Actions

feat: Add new border style options, including single-edge borders, to countdown trackers.

Browse source
This commit is contained in:
CPTN Cosmo 2025-12-22 00:53:52 +01:00
parent 19fce22ec3
commit dfc84d0626
4 changed files with 103 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

45
scripts/module.js
View file

@ -146,6 +146,36 @@ Hooks.once('init', () => {
onChange: () => CountdownTrackerApp.instance?.render()
});
game.settings.register("dh-improved-countdowns", "borderStyle", {
name: "Border Style",
hint: "Choose the style of the progress border (for square icons).",
scope: "client",
config: true,
type: String,
choices: {
"full": "Full Border",
"edge": "Single Edge"
},
default: "full",
onChange: () => CountdownTrackerApp.instance?.render()
});
game.settings.register("dh-improved-countdowns", "borderEdge", {
name: "Border Edge",
hint: "Choose which edge to display the border on.",
scope: "client",
config: true,
type: String,
choices: {
"bottom": "Bottom",
"top": "Top",
"left": "Left",
"right": "Right"
},
default: "bottom",
onChange: () => CountdownTrackerApp.instance?.render()
});
game.settings.register("dh-improved-countdowns", "borderColor", {
name: "Border Color",
hint: "Color for the progress border.",
@ -195,6 +225,8 @@ Hooks.on('renderSettingsConfig', (app, html, data) => {
const fillColorGroup = getGroup("fillColor");
const invertBorderGroup = getGroup("invertBorder");
const borderColorGroup = getGroup("borderColor");
const borderStyleGroup = getGroup("borderStyle");
const borderEdgeGroup = getGroup("borderEdge");
const barOrientationGroup = getGroup("barOrientation");
// Number specific groups
@ -245,9 +277,19 @@ Hooks.on('renderSettingsConfig', (app, html, data) => {
if (borderEnabled) {
invertBorderGroup.show();
borderColorGroup.show();
borderStyleGroup.show();
const borderStyle = html.find(`[name="${moduleId}.borderStyle"]`).val();
if (borderStyle === "edge") {
borderEdgeGroup.show();
} else {
borderEdgeGroup.hide();
}
} else {
invertBorderGroup.hide();
borderColorGroup.hide();
borderStyleGroup.hide();
borderEdgeGroup.hide();
}
} else {
// Hide all visual settings
@ -259,6 +301,8 @@ Hooks.on('renderSettingsConfig', (app, html, data) => {
barOrientationGroup.hide();
invertBorderGroup.hide();
borderColorGroup.hide();
borderStyleGroup.hide();
borderEdgeGroup.hide();
}
};
@ -266,6 +310,7 @@ Hooks.on('renderSettingsConfig', (app, html, data) => {
displayModeInput.on("change", updateVisibility);
if (enableOverlayInput.length && enableBorderInput.length) {
html.find(`[name="${moduleId}.fillType"]`).on("change", updateVisibility);
html.find(`[name="${moduleId}.borderStyle"]`).on("change", updateVisibility);
enableOverlayInput.on("change", updateVisibility);
enableBorderInput.on("change", updateVisibility);
updateVisibility(); // Initial check