Yes very good improvement
This commit is contained in:
Friend2868
2023-03-01 08:45:23 +01:00
parent 53cddb8ef9
commit 6a3cc4472d
3 changed files with 54 additions and 53 deletions
@@ -4,61 +4,63 @@
@inject IVersionProvider VersionProvider @inject IVersionProvider VersionProvider
<Row Padding="Padding.Is3"> <Row Padding="Padding.Is3">
<Column ColumnSize="ColumnSize.Is6"> <Div Flex="Flex.AlignItems.Start" Margin="Margin.Is3.FromBottom" Width="Width.Is100">
<ListView TItem="Device" <Column ColumnSize="ColumnSize.Is6">
Data="@plugs" <ListView TItem="Device"
TextField="@((_)=>(""))" Data="@plugs"
ValueField="@((_)=>(""))" TextField="@((_)=>(""))"
Mode="ListGroupMode.Static"> ValueField="@((_)=>(""))"
<ItemTemplate> Mode="ListGroupMode.Static">
<ListGroupItem> <ItemTemplate>
<Row> <ListGroupItem>
<Column ColumnSize="ColumnSize.Is8"> <Row>
<Row> <Column ColumnSize="ColumnSize.Is8">
<Column ColumnSize="ColumnSize.Is7"> <Row>
<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading> <Column ColumnSize="ColumnSize.Is7">
</Column> <Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
</Row> </Column>
<Row> </Row>
<Column> <Row>
<Small>User: @context.Item.User</Small> <Column>
<br /> <Small>User: @context.Item.User</Small>
<Small>Room: @context.Item.Room</Small> <br />
</Column> <Small>Room: @context.Item.Room</Small>
<Column ColumnSize="ColumnSize.Is5"> </Column>
<Paragraph Margin="Margin.Is1.OnY">@context.Item.PowerUsage W</Paragraph> <Column ColumnSize="ColumnSize.Is5">
</Column> <Paragraph Margin="Margin.Is1.OnY">@context.Item.PowerUsage W</Paragraph>
</Row> </Column>
</Column> </Row>
<Column ColumnSize="ColumnSize.Is4"> </Column>
<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline> <Column ColumnSize="ColumnSize.Is4">
<BarIcon IconName="IconName.Bolt" /> <Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
</Button> <BarIcon IconName="IconName.Bolt" />
</Column> </Button>
</Row> </Column>
</ListGroupItem> </Row>
</ItemTemplate> </ListGroupItem>
</ListView> </ItemTemplate>
</Column> </ListView>
<Column ColumnSize="ColumnSize.Is6"> </Column>
<ListView TItem="Event" <Column ColumnSize="ColumnSize.Is6">
Data="@events" <ListView TItem="Event"
TextField="@((_)=>(""))" Data="@events"
ValueField="@((_)=>(""))" TextField="@((_)=>(""))"
Mode="ListGroupMode.Static"> ValueField="@((_)=>(""))"
<ItemTemplate> Mode="ListGroupMode.Static">
<Div Flex="Flex.InlineFlex.JustifyContent.Between" Width="Width.Is100"> <ItemTemplate>
<Heading Size="HeadingSize.Is6" Margin="Margin.Is2.FromBottom">@context.Item.EventName</Heading> <Div Flex="Flex.InlineFlex.JustifyContent.Between" Width="Width.Is100">
<Small>@context.Item.Date</Small> <Heading Size="HeadingSize.Is6" Margin="Margin.Is2.FromBottom">@context.Item.EventName</Heading>
</Div> <Small>@context.Item.Date</Small>
<Paragraph Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph> </Div>
</ItemTemplate> <Paragraph Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph>
</ListView> </ItemTemplate>
</Column> </ListView>
</Column>
</Div>
</Row> </Row>
<Row Padding="Padding.Is3"> <Row Padding="Padding.Is3">
<Column> <Column>
<Button Color="Color.Primary" Clicked="@(async () => await HandleRedraw())">Aktualisieren</Button> <Button Color="Color.Primary" Style="border-radius: 0px" Clicked="@(async () => await HandleRedraw())">Aktualisieren</Button>
<LineChart @ref="lineChart" TItem="double" /> <LineChart @ref="lineChart" TItem="double" />
</Column> </Column>
</Row> </Row>
@@ -6,4 +6,3 @@
} }
<component type="typeof(App)" render-mode="Server" /> <component type="typeof(App)" render-mode="Server" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 264 KiB

After

Width:  |  Height:  |  Size: 119 KiB