This commit is contained in:
Friend2868
2023-02-01 11:14:00 +01:00
parent 363b01035c
commit ac0ea50d01
6 changed files with 54 additions and 10 deletions
@@ -34,7 +34,7 @@
<BarItem>
<BarLink To="/">
<BarIcon IconName="IconName.Wrench" />
Setting
Settings
</BarLink>
</BarItem>
</BarEnd>
@@ -12,9 +12,6 @@
<BarToggler />
<BarMenu>
<BarStart>
<BarItem>
<BarLink To="/">Home</BarLink>
</BarItem>
<BarItem>
<BarLink To="https://blazorise.com/docs/">Documentation</BarLink>
</BarItem>
@@ -19,6 +19,7 @@
<ItemGroup>
<PackageReference Include="Blazorise" Version="1.1.*" />
<PackageReference Include="Blazorise.Components" Version="1.1.6" />
<PackageReference Include="Blazorise.Material" Version="1.1.*" />
<PackageReference Include="Blazorise.Icons.Material" Version="1.1.*" />
<PackageReference Include="Microsoft.EntityFrameworkCore" Version="7.0.2" />
@@ -0,0 +1,18 @@
namespace Elektrifikatsiya.Models
{
public class Event
{
public string EventName { get; set; }
public string Description { get; set; }
public DateTime Date { get; set; }
//if Plug Class implemented -> Property for plug
public Event(string eventName, string description, DateTime date)
{
EventName = eventName;
Description = description;
Date = date;
}
}
}
@@ -1,4 +1,6 @@
@page "/"
@using Blazorise.Components
@using Elektrifikatsiya.Models;
@inject IVersionProvider VersionProvider
<Row>
<Column ColumnSize="ColumnSize.Is5">
@@ -9,10 +11,10 @@
<Row>
<Column ColumnSize="ColumnSize.Is8">
<Row>
<Column ColumnSize="ColumnSize.Is4">
<Column ColumnSize="ColumnSize.Is7">
<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">Plug #@i</Heading>
</Column>
<Column ColumnSize="ColumnSize.Is1">
<Column ColumnSize="ColumnSize.Is5">
<Paragraph Margin="Margin.Is1.OnY">60W</Paragraph>
</Column>
</Row>
@@ -28,11 +30,30 @@
<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
<BarIcon IconName="IconName.Bolt" />
</Button>
</Column>
</Row>
</ListGroupItem>
</Column>
</Row>
</ListGroupItem>
}
</ListGroup>
</Column>
<Column ColumnSize="ColumnSize.Is5">
<ListView TItem="Event"
Data="@events"
TextField="(item) => item.EventName"
ValueField="(item) => item.Description"
Mode="ListGroupMode.Static"
MaxHeight="300px">
<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>
</Row>
@code {
List<Event> events = new List<Event>() { new Event("Jude", "Alles kaputt", DateTime.Now), new Event("Jude", "Alles kaputt", DateTime.Now), new Event("Jude", "Alles kaputt", DateTime.Now) };
}
@@ -1,4 +1,5 @@
using Blazorise;
using Blazorise.Bootstrap;
using Blazorise.Icons.Material;
using Blazorise.Material;
@@ -41,4 +42,10 @@ void AddBlazorise(IServiceCollection services)
_ = services
.AddMaterialProviders()
.AddMaterialIcons();
}
}
builder.Services
.AddBlazorise(options =>
{
options.Immediate = true;
})
.AddBootstrapProviders();