Sidebar angepasst und im Dashboard die Plug Liste hinzugefügt

src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor

@@ -15,33 +15,27 @@
                 <BarLink To="/">
                     <BarIcon IconName="IconName.Dashboard" />
                     Dashboard
+                </BarLink>
+			</BarItem>
+            <BarItem>
+                <BarLink To="/">
+                    <BarIcon IconName="IconName.ShieldAlt" />
+                    Admin
                 </BarLink>
             </BarItem>
             <BarItem>
-                <BarDropdown @bind-Visible="pagesBarVisible">
-                    <BarDropdownToggle>
-                        <BarIcon IconName="IconName.Edit" />
-                        Pages
-                    </BarDropdownToggle>
-                    <BarDropdownMenu>
-                        <BarDropdownItem To="/simple-form">Simple Form</BarDropdownItem>
-                    </BarDropdownMenu>
-                </BarDropdown>
+                <BarLink To="/">
+                    <BarIcon IconName="IconName.Plug" />
+                    Add Plug
+                </BarLink>
             </BarItem>
         </BarStart>
         <BarEnd>
             <BarItem>
-                <BarDropdown>
-                    <BarDropdownToggle>
-                        <BarIcon IconName="IconName.Smartphone" />
-                        Apps
-                    </BarDropdownToggle>
-                    <BarDropdownMenu>
-                        <BarDropdownItem To="/apps/todo">
-                            Todo
-                        </BarDropdownItem>
-                    </BarDropdownMenu>
-                </BarDropdown>
+                <BarLink To="/">
+                    <BarIcon IconName="IconName.Wrench" />
+                    Setting
+                </BarLink>
             </BarItem>
         </BarEnd>
     </BarMenu>

src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor

@@ -1,31 +1,38 @@
 @page "/"
 @inject IVersionProvider VersionProvider
-<Heading Size="HeadingSize.Is1" Margin="Margin.Is3.FromBottom">Blazorise</Heading>
+<Row>
+	<Column ColumnSize="ColumnSize.Is5">
+		<ListGroup>
+			@for (int i = 0; i < 3; i++)
+			{
+				<ListGroupItem>
+					<Row>
+						<Column ColumnSize="ColumnSize.Is8">
+							<Row>
+								<Column ColumnSize="ColumnSize.Is4">
+									<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">Plug #@i</Heading>
+								</Column>
+								<Column ColumnSize="ColumnSize.Is1">
+									<Paragraph Margin="Margin.Is1.OnY">60W</Paragraph>
+								</Column>
+							</Row>
+							<Row>
+								<Column>
+									<Small>User: ....</Small>
+									<br />
+									<Small>Room: ....</Small>
+								</Column>
+							</Row>
+						</Column>
+						<Column ColumnSize="ColumnSize.Is4">
+							<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
+								<BarIcon IconName="IconName.Bolt" />
+							</Button>
+					</Column>
+				</Row>
+			</ListGroupItem>
+			}
+		</ListGroup>
+	</Column>
+</Row>
 
-<Paragraph>
-    Blazorise is a component library built on top of Blazor and CSS frameworks like <Anchor To="https://getbootstrap.com/" Target="Target.Blank">Bootstrap</Anchor>, <Anchor To="https://bulma.io/" Target="Target.Blank">Bulma</Anchor>, <Anchor To="https://ant.design/" Target="Target.Blank">Ant Design</Anchor>, and <Anchor To="http://daemonite.github.io/material/" Target="Target.Blank">Material</Anchor>. It can be used to build responsive, single-page web applications.
-</Paragraph>
-
-<Alert Color="Color.Info" Visible>
-    <Paragraph>
-        This is a Blazorise Starting Template allowing you to quickly get started building your project!
-    </Paragraph>
-
-    <Paragraph>
-        The bare minimum has been installed for you:
-        <ul>
-            <li>Blazorise @($"v{VersionProvider.MilestoneVersion}")</li>
-            <li>The Blazorise Provider you have selected</li>
-            <li>The corresponding icon provider</li>
-        </ul>
-        However Blazorise has many more extensions at your disposal.
-        You can find them <Anchor To="https://blazorise.com/docs/extensions" Target="Target.Blank">here</Anchor>.
-    </Paragraph>
-
-    <Paragraph>
-        Please visit the official <Anchor To="https://bootstrapdemo.blazorise.com/" Target="Target.Blank">Blazorise Demo</Anchor> for component examples.
-    </Paragraph>
-    <Paragraph>
-        Please visit the official <Anchor To="https://blazorise.com/docs/" Target="Target.Blank">Blazorise Documentation</Anchor> to learn more about the available components.
-    </Paragraph>
-</Alert>

src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor.cs

@@ -0,0 +1,28 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Components;
+using System.Net.Http;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Components.Authorization;
+using Microsoft.AspNetCore.Components.Forms;
+using Microsoft.AspNetCore.Components.Routing;
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.Web.Virtualization;
+using Microsoft.JSInterop;
+using Elektrifikatsiya;
+using Blazorise;
+
+namespace Elektrifikatsiya.Pages
+{
+    public partial class Dashboard
+    {
+        string bgcolor { get; set; } = "00f"; // (starting value)
+        void SetColor()
+        {
+            bgcolor = "#fd7";
+            StateHasChanged(); // may not be required, but I'm at work right now, so can't check
+        }
+    }
+}