forge/arma/client/addons/cad/ui/src/topbar.html
Jacob Schmidt ff7ff0c4e5 Implement org credit line debt and bank repayment flow (#2)
## Summary

This finishes the org credit line workflow so it behaves like reserved treasury-backed credit instead of a simple member allowance.

## What changed

- reserve org funds immediately when a credit line is assigned
- track credit lines with:
  - approved amount
  - available amount
  - outstanding principal
  - interest rate
  - amount due
- consume reserved credit during store checkout without charging org funds a second time
- add credit line repayment through the bank app
- sync richer credit line state into org and bank payloads/UI
- keep legacy `amount` compatibility mapped to available credit for older consumers

## User-facing behavior

- assigning a credit line now reduces available org funds immediately
- spending on `credit_line` reduces available credit and creates debt with interest
- the bank app now shows outstanding credit debt and allows repayment from personal bank funds
- the org treasury view now shows reserved credit and outstanding due totals

## Validation

- `cargo fmt`
- `npm run build:webui`
- `cargo test -p forge-services --quiet`
- `cargo test -p forge-server --quiet`

## Follow-up checks

- validate in-game that assigning a credit line reduces org funds immediately
- validate store checkout with `credit_line` updates available credit and debt correctly
- validate bank repayment decreases player bank balance, increases org funds, and reduces amount due

Co-authored-by: Jacob Schmidt <innovativestudios@outlook.com>
Reviewed-on: #2
2026-04-02 16:50:38 -05:00

133 lines
5.2 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
</head>
<body>
<div class="logo">FORGE OS</div>
<div class="header-main">
<div class="title-block">
<span class="title-kicker">Cad Systems</span>
<strong class="title-main">FORGE Command & Dispatch</strong>
</div>
<div id="operatorStrip" class="operator-strip is-hidden">
<div class="operator-info">
<span class="operator-label">Current Group</span>
<strong id="operatorGroupName">No Group</strong>
</div>
<div class="operator-info">
<span class="operator-label">Location</span>
<strong id="operatorLocation">Unavailable</strong>
</div>
<div id="operatorControls" class="operator-controls is-hidden">
<select id="operatorRoleSelect" class="operator-select">
<option value="infantry">infantry</option>
<option value="recon">recon</option>
<option value="armor">armor</option>
<option value="air">air</option>
<option value="logistics">logistics</option>
<option value="support">support</option>
</select>
<button
id="operatorRoleBtn"
class="btn btn-operator"
type="button"
>
Update Role
</button>
<select id="operatorStatusSelect" class="operator-select">
<option value="available">available</option>
<option value="en_route">en route</option>
<option value="on_task">on task</option>
<option value="holding">holding</option>
<option value="danger">danger</option>
<option value="unavailable">unavailable</option>
</select>
<button
id="operatorStatusBtn"
class="btn btn-operator"
type="button"
>
Update Status
</button>
</div>
</div>
</div>
<div id="modeControls" class="mode-controls is-hidden">
<span class="mode-text">Ops</span>
<label class="mode-switch" for="modeToggle">
<input id="modeToggle" type="checkbox" />
<span class="mode-slider"></span>
</label>
<span class="mode-text">Dispatch</span>
</div>
<div id="dispatchViewControls" class="dispatch-view-controls is-hidden">
<button
id="dispatchBoardBtn"
class="btn btn-dispatch-view is-active"
type="button"
>
Board
</button>
<button
id="dispatchMapBtn"
class="btn btn-dispatch-view"
type="button"
>
Map
</button>
</div>
<div class="controls">
<button
id="dispatchRefreshBtn"
class="btn btn-icon btn-refresh"
type="button"
aria-label="Refresh board"
title="Refresh board"
>
</button>
<button id="btnClose" class="btn btn-icon btn-close">X</button>
</div>
<script>
window.MapLoader = {
loadCSS(path) {
return A3API.RequestFile(path).then((css) => {
const style = document.createElement("style");
style.textContent = css;
document.head.appendChild(style);
});
},
loadJS(path) {
return A3API.RequestFile(path).then((js) => {
eval(js);
});
},
loadAll(resources) {
return resources.reduce((promise, resource) => {
return promise.then(() => {
if (resource.endsWith(".css")) {
return this.loadCSS(resource);
}
if (resource.endsWith(".js")) {
return this.loadJS(resource);
}
return Promise.resolve();
});
}, Promise.resolve());
},
};
MapLoader.loadAll([
"forge\\forge_client\\addons\\cad\\ui\\_site\\cad-common.css",
"forge\\forge_client\\addons\\cad\\ui\\_site\\cad-topbar.css",
"forge\\forge_client\\addons\\cad\\ui\\_site\\cad-shared.js",
"forge\\forge_client\\addons\\cad\\ui\\_site\\cad-topbar.js",
]).catch((err) => console.error("[TOPBAR] Load error:", err));
</script>
</body>
</html>