From 1a1c8e71fcd14858f595029f089b2d4a00202b32 Mon Sep 17 00:00:00 2001
From: ogi <Administrator@S-OGI-PC>
Date: Fri, 05 Dec 2025 09:24:16 +0900
Subject: [PATCH] プロジェクトファイルを追加。
---
HotelPms.Client.Blazor/Pages/Personal/Dashboard.razor | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 173 insertions(+), 0 deletions(-)
diff --git a/HotelPms.Client.Blazor/Pages/Personal/Dashboard.razor b/HotelPms.Client.Blazor/Pages/Personal/Dashboard.razor
new file mode 100644
index 0000000..df071bd
--- /dev/null
+++ b/HotelPms.Client.Blazor/Pages/Personal/Dashboard.razor
@@ -0,0 +1,173 @@
+@page "/personal/dashboard"
+@using System.ComponentModel;
+@using BootstrapBlazor.Components
+@using HotelPms.Client.Blazor.Pages.UseDetail
+
+<div class="dh">全局のCSSスタイル</div>
+<Component1></Component1>
+<Component2></Component2>
+<PdfReader FileName=@Filename Height="500px" />
+<MudText Typo="Typo.h5" Color="MudBlazor.Color.Primary" Class="mb-4">Dashboard</MudText>
+<MudGrid>
+ <MudItem xs="12" sm="6" md="3">
+ <MudPaper Class="d-flex flex-row pt-6 pb-4" Style="height:100px;">
+ <MudIcon Icon="@Icons.Material.Filled.Euro" Color="MudBlazor.Color.Primary" Class="mx-4" Style="width:54px; height:54px;"></MudIcon>
+ <div>
+ <MudText Typo="Typo.subtitle1" Class="mud-text-secondary mb-n1">Total Cost</MudText>
+ <MudText Typo="Typo.h5">3,125,000</MudText>
+ </div>
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="6" md="3">
+ <MudPaper Class="d-flex flex-row pt-6 pb-4" Style="height:100px;">
+ <MudIcon Icon="@Icons.Material.Filled.Layers" Color="MudBlazor.Color.Secondary" Class="mx-4" Style="width:54px; height:54px;"></MudIcon>
+ <div>
+ <MudText Typo="Typo.subtitle1" Class="mud-text-secondary mb-n1">Graphite on roof</MudText>
+ <MudText Typo="Typo.h5">150,000</MudText>
+ </div>
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="6" md="3">
+ <MudPaper Class="d-flex flex-row pt-6 pb-4" Style="height:100px;">
+ <MudIcon Icon="@Icons.Material.Filled.Public" Color="MudBlazor.Color.Success" Class="mx-4" Style="width:54px; height:54px;"></MudIcon>
+ <div>
+ <MudText Typo="Typo.subtitle1" Class="mud-text-secondary mb-n1">Global Spread</MudText>
+ <MudText Typo="Typo.h5">12%</MudText>
+ </div>
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="6" md="3">
+ <MudPaper Class="d-flex flex-row pt-6 pb-4" Style="height:100px;">
+ <MudIcon Icon="@Icons.Custom.Uncategorized.Radioactive" Color="MudBlazor.Color.Warning" Class="mx-4" Style="width:54px; height:54px;"></MudIcon>
+ <div>
+ <MudText Typo="Typo.subtitle1" Class="mud-text-secondary mb-n1">Roentgen</MudText>
+ <MudText Typo="Typo.h5">3,6</MudText>
+ </div>
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="8">
+ <MudPaper Class="pa-4" Style="height:300px;">
+ Charts comming soon ish...
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="4">
+ <MudPaper Class="pa-4" Style="height:300px;">
+ Charts comming soon ish...
+ </MudPaper>
+ </MudItem>
+ <MudItem xs="12" sm="12" md="6">
+ <MudCard Style="height:100%;">
+ <MudCardHeader>
+ <CardHeaderContent>
+ <MudText Typo="Typo.h6">Earning Report</MudText>
+ </CardHeaderContent>
+ </MudCardHeader>
+ <MudCardContent Class="px-0">
+ <MudSimpleTable Elevation="0" Hover="true">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Priority</th>
+ <th>Earnings</th>
+ </tr>
+ </thead>
+ <tbody>
+ @foreach (var report in earningReports.OrderBy(x=>x.Name))
+ {
+ <tr>
+ <td>
+ <div class="d-flex flex-row">
+ <MudAvatar Image="@report.Avatar" Class="mud-elevation-25" />
+ <div class="ml-6">
+ <MudText Typo="Typo.subtitle2">@report.Name</MudText>
+ <MudText Typo="Typo.body2">@report.Title</MudText>
+ </div>
+ </div>
+ </td>
+ <td><MudChip Label="true" Color="@report.Severity" Size="MudBlazor.Size.Small" Class="ml-auto mud-elevation-25">@report.SeverityTitle</MudChip></td>
+ <td><MudText>@report.Salary</MudText></td>
+ </tr>
+ }
+ </tbody>
+ </MudSimpleTable>
+ </MudCardContent>
+ </MudCard>
+ </MudItem>
+ <MudItem xs="12" sm="12" md="6">
+ <MudCard Style="height:100%;">
+ <MudCardHeader>
+ <CardHeaderContent>
+ <MudText Typo="Typo.h6">Recent incidents</MudText>
+ </CardHeaderContent>
+ </MudCardHeader>
+ <MudCardContent Class="px-0">
+ <MudList Clickable="true">
+ <MudListItem>
+ <div class="d-flex flex-row">
+ <MudAvatar Class="mud-elevation-25">
+ <MudIcon Icon="@Icons.Custom.Brands.GitHub" Class="mx-4" />
+ </MudAvatar>
+ <div class="ml-6">
+ <MudText Typo="Typo.subtitle2">Issues rising</MudText>
+ <MudText Typo="Typo.body2">Issues is almost reaching 100</MudText>
+ </div>
+ <MudChip Label="true" Color="MudBlazor.Color.Error" Size="MudBlazor.Size.Small" Class="ml-auto mud-elevation-25">Danger</MudChip>
+ </div>
+ </MudListItem>
+ <MudListItem>
+ <div class="d-flex flex-row">
+ <MudAvatar Class="mud-elevation-25">
+ <MudIcon Icon="@Icons.Custom.Uncategorized.Radioactive" Class="mx-4" />
+ </MudAvatar>
+ <div class="ml-6">
+ <MudText Typo="Typo.subtitle2">Incident in plant number 4</MudText>
+ <MudText Typo="Typo.body2">Fire in reactor core</MudText>
+ </div>
+ <MudChip Label="true" Color="MudBlazor.Color.Info" Size="MudBlazor.Size.Small" Class="ml-auto mud-elevation-25">Minor</MudChip>
+ </div>
+ </MudListItem>
+ <MudListItem>
+ <div class="d-flex flex-row">
+ <MudAvatar Class="mud-elevation-25">
+ <MudIcon Icon="@Icons.Material.Filled.Person" Class="mx-4" />
+ </MudAvatar>
+ <div class="ml-6">
+ <MudText Typo="Typo.subtitle2">Occupational injury</MudText>
+ <MudText Typo="Typo.body2">Employee broke a finger while writing some code</MudText>
+ </div>
+ <MudChip Label="true" Color="MudBlazor.Color.Success" Size="MudBlazor.Size.Small" Class="ml-auto mud-elevation-25">Dismissed</MudChip>
+ </div>
+ </MudListItem>
+ </MudList>
+ </MudCardContent>
+ </MudCard>
+ </MudItem>
+</MudGrid>
+<style>
+ .dh {
+ color: green;
+ font-family: Tahoma, Geneva, Verdana, sans-serif;
+ }
+</style>
+
+@code {
+ [DisplayName("the file in the wwwroot relative path or url")]
+ private string Filename { get; set; } = "/sample-data/2.pdf";
+
+ EarningReport[] earningReports = new EarningReport[]
+ {
+ new EarningReport { Name = "Lunees", Title = "Reactor Engineer", Avatar = "https://avatars2.githubusercontent.com/u/71094850?s=460&u=66c16f5bb7d27dc751f6759a82a3a070c8c7fe4b&v=4", Salary = "$0.99", Severity = MudBlazor.Color.Success, SeverityTitle = "Low"},
+ new EarningReport { Name = "Mikes-gh", Title = "Developer", Avatar = "https://avatars.githubusercontent.com/u/16208742?s=120&v=4", Salary = "$19.12K", Severity = MudBlazor.Color.Secondary, SeverityTitle = "Medium"},
+ new EarningReport { Name = "Garderoben", Title = "CSS Magician", Avatar = "https://avatars2.githubusercontent.com/u/10367109?s=460&u=2abf95f9e01132e8e2915def42895ffe99c5d2c6&v=4", Salary = "$1337", Severity = MudBlazor.Color.Primary, SeverityTitle = "High"},
+ };
+
+ class EarningReport
+ {
+ public string Avatar;
+ public string Name;
+ public string Title;
+ public MudBlazor.Color Severity;
+ public string SeverityTitle;
+ public string Salary;
+ }
+}
\ No newline at end of file
--
Gitblit v1.10.0