feat: redesign appointments (نوبت‌ها) admin UI to match tauri turns + expandable sidebar

Rebuild the /admin/appointments page visual layer to match the tauri
clinic-pro-tauri "turns" design while keeping all existing data wiring and
backend endpoints unchanged (add/edit/move/transfer-reserve/replace already
supported via PATCH /api/v1/appointment/{uuid} and POST /api/v1/my/appointment).

Frontend (assets/admin):
- Sidebar: نوبت‌ها becomes an expandable parent with sub-items
  «نوبت های تایید شده» (/admin/appointments) and «افزودن نوبت»
  (/admin/appointments/new); auto-expands on active child. Applied to
  admin/clinic/doctor/secretary roles. Adds nav-subitem styling.
- New presentational components under components/appointments/: tauri status
  palette (turnStatus), TurnsStatInfo, TurnsViewToggle (sliding), DoctorTabs
  (underline), TurnsTimeline (marker rail + status cards, empty slot → افزودن
  نوبت), TurnsTable.
- AppointmentsPage recomposed with the new components (stats bar, doctor tabs,
  view toggle, timeline/table), preserving queries, filters, pagination,
  quick-book modal and the row actions menu.
- AppointmentCreatePage: full-page create form (CreateTurn layout) at
  /admin/appointments/new, reusing POST /api/v1/my|admin/appointment.

Tests: TurnsStatInfo, TurnsTimeline, Sidebar (expandable), AppointmentsPage,
AppointmentCreatePage. Backend move/reserve/replace verified green via existing
tests/Appointment/AppointmentUpdateTest + AppointmentWorkflowFieldsTest.

No API endpoints changed → no docs/api change.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

This commit is contained in:

hamed

2026-07-15 15:33:03 +03:30

co-authored by

Claude Opus 4.8

parent 9f75aeedf5

commit a6ae6220cb

17 changed files with 1242 additions and 576 deletions

									
										assets/admin/styles.css
									
		+2
		
												View File
												
				@@ -382,6 +382,8 @@ body {

				  font-size: 11px; font-weight: 700; min-width: 20px; height: 20px; padding: 0 6px;

				  border-radius: 99px; display: grid; place-items: center;

				}

				.nav-subitem { font-size: 13px; padding: 8px 12px; gap: 10px; color: var(--text-3); }

				.nav-subitem svg { color: var(--text-3); }

				.app[data-collapsed="true"] .nav-item { justify-content: center; padding: 10px; }

				.app[data-collapsed="true"] .nav-item > span,

				.app[data-collapsed="true"] .nav-item .badge-count { display: none; }