feat(frontend): Phase 5f-i — inbounds page shell + list fetch · 142cd40d50 - 3x-ui

mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-07-15 17:16:07 +00:00

feat(frontend): Phase 5f-i — inbounds page shell + list fetch

Adds the inbounds entry as a fourth Vite multi-page input and wires
/panel/inbounds through the dev proxy bypass. Lays down the page
chrome (sidebar, summary statistics card, refresh button) and the
fetch lifecycle composable so 5f-ii onward can drop in the table
columns and the modals without re-implementing it.

- inbounds.html + src/inbounds.js: fourth Vite entry; mounts InboundsPage.
- InboundsPage.vue: sidebar + summary card (totals over up/down,
  all-time, inbound count, client tags) + a basic table with enable/
  remark/port/protocol/traffic/expiry columns. Row actions, popovers,
  search/filter, auto-refresh, and the WebSocket delta path are all
  deferred to subsequent 5f subphases.
- useInbounds.js composable: GET /panel/api/inbounds/list +
  POST /panel/api/inbounds/onlines + POST /panel/api/inbounds/lastOnline +
  POST /panel/setting/defaultSettings, then computes the
  per-inbound clientCount roll-ups (active/deactive/depleted/expiring/
  online/comments) the table popovers consume.
- models/dbinbound.js + models/inbound.js: switched the legacy-utils
  import to the @/utils alias for consistency with the rest of the
  app. Semantics unchanged.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

This commit is contained in:

MHSanaei

2026-05-08 13:28:15 +02:00

parent f7f97bf9e5

commit 142cd40d50

7 changed files with 448 additions and 2 deletions

									
										frontend/inbounds.html
									
		+13
		
												View File
												
				@@ -0,0 +1,13 @@

				<!doctype html>

				<html lang="en">

				  <head>

				    <meta charset="UTF-8" />

				    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

				    <title>3x-ui · Inbounds</title>

				  </head>

				  <body>

				    <div id="message"></div>

				    <div id="app"></div>

				    <script type="module" src="/src/inbounds.js"></script>

				  </body>

				</html>