client/addons/locker/ui/_site/index.html
Jacob Schmidt 69f8f037df
All checks were successful
Build / Build (push) Successful in 28s
refactor: Remove tasks.json and update documentation in store functions
This commit removes the `tasks.json` file from the `.vscode` directory. Additionally, it enhances the documentation in `fnc_buyItem.sqf` and `fnc_buyVehicle.sqf` by providing clearer descriptions of item and vehicle types. The `fnc_handlePurchase.sqf` has also been updated to improve variable scoping for better code clarity.
2025-04-19 11:12:53 -05:00

75 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FORGE - Locker</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<h1>Locker</h1>
<div class="storage-stats">
<div class="stat-item">
<span>📦</span>
<div>
<div>Storage Space</div>
<div id="storageSpace">0/100</div>
</div>
</div>
<div class="stat-item">
<span>🎒</span>
<div>
<div>Items Stored</div>
<div id="itemCount">0</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main class="container">
<div class="category-filters" id="categoryFilters">
<button class="filter-btn active" data-category="all">All Items</button>
<button class="filter-btn" data-category="weapons">Weapons</button>
<button class="filter-btn" data-category="clothing">Clothing</button>
<button class="filter-btn" data-category="equipment">Equipment</button>
<button class="filter-btn" data-category="magazines">Magazines</button>
</div>
<div class="sections-grid">
<!-- Current Equipment Section -->
<div class="equipment-section player-equipment">
<h2>Current Equipment</h2>
<div class="equipment-list" id="playerEquipment">
<!-- Player equipment will be populated dynamically -->
</div>
</div>
<!-- Storage Section -->
<div class="equipment-section stored-equipment">
<h2>Stored Equipment</h2>
<div class="equipment-list" id="storedEquipment">
<!-- Stored equipment will be populated dynamically -->
</div>
</div>
<!-- Equipment Details Section -->
<div class="equipment-section">
<h2>Equipment Details</h2>
<div id="equipmentDetails">
<!-- Equipment details will be populated when an item is selected -->
<div class="detail-placeholder">
Select an item to view its details
</div>
</div>
</div>
</div>
</main>
</body>
</html>