Multitabling with Table Icon Bar Navigation

Đang mở
  • Có gì không ổn?
#55 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@Dzeezbtc đang làm issue này rồi.

Từ ngày 16/10/2026.

  • #793 của @Dzeezbtc — đang mở
  • #833 của @Dzeezbtc — đang mở

Đánh giá

Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức phù hợp với người mới
25/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

No file, test, or entry point is named in the issue. Start by locating the existing table and lobby UI, then confirm the layout and independent-state design with maintainers. Done means supporting up to four tables with icon navigation, responsive layouts, table closing, and preserved progress.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

enhancement feature game-flow

Image
Image
Image
Image
Image
Image

Feature Request: Multitabling with Table Icon Bar Navigation
Description:
Introduce a multitabling system that allows players to play on up to 4 tables simultaneously. A table icon bar will be implemented at the top of the screen, giving users a simple way to manage and toggle between multiple tables.

🧭 UI Implementation Details:

At the top of the screen, a persistent icon bar is displayed showing:

1 active table icon (representing the current table)

3 additional icons with a “+” symbol, indicating they are open slots for multitabling

➕ Clicking a “+” Icon:

Opens a new table setup screen, allowing the player to select a new game to join (similar to Google Chrome’s "New Tab" flow)

Once a new table is selected:

The screen splits to accommodate both tables side-by-side

Each table functions independently but in parallel

🪟 Table View Behavior:

2 Tables Open → Split screen (side-by-side)

3 Tables Open → Tri-split layout or 2 stacked, 1 floating

4 Tables Open → Quad-split screen (each table gets a quarter of the screen)

📌 Additional Features:

Clicking a table icon in the top bar brings that table into full-screen focus

Clicking it again returns to multi-table view

Users can close a table by clicking a small "X" on the icon tab

Each table must retain its independent state and game progress

✅ Requirements:

Support up to 4 simultaneous tables

Maintain independent game logic per table

Implement tab-like navigation for clean switching and resizing

Must include responsive layouts for split screen and full-screen modes

Ensure performance is optimized for multiple active instances

🎯 Goals:

Allow seamless multitabling for experienced players

Provide intuitive navigation and layout management

Avoid UI clutter and keep performance high

Ngôn ngữ chính
TypeScript
Star
2
Fork
5
Merge trung bình
21 giờ 50 phút
Pull request đã merge (30 ngày)
104

Chuẩn bị môi trường

Chúng tôi chưa kiểm tra các tệp thiết lập môi trường của dự án này. Hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của block52/ui

Tất cả issue của block52/ui

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.