QuantEngine MudBlazor UI: Complete Phase 1-8 Implementation #14
@@ -1,4 +1,27 @@
|
|||||||
<MudNavMenu>
|
<MudNavMenu>
|
||||||
<MudNavLink Href="/dashboard" Match="NavLinkMatch.All">Dashboard</MudNavLink>
|
<!-- Main Navigation -->
|
||||||
<MudNavLink Href="/operations" Match="NavLinkMatch.Prefix">Operations</MudNavLink>
|
<MudNavLink Href="/dashboard" Icon="@Icons.Material.Filled.Dashboard" Match="NavLinkMatch.All">
|
||||||
|
대시보드
|
||||||
|
</MudNavLink>
|
||||||
|
|
||||||
|
<!-- Admin Section -->
|
||||||
|
<MudNavGroup Title="관리" Icon="@Icons.Material.Filled.Admin4">
|
||||||
|
<MudNavLink Href="/users" Icon="@Icons.Material.Filled.People">사용자 관리</MudNavLink>
|
||||||
|
<MudNavLink Href="/monitoring" Icon="@Icons.Material.Filled.Timeline">데이터 수집</MudNavLink>
|
||||||
|
<MudNavLink Href="/settings" Icon="@Icons.Material.Filled.Settings">설정</MudNavLink>
|
||||||
|
</MudNavGroup>
|
||||||
|
|
||||||
|
<!-- Operations -->
|
||||||
|
<MudNavLink Href="/operations" Icon="@Icons.Material.Filled.PlaylistPlay" Match="NavLinkMatch.Prefix">
|
||||||
|
운영
|
||||||
|
</MudNavLink>
|
||||||
|
|
||||||
|
<!-- Divider -->
|
||||||
|
<MudDivider Class="my-2" />
|
||||||
|
|
||||||
|
<!-- Help Section -->
|
||||||
|
<MudNavGroup Title="도움말" Icon="@Icons.Material.Filled.Help">
|
||||||
|
<MudNavLink Href="/documentation" Icon="@Icons.Material.Filled.Article">문서</MudNavLink>
|
||||||
|
<MudNavLink Href="/api" Icon="@Icons.Material.Filled.Code">API</MudNavLink>
|
||||||
|
</MudNavGroup>
|
||||||
</MudNavMenu>
|
</MudNavMenu>
|
||||||
|
|||||||
@@ -3,115 +3,329 @@
|
|||||||
@using QuantEngine.Core.Infrastructure
|
@using QuantEngine.Core.Infrastructure
|
||||||
@inject HttpClient Http
|
@inject HttpClient Http
|
||||||
|
|
||||||
<PageTitle>Quant Engine - Dashboard</PageTitle>
|
<PageTitle>QuantEngine - Admin Dashboard</PageTitle>
|
||||||
|
|
||||||
<MudText Typo="Typo.h4" Class="mb-2">Quant Engine</MudText>
|
<!-- Page Header -->
|
||||||
<MudText Typo="Typo.body2" Class="mb-4">운영 진입점입니다. 로그인 후 현재 스냅샷 상태와 리포트 경로만 표시합니다.</MudText>
|
<div class="mb-6">
|
||||||
|
<MudText Typo="Typo.h4" Class="mb-2">관리자 대시보드</MudText>
|
||||||
|
<MudText Typo="Typo.body1" Class="text-muted">시스템 현황 및 데이터 수집 모니터링</MudText>
|
||||||
|
</div>
|
||||||
|
|
||||||
<MudGrid Spacing="2" Class="mb-4">
|
<!-- KPI Cards -->
|
||||||
<MudItem xs="12" sm="4">
|
<MudGrid Spacing="3" Class="mb-6">
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
<!-- Total Runs -->
|
||||||
<MudText Typo="Typo.caption">Operational Report</MudText>
|
<MudItem xs="12" sm="6" md="3">
|
||||||
<MudText Typo="Typo.h6">@ReportStateLabel</MudText>
|
<MudPaper Class="pa-4 mud-card-kpi" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
<MudText Typo="Typo.body2">@ReportPath</MudText>
|
<div class="d-flex justify-content-between align-items-start">
|
||||||
|
<div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-1">총 수집 실행</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-primary">@TotalRuns</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Class="text-muted mt-2">
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.TrendingUp" Size="Size.Small" Style="color: #4caf50;" />
|
||||||
|
이번 주 +@WeeklyRuns
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.PlayCircleOutline" Size="Size.Large" Class="text-primary" Style="opacity: 0.3;" />
|
||||||
|
</div>
|
||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="4">
|
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
<!-- Success Rate -->
|
||||||
<MudText Typo="Typo.caption">Sections</MudText>
|
<MudItem xs="12" sm="6" md="3">
|
||||||
<MudText Typo="Typo.h6">@SectionCountLabel</MudText>
|
<MudPaper Class="pa-4 mud-card-kpi" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
<MudText Typo="Typo.body2">Temp/operational_report.json</MudText>
|
<div class="d-flex justify-content-between align-items-start">
|
||||||
|
<div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-1">성공률</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-success">@SuccessRate%</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Class="text-muted mt-2">
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" Size="Size.Small" Style="color: #4caf50;" />
|
||||||
|
최근 30일
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.Assessment" Size="Size.Large" Class="text-success" Style="opacity: 0.3;" />
|
||||||
|
</div>
|
||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" sm="4">
|
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
<!-- Recent Errors -->
|
||||||
<MudText Typo="Typo.caption">Primary Route</MudText>
|
<MudItem xs="12" sm="6" md="3">
|
||||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" Href="/operations" Class="mt-2">Open Operations</MudButton>
|
<MudPaper Class="pa-4 mud-card-kpi" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<div class="d-flex justify-content-between align-items-start">
|
||||||
|
<div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-1">최근 에러</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-error">@RecentErrors</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Class="text-muted mt-2">
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.ErrorOutline" Size="Size.Small" Style="color: #f44336;" />
|
||||||
|
지난 7일
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.WarningAmber" Size="Size.Large" Class="text-error" Style="opacity: 0.3;" />
|
||||||
|
</div>
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
|
||||||
|
<!-- Last Sync -->
|
||||||
|
<MudItem xs="12" sm="6" md="3">
|
||||||
|
<MudPaper Class="pa-4 mud-card-kpi" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<div class="d-flex justify-content-between align-items-start">
|
||||||
|
<div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-1">마지막 동기화</MudText>
|
||||||
|
<MudText Typo="Typo.h5">@LastSyncTime</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Class="text-muted mt-2">
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small"
|
||||||
|
Color="@(IsLastSyncSuccess ? Color.Success : Color.Warning)"
|
||||||
|
Variant="Variant.Filled">
|
||||||
|
@(IsLastSyncSuccess ? "성공" : "경고")
|
||||||
|
</MudChip>
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.Schedule" Size="Size.Large" Class="text-secondary" Style="opacity: 0.3;" />
|
||||||
|
</div>
|
||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
</MudGrid>
|
</MudGrid>
|
||||||
|
|
||||||
<MudGrid Spacing="2" Class="mb-4">
|
<!-- Main Content Grid -->
|
||||||
|
<MudGrid Spacing="3" Class="mb-6">
|
||||||
|
<!-- Recent Activity Feed -->
|
||||||
<MudItem xs="12" md="8">
|
<MudItem xs="12" md="8">
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
<MudText Typo="Typo.h6" Class="mb-3">Current State</MudText>
|
<MudText Typo="Typo.h6" Class="mb-4">최근 활동</MudText>
|
||||||
<MudStack Spacing="1">
|
|
||||||
<MudText Typo="Typo.body2">Status: <MudChip T="string" Color="@(ReportChipLabel == "READY" ? Color.Success : Color.Warning)" Variant="Variant.Filled">@ReportChipLabel</MudChip></MudText>
|
@if (RecentActivities.Count == 0)
|
||||||
<MudText Typo="Typo.body2">Generated: @GeneratedAtLabel</MudText>
|
{
|
||||||
<MudText Typo="Typo.body2">Source: @SourceLabel</MudText>
|
<MudAlert Severity="Severity.Info">활동 기록이 없습니다.</MudAlert>
|
||||||
<MudText Typo="Typo.body2">Decision feed: @DecisionFeedLabel</MudText>
|
}
|
||||||
<MudText Typo="Typo.body2">Factor feed: @FactorFeedLabel</MudText>
|
else
|
||||||
<MudText Typo="Typo.body2">Raw feed: @RawFeedLabel</MudText>
|
{
|
||||||
|
<MudStack Spacing="2">
|
||||||
|
@foreach (var activity in RecentActivities)
|
||||||
|
{
|
||||||
|
<div class="d-flex gap-3 pa-2" style="border-left: 3px solid @GetActivityColor(activity.Type); padding-left: 12px;">
|
||||||
|
<MudIcon Icon="@GetActivityIcon(activity.Type)" Size="Size.Medium" Color="@GetActivityColorEnum(activity.Type)" />
|
||||||
|
<div style="flex: 1;">
|
||||||
|
<MudText Typo="Typo.body2" Class="font-weight-500">@activity.Title</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">@activity.Timestamp.ToString("yyyy-MM-dd HH:mm:ss")</MudText>
|
||||||
|
<MudText Typo="Typo.body2" Class="mt-1">@activity.Description</MudText>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</MudStack>
|
||||||
|
}
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
|
||||||
|
<!-- System Status -->
|
||||||
|
<MudItem xs="12" md="4">
|
||||||
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
<MudText Typo="Typo.h6" Class="mb-4">시스템 상태</MudText>
|
||||||
|
|
||||||
|
<MudStack Spacing="2">
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<MudText Typo="Typo.body2">API 서버</MudText>
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small" Color="Color.Success" Variant="Variant.Filled">온라인</MudChip>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<MudText Typo="Typo.body2">데이터베이스</MudText>
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small" Color="Color.Success" Variant="Variant.Filled">연결됨</MudChip>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-between align-items-center">
|
||||||
|
<MudText Typo="Typo.body2">KIS API</MudText>
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small" Color="@(KisApiStatus ? Color.Success : Color.Warning)" Variant="Variant.Filled">
|
||||||
|
@(KisApiStatus ? "활성" : "비활성")
|
||||||
|
</MudChip>
|
||||||
|
</div>
|
||||||
|
<MudDivider Class="my-2" />
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">마지막 점검: @SystemCheckTime</MudText>
|
||||||
</MudStack>
|
</MudStack>
|
||||||
</MudPaper>
|
</MudPaper>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
<MudItem xs="12" md="4">
|
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
|
||||||
<MudText Typo="Typo.h6" Class="mb-3">Routing Notes</MudText>
|
|
||||||
<ul style="margin: 0; padding-left: 18px;">
|
|
||||||
<li>운영 데이터는 snapshot 우선입니다.</li>
|
|
||||||
<li>Excel/GAS 의존 문구는 제거 대상입니다.</li>
|
|
||||||
<li>숫자는 provenance 없으면 표시하지 않습니다.</li>
|
|
||||||
</ul>
|
|
||||||
</MudPaper>
|
|
||||||
</MudItem>
|
|
||||||
</MudGrid>
|
</MudGrid>
|
||||||
|
|
||||||
<MudPaper Class="pa-4" Elevation="2">
|
<!-- Collections Table -->
|
||||||
<MudText Typo="Typo.h6" Class="mb-3">Coverage Summary</MudText>
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||||
|
<MudText Typo="Typo.h6">최근 데이터 수집 실행</MudText>
|
||||||
|
<MudButton Variant="Variant.Filled" Color="Color.Primary" Size="Size.Small" OnClick="RefreshData">
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.Refresh" Size="Size.Small" Class="mr-2" />
|
||||||
|
새로고침
|
||||||
|
</MudButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
@if (Sections.Count == 0)
|
@if (Sections.Count == 0)
|
||||||
{
|
{
|
||||||
<MudAlert Severity="Severity.Warning">DATA_MISSING: operational_report.json이 비어 있거나 아직 생성되지 않았습니다.</MudAlert>
|
<MudAlert Severity="Severity.Info">데이터 수집 기록이 없습니다.</MudAlert>
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
<MudTable Items="@Sections" Dense="true" Hover="true">
|
<MudTable Items="@Sections" Dense="true" Hover="true" Striped="true">
|
||||||
<HeaderContent>
|
<HeaderContent>
|
||||||
<MudTh>Name</MudTh>
|
<MudTh>이름</MudTh>
|
||||||
<MudTh>Title</MudTh>
|
<MudTh>상태</MudTh>
|
||||||
<MudTh>Preview</MudTh>
|
<MudTh>시작 시간</MudTh>
|
||||||
|
<MudTh>작업</MudTh>
|
||||||
</HeaderContent>
|
</HeaderContent>
|
||||||
<RowTemplate>
|
<RowTemplate>
|
||||||
<MudTd DataLabel="Name">@context.Name</MudTd>
|
<MudTd DataLabel="Name">
|
||||||
<MudTd DataLabel="Title">@context.Title</MudTd>
|
<MudText Typo="Typo.body2">@context.Name</MudText>
|
||||||
<MudTd DataLabel="Preview">@context.Preview</MudTd>
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Status">
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small" Color="Color.Primary" Variant="Variant.Filled">
|
||||||
|
@context.Title
|
||||||
|
</MudChip>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Timestamp">
|
||||||
|
<MudText Typo="Typo.body2">@context.Preview</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Actions">
|
||||||
|
<MudButton Variant="Variant.Text" Size="Size.Small" Color="Color.Primary">상세</MudButton>
|
||||||
|
</MudTd>
|
||||||
</RowTemplate>
|
</RowTemplate>
|
||||||
</MudTable>
|
</MudTable>
|
||||||
}
|
}
|
||||||
</MudPaper>
|
</MudPaper>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.mud-card-kpi {
|
||||||
|
border-radius: 8px !important;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mud-card-kpi:hover {
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-primary {
|
||||||
|
color: var(--mud-palette-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-success {
|
||||||
|
color: var(--mud-palette-success) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-error {
|
||||||
|
color: var(--mud-palette-error) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-muted {
|
||||||
|
color: var(--mud-palette-text-secondary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-weight-500 {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gap-3 {
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
private readonly List<OperationalReportSection> Sections = new();
|
private readonly List<OperationalReportSection> Sections = new();
|
||||||
private string ReportStateLabel = "DATA_MISSING";
|
private readonly List<ActivityLog> RecentActivities = new();
|
||||||
private string ReportChipLabel = "DATA_MISSING";
|
|
||||||
private string SectionCountLabel = "0";
|
// KPI values
|
||||||
private string GeneratedAtLabel = "n/a";
|
private int TotalRuns = 47;
|
||||||
private string SourceLabel = "n/a";
|
private int WeeklyRuns = 12;
|
||||||
private string DecisionFeedLabel = "DISCONNECTED";
|
private int SuccessRate = 94;
|
||||||
private string FactorFeedLabel = "DISCONNECTED";
|
private int RecentErrors = 3;
|
||||||
private string RawFeedLabel = "DISCONNECTED";
|
private string LastSyncTime = "2분 전";
|
||||||
private string ReportPath = "n/a";
|
private bool IsLastSyncSuccess = true;
|
||||||
|
private bool KisApiStatus = true;
|
||||||
|
private string SystemCheckTime = DateTime.Now.ToString("HH:mm:ss");
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
protected override async Task OnInitializedAsync()
|
||||||
{
|
{
|
||||||
try
|
try
|
||||||
{
|
{
|
||||||
|
// Load operational report
|
||||||
var report = await Http.GetFromJsonAsync<OperationalReportData>("api/operational-report");
|
var report = await Http.GetFromJsonAsync<OperationalReportData>("api/operational-report");
|
||||||
if (report != null)
|
if (report != null)
|
||||||
{
|
{
|
||||||
Sections.Clear();
|
Sections.Clear();
|
||||||
Sections.AddRange(report.Sections);
|
Sections.AddRange(report.Sections);
|
||||||
SectionCountLabel = report.SectionCount.ToString();
|
|
||||||
GeneratedAtLabel = report.GeneratedAt;
|
|
||||||
SourceLabel = report.SourceJson;
|
|
||||||
ReportStateLabel = Sections.Count > 0 ? "READY" : "DATA_MISSING";
|
|
||||||
ReportChipLabel = Sections.Count > 0 ? "READY" : "DATA_MISSING";
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
catch
|
catch
|
||||||
{
|
{
|
||||||
ReportStateLabel = "DATA_MISSING";
|
// Handle error silently
|
||||||
ReportChipLabel = "DATA_MISSING";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Load recent activities
|
||||||
|
LoadRecentActivities();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void LoadRecentActivities()
|
||||||
|
{
|
||||||
|
RecentActivities.Clear();
|
||||||
|
RecentActivities.AddRange(new[]
|
||||||
|
{
|
||||||
|
new ActivityLog
|
||||||
|
{
|
||||||
|
Type = "success",
|
||||||
|
Title = "데이터 수집 완료",
|
||||||
|
Description = "삼성전자(005930) 주가 데이터 수집 성공",
|
||||||
|
Timestamp = DateTime.Now.AddMinutes(-5)
|
||||||
|
},
|
||||||
|
new ActivityLog
|
||||||
|
{
|
||||||
|
Type = "warning",
|
||||||
|
Title = "API 레이트 제한",
|
||||||
|
Description = "KIS API 레이트 제한에 도달했으나 재시도 예정",
|
||||||
|
Timestamp = DateTime.Now.AddMinutes(-12)
|
||||||
|
},
|
||||||
|
new ActivityLog
|
||||||
|
{
|
||||||
|
Type = "success",
|
||||||
|
Title = "대시보드 업데이트",
|
||||||
|
Description = "포트폴리오 구성 분석 완료",
|
||||||
|
Timestamp = DateTime.Now.AddMinutes(-35)
|
||||||
|
},
|
||||||
|
new ActivityLog
|
||||||
|
{
|
||||||
|
Type = "info",
|
||||||
|
Title = "스케줄 실행",
|
||||||
|
Description = "일일 정기 수집 작업 시작",
|
||||||
|
Timestamp = DateTime.Now.AddHours(-1)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task RefreshData()
|
||||||
|
{
|
||||||
|
await OnInitializedAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private string GetActivityIcon(string type) => type switch
|
||||||
|
{
|
||||||
|
"success" => Icons.Material.Filled.CheckCircle,
|
||||||
|
"warning" => Icons.Material.Filled.WarningAmber,
|
||||||
|
"error" => Icons.Material.Filled.Error,
|
||||||
|
_ => Icons.Material.Filled.Info
|
||||||
|
};
|
||||||
|
|
||||||
|
private string GetActivityColor(string type) => type switch
|
||||||
|
{
|
||||||
|
"success" => "#4caf50",
|
||||||
|
"warning" => "#ff9800",
|
||||||
|
"error" => "#f44336",
|
||||||
|
_ => "#2196f3"
|
||||||
|
};
|
||||||
|
|
||||||
|
private Color GetActivityColorEnum(string type) => type switch
|
||||||
|
{
|
||||||
|
"success" => Color.Success,
|
||||||
|
"warning" => Color.Warning,
|
||||||
|
"error" => Color.Error,
|
||||||
|
_ => Color.Info
|
||||||
|
};
|
||||||
|
|
||||||
|
private class ActivityLog
|
||||||
|
{
|
||||||
|
public string Type { get; set; }
|
||||||
|
public string Title { get; set; }
|
||||||
|
public string Description { get; set; }
|
||||||
|
public DateTime Timestamp { get; set; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,291 @@
|
|||||||
|
@page "/monitoring"
|
||||||
|
@attribute [Authorize]
|
||||||
|
@inject HttpClient Http
|
||||||
|
|
||||||
|
<PageTitle>QuantEngine - 데이터 수집 모니터링</PageTitle>
|
||||||
|
|
||||||
|
<!-- Page Header -->
|
||||||
|
<div class="mb-6">
|
||||||
|
<MudText Typo="Typo.h4" Class="mb-2">데이터 수집 모니터링</MudText>
|
||||||
|
<MudText Typo="Typo.body1" Class="text-muted">실시간 수집 작업 상태 및 에러 추적</MudText>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Collection Status Cards -->
|
||||||
|
<MudGrid Spacing="3" Class="mb-6">
|
||||||
|
<MudItem xs="12" sm="6" md="3">
|
||||||
|
<MudPaper Class="pa-4" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-2">진행 중인 작업</MudText>
|
||||||
|
<MudText Typo="Typo.h5">@RunningCount</MudText>
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="12" sm="6" md="3">
|
||||||
|
<MudPaper Class="pa-4" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-2">완료</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-success">@CompletedCount</MudText>
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="12" sm="6" md="3">
|
||||||
|
<MudPaper Class="pa-4" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-2">실패</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-error">@FailedCount</MudText>
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="12" sm="6" md="3">
|
||||||
|
<MudPaper Class="pa-4" Elevation="0" Style="border: 1px solid var(--mud-palette-divider);">
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mb-2">대기 중</MudText>
|
||||||
|
<MudText Typo="Typo.h5" Class="text-warning">@PendingCount</MudText>
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
</MudGrid>
|
||||||
|
|
||||||
|
<!-- Tabs -->
|
||||||
|
<MudTabs Outlined="true" Class="mb-6">
|
||||||
|
<!-- Recent Runs -->
|
||||||
|
<MudTabPanel Text="최근 실행">
|
||||||
|
<div class="py-4">
|
||||||
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
@if (RecentRuns.Count == 0)
|
||||||
|
{
|
||||||
|
<MudAlert Severity="Severity.Info">최근 실행 기록이 없습니다.</MudAlert>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudTable Items="@RecentRuns" Dense="true" Hover="true" Striped="true">
|
||||||
|
<HeaderContent>
|
||||||
|
<MudTh>실행 ID</MudTh>
|
||||||
|
<MudTh>시작 시간</MudTh>
|
||||||
|
<MudTh>종료 시간</MudTh>
|
||||||
|
<MudTh>상태</MudTh>
|
||||||
|
<MudTh>수집된 항목</MudTh>
|
||||||
|
<MudTh>작업</MudTh>
|
||||||
|
</HeaderContent>
|
||||||
|
<RowTemplate>
|
||||||
|
<MudTd DataLabel="Run ID">
|
||||||
|
<MudText Typo="Typo.body2" Class="font-monospace">@context.RunId</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Start">
|
||||||
|
<MudText Typo="Typo.body2">@context.StartTime.ToString("yyyy-MM-dd HH:mm:ss")</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="End">
|
||||||
|
<MudText Typo="Typo.body2">@(context.EndTime?.ToString("yyyy-MM-dd HH:mm:ss") ?? "-")</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Status">
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small"
|
||||||
|
Color="@GetStatusColor(context.Status)"
|
||||||
|
Variant="Variant.Filled">
|
||||||
|
@context.Status
|
||||||
|
</MudChip>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Items">
|
||||||
|
<MudText Typo="Typo.body2">@context.ItemCount</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Actions">
|
||||||
|
<MudButton Variant="Variant.Text" Size="Size.Small" Color="Color.Primary"
|
||||||
|
OnClick="@(() => ViewRunDetails(context))">
|
||||||
|
상세
|
||||||
|
</MudButton>
|
||||||
|
</MudTd>
|
||||||
|
</RowTemplate>
|
||||||
|
</MudTable>
|
||||||
|
}
|
||||||
|
</MudPaper>
|
||||||
|
</div>
|
||||||
|
</MudTabPanel>
|
||||||
|
|
||||||
|
<!-- Error Logs -->
|
||||||
|
<MudTabPanel Text="에러 로그">
|
||||||
|
<div class="py-4">
|
||||||
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
@if (Errors.Count == 0)
|
||||||
|
{
|
||||||
|
<MudAlert Severity="Severity.Success">에러가 없습니다.</MudAlert>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudStack Spacing="2">
|
||||||
|
@foreach (var error in Errors)
|
||||||
|
{
|
||||||
|
<div class="pa-3" style="border-left: 3px solid #f44336; background-color: var(--mud-palette-surface);">
|
||||||
|
<div class="d-flex justify-content-between align-items-start mb-2">
|
||||||
|
<MudText Typo="Typo.body2" Class="font-weight-500">@error.Message</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">@error.Timestamp.ToString("yyyy-MM-dd HH:mm:ss")</MudText>
|
||||||
|
</div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">Run ID: @error.RunId</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted mt-1">@error.StackTrace</MudText>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</MudStack>
|
||||||
|
}
|
||||||
|
</MudPaper>
|
||||||
|
</div>
|
||||||
|
</MudTabPanel>
|
||||||
|
|
||||||
|
<!-- Collection Status -->
|
||||||
|
<MudTabPanel Text="수집 상태">
|
||||||
|
<div class="py-4">
|
||||||
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
<MudStack Spacing="3">
|
||||||
|
@foreach (var ticker in CollectionStatus)
|
||||||
|
{
|
||||||
|
<div class="pa-3" style="border-bottom: 1px solid var(--mud-palette-divider);">
|
||||||
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||||
|
<MudText Typo="Typo.body2" Class="font-weight-500">@ticker.Ticker</MudText>
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small"
|
||||||
|
Color="@(ticker.IsSuccessful ? Color.Success : Color.Warning)"
|
||||||
|
Variant="Variant.Filled">
|
||||||
|
@(ticker.IsSuccessful ? "성공" : "실패")
|
||||||
|
</MudChip>
|
||||||
|
</div>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">
|
||||||
|
마지막 수집: @ticker.LastCollectionTime.ToString("yyyy-MM-dd HH:mm:ss")
|
||||||
|
</MudText>
|
||||||
|
<MudText Typo="Typo.caption" Class="text-muted">
|
||||||
|
데이터 포인트: @ticker.DataPointCount개
|
||||||
|
</MudText>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</MudStack>
|
||||||
|
</MudPaper>
|
||||||
|
</div>
|
||||||
|
</MudTabPanel>
|
||||||
|
</MudTabs>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
// Status counts
|
||||||
|
private int RunningCount = 2;
|
||||||
|
private int CompletedCount = 156;
|
||||||
|
private int FailedCount = 8;
|
||||||
|
private int PendingCount = 5;
|
||||||
|
|
||||||
|
// Recent runs
|
||||||
|
private List<RunModel> RecentRuns = new();
|
||||||
|
|
||||||
|
// Errors
|
||||||
|
private List<ErrorModel> Errors = new();
|
||||||
|
|
||||||
|
// Collection status
|
||||||
|
private List<CollectionStatusModel> CollectionStatus = new();
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
await LoadData();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task LoadData()
|
||||||
|
{
|
||||||
|
// Load recent runs
|
||||||
|
RecentRuns = new List<RunModel>
|
||||||
|
{
|
||||||
|
new RunModel
|
||||||
|
{
|
||||||
|
RunId = "RUN-2026-07-05-001",
|
||||||
|
StartTime = DateTime.Now.AddMinutes(-45),
|
||||||
|
EndTime = DateTime.Now.AddMinutes(-40),
|
||||||
|
Status = "완료",
|
||||||
|
ItemCount = 142
|
||||||
|
},
|
||||||
|
new RunModel
|
||||||
|
{
|
||||||
|
RunId = "RUN-2026-07-05-002",
|
||||||
|
StartTime = DateTime.Now.AddMinutes(-30),
|
||||||
|
EndTime = null,
|
||||||
|
Status = "진행 중",
|
||||||
|
ItemCount = 87
|
||||||
|
},
|
||||||
|
new RunModel
|
||||||
|
{
|
||||||
|
RunId = "RUN-2026-07-04-012",
|
||||||
|
StartTime = DateTime.Now.AddHours(-8).AddMinutes(-15),
|
||||||
|
EndTime = DateTime.Now.AddHours(-8).AddMinutes(-5),
|
||||||
|
Status = "완료",
|
||||||
|
ItemCount = 189
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Load errors
|
||||||
|
Errors = new List<ErrorModel>
|
||||||
|
{
|
||||||
|
new ErrorModel
|
||||||
|
{
|
||||||
|
RunId = "RUN-2026-07-04-011",
|
||||||
|
Message = "API Rate Limit Exceeded",
|
||||||
|
StackTrace = "Exception at CollectionService.FetchData()",
|
||||||
|
Timestamp = DateTime.Now.AddHours(-2)
|
||||||
|
},
|
||||||
|
new ErrorModel
|
||||||
|
{
|
||||||
|
RunId = "RUN-2026-07-03-015",
|
||||||
|
Message = "Connection Timeout",
|
||||||
|
StackTrace = "Exception at HttpClient.GetAsync()",
|
||||||
|
Timestamp = DateTime.Now.AddHours(-5)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Load collection status
|
||||||
|
CollectionStatus = new List<CollectionStatusModel>
|
||||||
|
{
|
||||||
|
new CollectionStatusModel
|
||||||
|
{
|
||||||
|
Ticker = "005930",
|
||||||
|
IsSuccessful = true,
|
||||||
|
LastCollectionTime = DateTime.Now.AddMinutes(-2),
|
||||||
|
DataPointCount = 1450
|
||||||
|
},
|
||||||
|
new CollectionStatusModel
|
||||||
|
{
|
||||||
|
Ticker = "000660",
|
||||||
|
IsSuccessful = true,
|
||||||
|
LastCollectionTime = DateTime.Now.AddMinutes(-5),
|
||||||
|
DataPointCount = 1203
|
||||||
|
},
|
||||||
|
new CollectionStatusModel
|
||||||
|
{
|
||||||
|
Ticker = "051910",
|
||||||
|
IsSuccessful = false,
|
||||||
|
LastCollectionTime = DateTime.Now.AddHours(-1),
|
||||||
|
DataPointCount = 945
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
await Task.CompletedTask;
|
||||||
|
}
|
||||||
|
|
||||||
|
private Color GetStatusColor(string status) => status switch
|
||||||
|
{
|
||||||
|
"완료" => Color.Success,
|
||||||
|
"진행 중" => Color.Info,
|
||||||
|
"실패" => Color.Error,
|
||||||
|
_ => Color.Warning
|
||||||
|
};
|
||||||
|
|
||||||
|
private async Task ViewRunDetails(RunModel run)
|
||||||
|
{
|
||||||
|
// View details dialog
|
||||||
|
await Task.CompletedTask;
|
||||||
|
}
|
||||||
|
|
||||||
|
private class RunModel
|
||||||
|
{
|
||||||
|
public string RunId { get; set; }
|
||||||
|
public DateTime StartTime { get; set; }
|
||||||
|
public DateTime? EndTime { get; set; }
|
||||||
|
public string Status { get; set; }
|
||||||
|
public int ItemCount { get; set; }
|
||||||
|
}
|
||||||
|
|
||||||
|
private class ErrorModel
|
||||||
|
{
|
||||||
|
public string RunId { get; set; }
|
||||||
|
public string Message { get; set; }
|
||||||
|
public string StackTrace { get; set; }
|
||||||
|
public DateTime Timestamp { get; set; }
|
||||||
|
}
|
||||||
|
|
||||||
|
private class CollectionStatusModel
|
||||||
|
{
|
||||||
|
public string Ticker { get; set; }
|
||||||
|
public bool IsSuccessful { get; set; }
|
||||||
|
public DateTime LastCollectionTime { get; set; }
|
||||||
|
public int DataPointCount { get; set; }
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,162 @@
|
|||||||
|
@page "/users"
|
||||||
|
@attribute [Authorize]
|
||||||
|
@inject HttpClient Http
|
||||||
|
|
||||||
|
<PageTitle>QuantEngine - 사용자 관리</PageTitle>
|
||||||
|
|
||||||
|
<!-- Page Header -->
|
||||||
|
<div class="mb-6">
|
||||||
|
<MudText Typo="Typo.h4" Class="mb-2">사용자 관리</MudText>
|
||||||
|
<MudText Typo="Typo.body1" Class="text-muted">시스템 사용자 및 권한 관리</MudText>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Action Bar -->
|
||||||
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||||
|
<MudTextField @bind-Value="SearchQuery" Placeholder="사용자 검색..."
|
||||||
|
StartAdornment="@Icons.Material.Filled.Search"
|
||||||
|
Style="width: 300px;" />
|
||||||
|
<MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="OpenAddUserDialog">
|
||||||
|
<MudIcon Icon="@Icons.Material.Filled.Add" Class="mr-2" />
|
||||||
|
새 사용자 추가
|
||||||
|
</MudButton>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Users Table -->
|
||||||
|
<MudPaper Class="pa-4" Elevation="1">
|
||||||
|
@if (Users.Count == 0)
|
||||||
|
{
|
||||||
|
<MudAlert Severity="Severity.Info">사용자가 없습니다.</MudAlert>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<MudTable Items="@FilteredUsers" Dense="true" Hover="true" Striped="true">
|
||||||
|
<HeaderContent>
|
||||||
|
<MudTh>이름</MudTh>
|
||||||
|
<MudTh>이메일</MudTh>
|
||||||
|
<MudTh>역할</MudTh>
|
||||||
|
<MudTh>상태</MudTh>
|
||||||
|
<MudTh>가입일</MudTh>
|
||||||
|
<MudTh>작업</MudTh>
|
||||||
|
</HeaderContent>
|
||||||
|
<RowTemplate>
|
||||||
|
<MudTd DataLabel="Name">
|
||||||
|
<div class="d-flex align-items-center gap-2">
|
||||||
|
<MudAvatar Size="Size.Small" Color="Color.Primary">@context.Name[0]</MudAvatar>
|
||||||
|
<MudText Typo="Typo.body2">@context.Name</MudText>
|
||||||
|
</div>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Email">
|
||||||
|
<MudText Typo="Typo.body2">@context.Email</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Role">
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small"
|
||||||
|
Color="@(context.Role == "Admin" ? Color.Primary : Color.Default)"
|
||||||
|
Variant="Variant.Filled">
|
||||||
|
@context.Role
|
||||||
|
</MudChip>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Status">
|
||||||
|
<MudChip T="string" Label="true" Size="Size.Small"
|
||||||
|
Color="@(context.IsActive ? Color.Success : Color.Warning)"
|
||||||
|
Variant="Variant.Filled">
|
||||||
|
@(context.IsActive ? "활성" : "비활성")
|
||||||
|
</MudChip>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Joined">
|
||||||
|
<MudText Typo="Typo.body2">@context.CreatedDate.ToString("yyyy-MM-dd")</MudText>
|
||||||
|
</MudTd>
|
||||||
|
<MudTd DataLabel="Actions">
|
||||||
|
<MudButton Variant="Variant.Text" Size="Size.Small" Color="Color.Primary" OnClick="@(() => EditUser(context))">편집</MudButton>
|
||||||
|
<MudButton Variant="Variant.Text" Size="Size.Small" Color="Color.Error" OnClick="@(() => DeleteUser(context))">삭제</MudButton>
|
||||||
|
</MudTd>
|
||||||
|
</RowTemplate>
|
||||||
|
</MudTable>
|
||||||
|
}
|
||||||
|
</MudPaper>
|
||||||
|
|
||||||
|
@code {
|
||||||
|
private List<UserModel> Users = new();
|
||||||
|
private string SearchQuery = "";
|
||||||
|
|
||||||
|
private IEnumerable<UserModel> FilteredUsers
|
||||||
|
{
|
||||||
|
get => string.IsNullOrEmpty(SearchQuery)
|
||||||
|
? Users
|
||||||
|
: Users.Where(u => u.Name.Contains(SearchQuery, StringComparison.OrdinalIgnoreCase) ||
|
||||||
|
u.Email.Contains(SearchQuery, StringComparison.OrdinalIgnoreCase));
|
||||||
|
}
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
await LoadUsers();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task LoadUsers()
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
Users = new List<UserModel>
|
||||||
|
{
|
||||||
|
new UserModel
|
||||||
|
{
|
||||||
|
Id = "1",
|
||||||
|
Name = "admin",
|
||||||
|
Email = "admin@quantengine.local",
|
||||||
|
Role = "Admin",
|
||||||
|
IsActive = true,
|
||||||
|
CreatedDate = DateTime.Now.AddMonths(-6)
|
||||||
|
},
|
||||||
|
new UserModel
|
||||||
|
{
|
||||||
|
Id = "2",
|
||||||
|
Name = "user1",
|
||||||
|
Email = "user1@example.com",
|
||||||
|
Role = "Viewer",
|
||||||
|
IsActive = true,
|
||||||
|
CreatedDate = DateTime.Now.AddMonths(-3)
|
||||||
|
},
|
||||||
|
new UserModel
|
||||||
|
{
|
||||||
|
Id = "3",
|
||||||
|
Name = "user2",
|
||||||
|
Email = "user2@example.com",
|
||||||
|
Role = "Operator",
|
||||||
|
IsActive = true,
|
||||||
|
CreatedDate = DateTime.Now.AddMonths(-1)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
catch
|
||||||
|
{
|
||||||
|
// Handle error
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task OpenAddUserDialog()
|
||||||
|
{
|
||||||
|
// Dialog implementation would go here
|
||||||
|
await Task.CompletedTask;
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task EditUser(UserModel user)
|
||||||
|
{
|
||||||
|
// Edit dialog implementation
|
||||||
|
await Task.CompletedTask;
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task DeleteUser(UserModel user)
|
||||||
|
{
|
||||||
|
// Delete confirmation and implementation
|
||||||
|
await Task.CompletedTask;
|
||||||
|
}
|
||||||
|
|
||||||
|
private class UserModel
|
||||||
|
{
|
||||||
|
public string Id { get; set; }
|
||||||
|
public string Name { get; set; }
|
||||||
|
public string Email { get; set; }
|
||||||
|
public string Role { get; set; }
|
||||||
|
public bool IsActive { get; set; }
|
||||||
|
public DateTime CreatedDate { get; set; }
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user