kjh2064/taxbaik
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: admin ui를 fluent v5와 html 기반으로 전환
TaxBaik CI/CD / build-and-deploy (push) Failing after 1m53s
Details

Browse Source
This commit is contained in:
김재현
2026-06-29 22:37:40 +09:00
parent 1a7bc9e209
commit 1b173376ee
51 changed files with 2471 additions and 3560 deletions
Download Patch File Download Diff File Expand all files Collapse all files
TaxBaik.Web/Components/Admin/Pages/Settings/SiteSettings.razor
+51 -71
View File
@@ -5,78 +5,58 @@
@using TaxBaik.Web.Services
@using TaxBaik.Domain.Interfaces
@inject IApiClient ApiClient
@inject ISnackbar Snackbar
@inject IJSRuntime JS
<PageTitle>설정</PageTitle>
<MudContainer MaxWidth="MaxWidth.Large" Class="pa-6">
<section class="admin-page-hero">
<div>
<MudText Typo="Typo.caption" Class="admin-eyebrow">System</MudText>
<MudText Typo="Typo.h4" Class="admin-page-title">설정</MudText>
<MudText Typo="Typo.body2" Class="admin-page-subtitle">공개 사이트 연락처와 관리자 계정 보안을 관리합니다.</MudText>
<section class="admin-page-hero">
<div>
<div class="admin-eyebrow">System</div>
<h1 class="admin-page-title">설정</h1>
<p class="admin-page-subtitle">공개 사이트 연락처와 관리자 계정 보안을 관리합니다.</p>
</div>
</section>
<div class="admin-detail-grid">
<section class="admin-surface">
<div class="admin-section-header compact">
<div>
<h3 class="admin-section-title">사이트 정보</h3>
<p class="muted">홈페이지와 문의 알림에 노출되는 기본 정보입니다.</p>
</div>
</div>
<form class="admin-form" @onsubmit="SaveSettings" @onsubmit:preventDefault="true">
<label>전화번호<input class="admin-input" @bind="phone" /></label>
<label>이메일<input class="admin-input" @bind="email" /></label>
<label>카카오 채널 URL<input class="admin-input" @bind="kakaoUrl" /></label>
<label>인스타그램<input class="admin-input" @bind="instagramUrl" /></label>
<div class="admin-dialog-actions">
<button type="submit" class="site-button primary">사이트 정보 저장</button>
</div>
</form>
</section>
</MudContainer>
<MudGrid>
<MudItem xs="12" md="7">
<MudPaper Class="admin-surface" Elevation="0">
<div class="admin-section-header compact">
<div>
<MudText Typo="Typo.h6">사이트 정보</MudText>
<MudText Typo="Typo.body2">홈페이지와 문의 알림에 노출되는 기본 정보입니다.</MudText>
</div>
<section class="admin-surface">
<div class="admin-section-header compact">
<div>
<h3 class="admin-section-title">계정 관리</h3>
<p class="muted">비밀번호는 12자 이상으로 관리합니다.</p>
</div>
<MudForm>
<MudTextField @bind-Value="phone" Label="전화번호"
Variant="Variant.Outlined" Class="mb-4" />
</div>
<MudTextField @bind-Value="email" Label="이메일"
Variant="Variant.Outlined" Class="mb-4" />
<MudTextField @bind-Value="kakaoUrl" Label="카카오 채널 URL"
Variant="Variant.Outlined" Class="mb-4" />
<MudTextField @bind-Value="instagramUrl" Label="인스타그램"
Variant="Variant.Outlined" Class="mb-4" />
<MudButton Variant="Variant.Filled" Color="Color.Primary"
StartIcon="@Icons.Material.Filled.Save"
@onclick="SaveSettings">사이트 정보 저장</MudButton>
</MudForm>
</MudPaper>
</MudItem>
<MudItem xs="12" md="5">
<MudPaper Class="admin-surface admin-account-card" Elevation="0">
<div class="admin-section-header compact">
<div>
<MudText Typo="Typo.h6">계정 관리</MudText>
<MudText Typo="Typo.body2">비밀번호는 12자 이상으로 관리합니다.</MudText>
</div>
</div>
<MudForm>
<MudTextField @bind-Value="currentPassword" Label="현재 비밀번호" InputType="InputType.Password"
Variant="Variant.Outlined" Class="mb-4" />
<MudTextField @bind-Value="newPassword" Label="새 비밀번호" InputType="InputType.Password"
Variant="Variant.Outlined" Class="mb-4" />
<MudTextField @bind-Value="confirmNewPassword" Label="새 비밀번호 확인" InputType="InputType.Password"
Variant="Variant.Outlined" Class="mb-4" />
<MudButton Variant="Variant.Filled" Color="Color.Primary"
Disabled="@isChangingPassword"
StartIcon="@Icons.Material.Filled.LockReset"
@onclick="ChangePassword">
<form class="admin-form" @onsubmit="ChangePassword" @onsubmit:preventDefault="true">
<label>현재 비밀번호<input class="admin-input" type="password" @bind="currentPassword" /></label>
<label>새 비밀번호<input class="admin-input" type="password" @bind="newPassword" /></label>
<label>새 비밀번호 확인<input class="admin-input" type="password" @bind="confirmNewPassword" /></label>
<div class="admin-dialog-actions">
<button type="submit" class="site-button primary" disabled="@isChangingPassword">
@(isChangingPassword ? "변경 중..." : "비밀번호 변경")
</MudButton>
</MudForm>
</MudPaper>
</MudItem>
</MudGrid>
</button>
</div>
</form>
</section>
</div>
@code {
private string phone = "010-4122-8268";
@@ -118,7 +98,7 @@
}
catch
{
Snackbar.Add("사이트 설정을 불러오지 못했습니다.", Severity.Warning);
await JS.InvokeVoidAsync("alert", "사이트 설정을 불러오지 못했습니다.");
}
finally
{
@@ -141,11 +121,11 @@
if (response?.Message is null)
{
Snackbar.Add("설정 저장에 실패했습니다.", Severity.Error);
await JS.InvokeVoidAsync("alert", "설정 저장에 실패했습니다.");
return;
}
Snackbar.Add(response.Message, Severity.Success);
await JS.InvokeVoidAsync("alert", response.Message);
}
private async Task ChangePassword()
@@ -155,13 +135,13 @@
if (string.IsNullOrWhiteSpace(currentPassword) || string.IsNullOrWhiteSpace(newPassword))
{
Snackbar.Add("현재 비밀번호와 새 비밀번호를 입력하세요.", Severity.Warning);
await JS.InvokeVoidAsync("alert", "현재 비밀번호와 새 비밀번호를 입력하세요.");
return;
}
if (newPassword != confirmNewPassword)
{
Snackbar.Add("새 비밀번호 확인이 일치하지 않습니다.", Severity.Warning);
await JS.InvokeVoidAsync("alert", "새 비밀번호 확인이 일치하지 않습니다.");
return;
}
@@ -177,18 +157,18 @@
if (response?.Message == null)
{
Snackbar.Add("비밀번호 변경에 실패했습니다.", Severity.Error);
await JS.InvokeVoidAsync("alert", "비밀번호 변경에 실패했습니다.");
return;
}
Snackbar.Add(response.Message, Severity.Success);
await JS.InvokeVoidAsync("alert", response.Message);
currentPassword = "";
newPassword = "";
confirmNewPassword = "";
}
catch
{
Snackbar.Add("비밀번호 변경 중 오류가 발생했습니다.", Severity.Error);
await JS.InvokeVoidAsync("alert", "비밀번호 변경 중 오류가 발생했습니다.");
}
finally
{