Home.razor 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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.Components
  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="@("/services/list")">Services</NavLink>
  35. </div>
  36. <div class="text-right">@_service!.TotalServices</div>
  37. </div>
  38. </div>
  39. </div>
  40. <div class="space-y-10 mb-10">
  41. <TagListComponent/>
  42. </div>
  43. <!-- Tree -->
  44. <div class="space-y-10">
  45. <!-- Hardware -->
  46. <div>
  47. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  48. Hardware
  49. </div>
  50. <ul class="space-y-2">
  51. <li class="text-zinc-100">
  52. ├─ Hardware (@_hardware!.TotalHardware)
  53. </li>
  54. @if (_hardware.HardwareByKind.Any())
  55. {
  56. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  57. @foreach (var (kind, count) in _hardware.HardwareByKind.OrderByDescending(x => x.Value))
  58. {
  59. var pluralKind = Resource.KindToPlural(kind);
  60. <NavLink href="@($"/{pluralKind}/list")" class="block">
  61. <li class="text-zinc-500 hover:text-emerald-300">
  62. └─ @pluralKind (@count)
  63. </li>
  64. </NavLink>
  65. }
  66. </ul>
  67. }
  68. </ul>
  69. </div>
  70. <!-- Systems -->
  71. <div>
  72. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  73. Systems
  74. </div>
  75. <ul class="space-y-3">
  76. <li>
  77. <div class="text-zinc-100">
  78. ├─ Total (@_system!.TotalSystems)
  79. </div>
  80. @if (_system.SystemsByType.Any())
  81. {
  82. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  83. <li class="text-zinc-400">Types</li>
  84. @foreach (var (type, count) in _system.SystemsByType.OrderByDescending(x => x.Value))
  85. {
  86. <li class="text-zinc-500 hover:text-emerald-300">
  87. <NavLink href="@($"systems/list?type={type}")" class="block">
  88. └─ @type (@count)
  89. </NavLink>
  90. </li>
  91. }
  92. </ul>
  93. }
  94. @if (_system.SystemsByOs.Any())
  95. {
  96. <ul class="ml-4 mt-2 border-l border-zinc-800 pl-4 space-y-1">
  97. <li class="text-zinc-400">Operating Systems</li>
  98. @foreach (var (os, count) in _system.SystemsByOs.OrderByDescending(x => x.Value))
  99. {
  100. <li class="text-zinc-500 hover:text-emerald-300">
  101. <NavLink href="@($"systems/list?os={os}")" class="block">
  102. └─ @os (@count)
  103. </NavLink>
  104. </li>
  105. }
  106. </ul>
  107. }
  108. </li>
  109. </ul>
  110. </div>
  111. <!-- Services -->
  112. <div>
  113. <div class="text-xs text-zinc-500 uppercase tracking-wider mb-3">
  114. Services
  115. </div>
  116. <ul>
  117. <li class="text-zinc-100">
  118. └─ Total (@_service!.TotalServices)
  119. </li>
  120. <li class="ml-4 text-zinc-500">
  121. └─ IP Addresses (@_service!.TotalIpAddresses)
  122. </li>
  123. </ul>
  124. </div>
  125. </div>
  126. }
  127. </div>
  128. @code {
  129. private bool _loading = true;
  130. private SystemSummary? _system;
  131. private AllServicesSummary? _service;
  132. private HardwareSummary? _hardware;
  133. protected override async Task OnInitializedAsync()
  134. {
  135. var systemTask = SystemSummaryUseCase.ExecuteAsync();
  136. var serviceTask = ServiceSummaryUseCase.ExecuteAsync();
  137. var hardwareTask = HardwareSummaryUseCase.ExecuteAsync();
  138. await Task.WhenAll(systemTask, serviceTask, hardwareTask);
  139. _system = systemTask.Result;
  140. _service = serviceTask.Result;
  141. _hardware = hardwareTask.Result;
  142. _loading = false;
  143. }
  144. }