Home.razor 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. @page "/"
  2. @using RackPeek.Domain.Resources
  3. @using RackPeek.Domain.Resources.Hardware
  4. @using RackPeek.Domain.Resources.Services.UseCases
  5. @using RackPeek.Domain.Resources.SystemResources.UseCases
  6. @using Shared.Rcl
  7. @inject GetSystemSummaryUseCase SystemSummaryUseCase
  8. @inject GetServiceSummaryUseCase ServiceSummaryUseCase
  9. @inject GetHardwareUseCaseSummary HardwareSummaryUseCase
  10. <PageTitle>Home</PageTitle>
  11. <div class="min-h-screen bg-zinc-950 text-zinc-200 font-mono p-6">
  12. @if (_loading)
  13. {
  14. <div class="text-zinc-500">loading summary…</div>
  15. }
  16. else
  17. {
  18. <!-- Totals -->
  19. <div class="mb-10 max-w-md">
  20. <div class="border border-zinc-800 rounded-md p-4">
  21. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  22. Totals
  23. </div>
  24. <div class="grid grid-cols-2 gap-y-2 ">
  25. <div class="hover:text-emerald-300">
  26. <NavLink href="@("hardware/tree")">Hardware</NavLink>
  27. </div>
  28. <div class="text-right">@_hardware!.TotalHardware</div>
  29. <div class="hover:text-emerald-300">
  30. <NavLink href="@("systems/list")">Systems</NavLink>
  31. </div>
  32. <div class="text-right">@_system!.TotalSystems</div>
  33. <div class="hover:text-emerald-300">
  34. <NavLink href="@("servers/list")">Services</NavLink>
  35. </div>
  36. <div class="text-right">@_service!.TotalServices</div>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- Tree -->
  41. <div class="space-y-10">
  42. <!-- Hardware -->
  43. <div>
  44. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  45. Hardware
  46. </div>
  47. <ul class="space-y-2">
  48. <li class="text-zinc-100">
  49. ├─ Total (@_hardware!.TotalHardware)
  50. </li>
  51. @if (_hardware.HardwareByKind.Any())
  52. {
  53. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  54. @foreach (var (kind, count) in _hardware.HardwareByKind.OrderByDescending(x => x.Value))
  55. {
  56. var pluralKind = Resource.KindToPlural(kind);
  57. <NavLink href="@($"{pluralKind}/list")" class="block">
  58. <li class="text-zinc-500 hover:text-emerald-300">
  59. └─ @pluralKind (@count)
  60. </li>
  61. </NavLink>
  62. }
  63. </ul>
  64. }
  65. </ul>
  66. </div>
  67. <!-- Systems -->
  68. <div>
  69. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  70. Systems
  71. </div>
  72. <ul class="space-y-3">
  73. <li>
  74. <div class="text-zinc-100">
  75. ├─ Total (@_system!.TotalSystems)
  76. </div>
  77. @if (_system.SystemsByType.Any())
  78. {
  79. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  80. <li class="text-zinc-400">Types</li>
  81. @foreach (var (type, count) in _system.SystemsByType.OrderByDescending(x => x.Value))
  82. {
  83. <li class="text-zinc-500 hover:text-emerald-300">
  84. <NavLink href="@($"systems/list?type={type}")" class="block">
  85. └─ @type (@count)
  86. </NavLink>
  87. </li>
  88. }
  89. </ul>
  90. }
  91. @if (_system.SystemsByOs.Any())
  92. {
  93. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  94. <li class="text-zinc-400">Operating Systems</li>
  95. @foreach (var (os, count) in _system.SystemsByOs.OrderByDescending(x => x.Value))
  96. {
  97. <li class="text-zinc-500 hover:text-emerald-300">
  98. <NavLink href="@($"systems/list?os={os}")" class="block">
  99. └─ @os (@count)
  100. </NavLink>
  101. </li>
  102. }
  103. </ul>
  104. }
  105. </li>
  106. </ul>
  107. </div>
  108. <!-- Services -->
  109. <div>
  110. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  111. Services
  112. </div>
  113. <ul>
  114. <li class="text-zinc-100">
  115. └─ Total (@_service!.TotalServices)
  116. </li>
  117. <li class="ml-4 text-zinc-500">
  118. └─ IP Addresses (@_service!.TotalIpAddresses)
  119. </li>
  120. </ul>
  121. </div>
  122. </div>
  123. }
  124. </div>
  125. @code {
  126. private bool _loading = true;
  127. private SystemSummary? _system;
  128. private AllServicesSummary? _service;
  129. private HardwareSummary? _hardware;
  130. protected override async Task OnInitializedAsync()
  131. {
  132. var systemTask = SystemSummaryUseCase.ExecuteAsync();
  133. var serviceTask = ServiceSummaryUseCase.ExecuteAsync();
  134. var hardwareTask = HardwareSummaryUseCase.ExecuteAsync();
  135. await Task.WhenAll(systemTask, serviceTask, hardwareTask);
  136. _system = systemTask.Result;
  137. _service = serviceTask.Result;
  138. _hardware = hardwareTask.Result;
  139. _loading = false;
  140. }
  141. }