malmal200/panoptes
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updated dynamic component layout

Browse Source
This commit is contained in:
gaz8860 Gary 2023-05-06 20:14:56 +01:00
parent dcff10e984
commit 8bcb72b259
1 changed files with 49 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/PanoptesFrontend/Pages/ModDisplay.razor
View File

@ -8,37 +8,64 @@
@inject IHttpService httpService
@inject IJSRuntime JSRuntime
@if (tables != null | graphs != null)
@if (tables != null || graphs != null)
{
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
@foreach (var component in tables)
@if (graphs != null)
{
@for (int i = 0; i < graphs.Length; i += 2)
{
<div class="col-md-12">
<div class="row">
@if (i < graphs.Length)
{
<div class="col-md-6">
<div class="card mb-3">
<div class="card-body">
<DynamicTable data="@component.Data" TableId="@component.Id" module="@moduleId"/>
</div>
</div>
}
</div>
<div class="col-md-6">
@foreach (var component in graphs)
{
<div class="card mb-3">
<div class="card-body">
<DynamicChart StatsList="@component.Stats"
SelectedChartType="@component.Graph"
ChartTitle="@component.Title"
ChartId="@component.Id"
<DynamicChart StatsList="@graphs[i].Stats"
SelectedChartType="@graphs[i].Graph"
ChartTitle="@graphs[i].Title"
ChartId="@graphs[i].Id"
module="@moduleId"/>
</div>
</div>
</div>
}
@if (i + 1 < graphs.Length)
{
<div class="col-md-6">
<div class="card mb-3">
<div class="card-body">
<DynamicChart StatsList="@graphs[i + 1].Stats"
SelectedChartType="@graphs[i + 1].Graph"
ChartTitle="@graphs[i + 1].Title"
ChartId="@graphs[i + 1].Id"
module="@moduleId"/>
</div>
</div>
</div>
}
</div>
</div>
</div>
}
}
@if (tables != null)
{
<div class="col-md-12">
@foreach (var table in tables)
{
<div class="card mb-3">
<div class="card-body">
<DynamicTable data="@table.Data" TableId="@table.Id" module="@moduleId"/>
</div>
</div>
}
</div>
}
</div>
</div>
}
@ -50,7 +77,7 @@
protected async override Task OnInitializedAsync()
{
var schema = await httpService.GetAsync<Schema>("http://localhost:10000/" + @moduleId + "/schema");
var schema = await httpService.GetAsync<Schema>("http://localhost:10000/" + moduleId + "/schema");
tables = schema.tables;
graphs = schema.graphs;
}