openfrontio / openfrontio/OpenFrontIO

Rework the in-game info panel into four focused tabs

Open
#4,797 3 comments 0 reactions 1 assignee Claimed by @ryanbarlow97 View on GitHub
approved
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.