openfrontio / openfrontio/OpenFrontIO
Rework the in-game info panel into four focused tabs
- Dominant language
- TypeScript
- Stars
- 2.7k
- Forks
- 1.4k
- Avg merge
- 17h 43m
- Merged PRs (30d)
- 310
Description
## Purpose
Rework the in-game info panel from one dense table into four focused tabs: **Info**, **Structures**, **Stats**, and **Bombs**.
This should make the most important information easier for new players to understand, reduce clutter, use limited screen space more effectively (especially on mobile), and let experienced players find specific information faster while still making more statistics available overall.
---
## Objectives
- Replace the current single info-panel view with four tabs ordered from generally crucial information to more situational information.
- Make **Info** the default tab.
- Preserve the field order specified below, from left to right.
- Give each tab an intentional default sort field.
- Hide the specified optional fields by default while keeping them available through the existing column controls.
- Continue allowing players to sort by any available field and enable additional fields.
- Improve readability and usability on smaller/mobile screens by showing fewer related columns at once.
---
## Description
The current info panel presents too much unrelated information in one place. Split it into the following tabs and column groups. Columns should appear in the exact order listed, from left to right.
### 1. Info (default tab)
| Order | Field | Default behavior |
| ---: | --- | --- |
| 1 | Pos # | Visible |
| 2 | Name | Visible |
| 3 | Owned % | Visible; default sort |
| 4 | Gold | Visible |
| 5 | Troops | Hidden by default |
| 6 | Max Troops | Visible |
| 7 | Clan | Hidden by default |
### 2. Structures
| Order | Field | Default behavior |
| ---: | --- | --- |
| 1 | Pos # | Visible; default sort |
| 2 | Name | Visible |
| 3 | Cities | Visible |
| 4 | Ports | Visible |
| 5 | Factories | Visible |
| 6 | Launchers | Visible |
| 7 | SAMs | Visible |
| 8 | Warships | Visible |
### 3. Stats
| Order | Field | Default behavior |
| ---: | --- | --- |
| 1 | Pos # | Visible; default sort |
| 2 | Name | Visible |
| 3 | Gold Earned | Visible |
| 4 | Gold Stolen/Pirated | Visible |
| 5 | Troops Lost Attacking | Visible |
| 6 | Troops Lost Defending | Visible |
| 7 | Warships Killed | Visible |
| 8 | Alliances | Hidden by default |
| 9 | Betrayals | Visible |
### 4. Bombs
| Order | Field | Default behavior |
| ---: | --- | --- |
| 1 | Pos # | Visible; default sort |
| 2 | Name | Visible |
| 3 | Gold Spent Bombing | Visible |
| 4 | Atom Bombs Sent | Visible |
| 5 | Atom Bomb Structures Destroyed | Hidden by default |
| 6 | Atom Bomb Troops Destroyed | Hidden by default |
| 7 | Hydrogen Bombs Sent | Visible |
| 8 | Hydrogen Bomb Structures Destroyed | Hidden by default |
| 9 | Hydrogen Bomb Troops Destroyed | Hidden by default |
| 10 | MIRVs Sent | Visible |
| 11 | MIRV Structures Destroyed | Hidden by default |
| 12 | MIRV Troops Destroyed | Hidden by default |
The tab order is intentional: **Info → Structures → Stats → Bombs**. It moves from information needed most frequently toward more circumstantial detail.
Players should still be able to:
- Sort by any field available in the active tab.
- Enable fields that are hidden by default.
- Customize the visible columns without changing the proposed defaults for other players.
Relevant Discord discussion: https://discord.com/channels/1284581928254701718/1532087814743785482/1532124285349396573
---
## Assignment
- [x] I'd like to be assigned to this issue and work on it myself
---
w.o.n
Contributor guide
Assessment
This issue has not been assessed yet.