Stefan-5422/-T5-Elektrifikatsiya
1
0
Fork 0
mirror of https://github.com/Stefan-5422/-T5-Elektrifikatsiya.git synced 2026-09-04 00:45:58 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

Dashboard fix

Browse Source 
Fix for responsive behaviour
This commit is contained in:
Friend2868
2023-03-15 08:47:46 +01:00
parent c06940b5dd
commit 2561a74b7f
1 changed files with 83 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
+83 -64
View File
@@ -1,73 +1,92 @@
@page "/" @page "/"
@using Blazorise.Components; @using Blazorise.Components;
@using Elektrifikatsiya.Models; @using Elektrifikatsiya.Models;
@using System.Net @using System.Net
@inject IVersionProvider VersionProvider @inject IVersionProvider VersionProvider
<Row Padding="Padding.Is3"> <Div>
<Div Display="Display.Flex.Row.OnDesktop" Margin="Margin.Is3.FromBottom" Width="Width.Is100"> <Row Padding="Padding.Is3">
<Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12"> <Div Display="Display.Flex.Row.OnDesktop" Margin=" Margin.Is3.FromBottom" Width="Width.Is100">
<Bar Breakpoint="Breakpoint.Desktop" <Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12">
Background="Background.White" <Bar Breakpoint="Breakpoint.Desktop"
ThemeContrast="ThemeContrast.None" Background="Background.White"
Shadow="Shadow.Remove" ThemeContrast="ThemeContrast.None"
Border="Border.Is1.RoundedTop"> Shadow="Shadow.Remove"
<BarBrand> Border="Border.Is1.RoundedTop">
Plugs <BarBrand>
</BarBrand> Plugs
</Bar> </BarBrand>
<ListView TItem="Device" </Bar>
Data="@plugs" <ListView TItem="Device"
TextField="@((_)=>(""))" Data="@plugs"
ValueField="@((_)=>(""))" TextField="@((_)=>(""))"
Mode="ListGroupMode.Static" ValueField="@((_)=>(""))"
Style="border-radius: 0px 0px"> Mode="ListGroupMode.Static"
<ItemTemplate> Style="border-radius: 0px 0px">
<ListGroupItem Border="Border.OnBottom"> <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.Name</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>
</ListView>
</Column>
<Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12">
<Bar Breakpoint="Breakpoint.Desktop"
Background="Background.White"
ThemeContrast="ThemeContrast.None"
Shadow="Shadow.Remove"
Border="Border.Is1.Rounded.RoundedTop">
<BarBrand>
Logs
</BarBrand>
</Bar>
<ListView TItem="Event"
Data="@events"
TextField="@((_)=>(""))"
ValueField="@((_)=>(""))"
Mode="ListGroupMode.Static"
Style="border-radius: 0px 0px">
<ItemTemplate>
<Div Flex="Flex.InlineFlex.JustifyContent.Between" Width="Width.Is100">
<Heading Size="HeadingSize.Is6" Margin="Margin.Is2.FromBottom">@context.Item.EventName</Heading>
<Small>@context.Item.Date</Small>
</Div>
<Paragraph Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph>
</ItemTemplate>
</ListView>
</Column>
</Div>
</Row>
<Row Padding="Padding.Is3">
<Column>
<Button Color="Color.Primary" Style="border-radius: 0px" Clicked="@(async () => await HandleRedraw())">Aktualisieren</Button>
<LineChart @ref="lineChart" TItem="double" />
</Column> </Column>
<Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12"> </Row>
<Bar Breakpoint="Breakpoint.Desktop" </Div>
Background="Background.White"
ThemeContrast="ThemeContrast.None"
Shadow="Shadow.Remove"
Border="Border.Is1.Rounded.RoundedTop">
<BarBrand>
Logs
</BarBrand>
</Bar>
<ListView TItem="Event"
Data="@events"
TextField="@((_)=>(""))"
ValueField="@((_)=>(""))"
Mode="ListGroupMode.Static"
Style="border-radius: 0px 0px">
@code { @code {