Commit Graph

24 Commits

Author SHA1 Message Date
kjh2064 54c179b1eb revert: rollback Fluent UI and Blazor homepage to last successful state (3be3794) 2026-06-30 20:29:42 +09:00
kjh2064 0c014d0bdf 홈 화면 프리렌더 복구
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m0s
2026-06-30 00:11:34 +09:00
kjh2064 dd68a237a1 Blazor 호스팅을 Fluent UI v5 단일 엔트리로 통합 2026-06-29 23:13:48 +09:00
kjh2064 1b173376ee refactor: admin ui를 fluent v5와 html 기반으로 전환
TaxBaik CI/CD / build-and-deploy (push) Failing after 1m53s
2026-06-29 22:37:40 +09:00
kjh2064 3f7cd7cd84 fix: 기존 모든 목록 페이지들의 데이터 로드 생명주기를 OnAfterRenderAsync로 수정하여 Prerendering 401 오류 및 CRUD 마비 현상 완벽 해결
TaxBaik CI/CD / build-and-deploy (push) Successful in 55s
2026-06-29 16:15:42 +09:00
kjh2064 0265d7ec8c ux: improve reconnection modal message and styling
TaxBaik CI/CD / build-and-deploy (push) Successful in 48s
- Simplified message: '연결 재설정 중...' with clearer context
- Added polished CSS styling with animation
- Better visual hierarchy and user guidance
- Improves experience when Blazor circuit disconnects during deployment

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-28 16:03:47 +09:00
kjh2064 fb9c77943f ux: eliminate white-flash on Blazor navigation from Inquiry page
TaxBaik CI/CD / build-and-deploy (push) Successful in 50s
- App.razor: loading overlay starts with `show` class (visible on cold load)
- admin-session.js: add showLoading()/hideLoading(); MutationObserver detects
  .admin-page-hero / .admin-login-page instead of mud-element count threshold;
  observer restarts on every navigation cycle via LocationChanged
- MainLayout.razor: subscribe to NavigationManager.LocationChanged →
  call JS showLoading() on every route change; implements IDisposable
- InquiryList.razor: remove unused IInquiryRepository injection; load data
  once (GetPagedAsync(1,200)) and pass IReadOnlyList to all six tab panels
- InquiryTable.razor: accept Inquiries parameter; filter synchronously in
  OnParametersSet() — eliminates 6 redundant API calls per page visit
- admin.css: overlay fade-in animation (0.15s); page content fade-in on
  route mount via .admin-page-hero / .admin-login-page animation (0.25s)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-28 15:29:58 +09:00
kjh2064 1a761e8e15 feat: add blazor loading indicator during page transitions
TaxBaik CI/CD / build-and-deploy (push) Successful in 48s
**Issue**: White screen appears 1-2 seconds during page load/transitions while Blazor circuit connects

**Solution**: Add loading spinner overlay that displays while Blazor initializes

**Changes**:
1. App.razor: Add loading overlay HTML element
2. admin.css: Add loading spinner styles + animations
3. admin-session.js: Show overlay on load, hide when Blazor circuit ready

**UX Flow**:
- Page load starts → Blazor loading spinner appears
- Blazor circuit connects (~1-2s) → Spinner disappears
- Page fully interactive → User sees content

**Styling**:
- Centered spinner with 'Loading...' text
- Semi-transparent background (blur effect)
- Smooth fade-out when complete
- High z-index (9999) to cover all content

This provides clear visual feedback that the app is working, not frozen.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 15:00:39 +09:00
kjh2064 c01933e295 fix: disable prerendering and use interactive-only render mode
TaxBaik CI/CD / build-and-deploy (push) Successful in 50s
**Issue**: White screen still appears during page navigation even with prerender: true

**Root cause**: Blazor components (MudGrid, MudPaper, etc.) and their children don't fully render during prerendering phase. Only parent shells render, leaving empty containers.

**Solution**:
- prerender: true → false (App.razor Routes component)
- Pure interactive server rendering (no static prerendering)
- Blazor handles loading state automatically

**UX Result**:
- First page load: Brief loading indicator while Blazor circuit connects (~1-2s)
- Page navigation: Same loading indicator (consistent experience)
- No partial content flashing (no empty containers)
- All Blazor components fully interactive from initial render

This is the correct pattern for Blazor Server apps with complex component trees.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 14:51:30 +09:00
kjh2064 68588a8491 fix: enable prerendering to eliminate white screen on page load
TaxBaik CI/CD / build-and-deploy (push) Successful in 59s
**Issue**: Pages show white screen briefly before rendering when navigating between pages

**Root cause**: prerender: false in Routes component meant pages weren't statically prerendered before Blazor interactive mode connected, causing delay

**Fix**:
- Changed prerender: false → prerender: true
- Added explicit MudDialogProvider and MudSnackbarProvider for prerendering support

**Result**: Pages now render immediately with initial HTML, Blazor interactivity attached after - no white screen flash

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 13:17:25 +09:00
kjh2064 223f365dfd fix: remove duplicate MudDialogProvider and MudSnackbarProvider
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m0s
MudThemeProvider already includes Dialog and Snackbar providers.
Removing duplicates to fix 'Duplicate MudPopoverProvider detected' error.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 12:23:24 +09:00
kjh2064 61931ab8eb design: enterprise-grade UI overhaul for admin dashboard
TaxBaik CI/CD / build-and-deploy (push) Successful in 54s
Implemented comprehensive design system upgrade:

**Design Tokens & System**
- CSS custom properties for colors, spacing, typography, shadows
- 30+ semantic color variables (primary, secondary, tertiary, status)
- Complete typography scale (xs-4xl) with proper weights
- Elevation system with 6-tier shadow scale
- Comprehensive spacing scale (4px-64px)

**MudBlazor Integration**
- Custom MudTheme with professional color palette
- Snackbar configuration for UX consistency
- MudThemeProvider, DialogProvider, SnackbarProvider setup
- Material Design 3 principles

**Modern UX Features**
- Smooth transitions (150ms-300ms) with cubic-bezier timing
- Enhanced hover/active states for all interactive elements
- Loading skeleton animations
- Empty state components
- Improved focus-visible styles for keyboard navigation

**Accessibility (WCAG 2.1 AA)**
- Focus-visible outlines on all interactive elements
- Minimum 44px touch targets on mobile
- Color contrast compliance
- Reduced motion media query support
- Proper form input styling (min-height 44px)

**Responsive Design Refinements**
- Fixed breakpoint gaps (600-767px behavior)
- Flexible drawer (260-280px on desktop, collapse on mobile)
- Table horizontal scroll support (implicit)
- Mobile-optimized navigation (horizontal scrolling)
- Improved metric card sizing across viewports

**Visual Enhancements**
- Gradient backgrounds for metric cards
- Subtle box-shadow hierarchy
- Border color refinement (3-level system)
- Better section headers with visual hierarchy
- Card accent colors: blue, amber, slate, green

**Performance & Maintenance**
- CSS custom properties reduce code duplication
- Consistent naming conventions
- Single source of truth for design tokens
- Print media styles included
- Dark mode prepared (infrastructure in place)

Verified:  builds without errors
Next: Playwright E2E validation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 12:17:57 +09:00
kjh2064 821b73fe01 fix: resolve admin CSS loading path and add dashboard styles
TaxBaik CI/CD / build-and-deploy (push) Successful in 49s
- Change CSS/JS paths from absolute (/taxbaik/...) to relative (css/..., js/...) to work correctly with UsePathBase("/taxbaik")
- Add comprehensive admin layout styles: admin-shell, admin-topbar, admin-drawer, admin-nav
- Add dashboard metrics grid and accent card styles (blue, amber, slate, green)
- Add page header styles with eyebrow, title, subtitle
- Add table and surface component styles
- Add responsive design for mobile/tablet breakpoints
- Integrate with MudBlazor theme colors and components

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-28 09:50:59 +09:00
kjh2064 cc72a67355 feat: 시즌별 마케팅 + 공지사항 관리 기능 추가
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m15s
TaxBaik Browser E2E / browser-e2e (push) Successful in 1m31s
- 연간 세무 캘린더(7개 시즌) 기반 자동 Hero 섹션 전환
- 시즌 감지 시 D-Day 카운트다운, 긴박감 배지, 시즌 CTA 표시
- 서비스 카드 순서 시즌 관련 항목 우선 정렬
- 어드민 공지사항 CRUD (등록·수정·삭제, 기간·유형 설정)
- 홈페이지 상단 공지 배너 자동 노출 (일반/배너/긴급)
- CLAUDE.md에 세무 캘린더 및 마케팅 방향 하네스 추가

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-27 22:45:55 +09:00
kjh2064 d58e524dfc fix: 배포 후 관리자 세션 복구 처리
TaxBaik CI/CD / build-and-deploy (push) Successful in 56s
TaxBaik Browser E2E / browser-e2e (push) Failing after 3m3s
2026-06-27 21:38:11 +09:00
kjh2064 f29f2c3cff 개선: 배포 검증과 관리자 UX 안정화
TaxBaik Browser E2E / browser-e2e (push) Failing after 1m3s
TaxBaik CI/CD / build-and-deploy (push) Failing after 2m46s
2026-06-27 20:57:09 +09:00
kjh2064 3e8cfc386c fix admin routing for browser e2e
TaxBaik Browser E2E / browser-e2e (push) Successful in 1m23s
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m26s
2026-06-27 15:09:41 +09:00
kjh2064 3c36554164 fix: Admin 로그인 CSS 및 버전 표시 수정
TaxBaik CI/CD / build-and-deploy (push) Successful in 56s
- App.razor: Routes에 @rendermode=InteractiveServer 추가 (MudBlazor Static SSR 문제 해결)
- _Layout.cshtml: v@(version.Version)으로 Razor 파싱 명시화

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-27 00:23:39 +09:00
kjh2064 a825713ad2 fix: MudBlazor CSS/JS를 CDN에서 _content로 변경 (CDN 404)
TaxBaik CI/CD / build-and-deploy (push) Successful in 49s
2026-06-27 00:10:31 +09:00
kjh2064 b4bfc4d237 fix: admin.css 경로 수정 - /taxbaik/css/admin.css
TaxBaik CI/CD / build-and-deploy (push) Successful in 45s
2026-06-26 23:46:23 +09:00
kjh2064 239fa367df fix: Razor 구문 오류 - @ 기호 이스케이프 처리
TaxBaik CI/CD / build-and-deploy (push) Successful in 34s
2026-06-26 23:42:51 +09:00
kjh2064 22309546ba fix: MudBlazor CDN 추가 - 로그인 페이지 CSS/JS 로드
TaxBaik CI/CD / build-and-deploy (push) Failing after 38s
App.razor:
• MudBlazor CSS: jsdelivr CDN
• MudBlazor JS: jsdelivr CDN
• admin.css: 로컬 파일 (기본 스타일)

결과:
 로그인 페이지: MudBlazor 스타일 + 기본 스타일 로드
 페이지 로딩 중: admin.css로 기본 UI 표시
 MudBlazor 로드 후: 완전한 스타일 적용

이제 Gitea Actions가 자동으로 배포합니다.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-26 23:27:00 +09:00
kjh2064 f305d81e11 fix: Blazor 로그인 페이지 CSS/JS 문제 해결
TaxBaik CI/CD / build-and-deploy (push) Failing after 48s
App.razor 수정:
- MudBlazor CSS 링크 추가: _content/MudBlazor/MudBlazor.min.css
- MudBlazor JS 스크립트 추가: _content/MudBlazor/MudBlazor.min.js
- Bootstrap CSS 제거 (MudBlazor가 담당)
- base href 수정: /taxbaik/admin/ → /taxbaik/

결과:
 로그인 페이지 스타일 정상 표시
 MudBlazor 컴포넌트 CSS/JS 로드
 PathBase와 라우팅 일치

배포:
Release 빌드 → 서버 ~/deployments/taxbaik_20260626_* → systemctl restart

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-26 23:04:14 +09:00
kjh2064 57269e281d refactor: Web과 Admin 통합 - 단일 포트 5001로 운영
TaxBaik CI/CD / build-and-deploy (push) Failing after 36s
분리의 단점을 제거하고 단일 앱으로 통합:

구조 변경:
- TaxBaik.Admin → TaxBaik.Web/Components/Admin/
- Admin Services → TaxBaik.Web/Services/
- 포트: 5001 (기존 5002 제거)

경로:
- 홈페이지: http://localhost:5001/taxbaik
- 관리자: http://localhost:5001/taxbaik/admin

기술:
- Razor Pages (Web) + Blazor Server (Admin) 통합
- 단일 Program.cs로 양쪽 모두 지원
- JWT 인증 유지
- MudBlazor UI 유지

장점:
- 개발 복잡도 감소 (터미널 1개)
- 배포 단순화 (앱 1개)
- DB 마이그레이션 1회 실행

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-26 22:35:21 +09:00