five-on-it / apps/client/src/gui/item-blocks
apps/client/src/gui/item-blocks
The panels built on slots, as blocks (layout.ts; GAME_DESIGN §7.4, §5.5, §14): the inventory strip, bottom centre (each slot's item and count, the selected one marked: X selects the next, a click selects one; F uses it, G drops it), the open container's panel above it (a crate, a locker, a car's trunk, a body's pockets: a click on one of its items takes it, a click on one of the player's puts it in, E closes it), a shop's panel (its stock with the prices and the player's Cash: a click buys one) and a garage's panel at the wheel of a car standing still in its bay (1 or a click resprays it, 2 stores it; a price the player cannot pay greyed out). The names (inventory, inventory-slot-<n>, container, container-items, container-yours, shop-cash, garage, garage-respray, garage-store) are the end-to-end tests' contract.