Login Page

src/Elektrifikatsiya/Elektrifikatsiya.sln

@@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.4.33205.214
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Elektrifikatsiya", "Elektrifikatsiya\Elektrifikatsiya.csproj", "{B35B4694-ACC4-4CD6-9518-B338F30111A0}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Elektrifikatsiya", "Elektrifikatsiya\Elektrifikatsiya.csproj", "{B35B4694-ACC4-4CD6-9518-B338F30111A0}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution

src/Elektrifikatsiya/Elektrifikatsiya/Layouts/LoginLayout.razor

@@ -0,0 +1,18 @@
+@using System.Diagnostics;
+@inherits LayoutComponentBase
+<Image Source="/Pictures/logo.png"> </Image>
+<Card Width="Width.Is50" Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Padding="Padding.Is5">
+    <Field Width="Width.Is25" Position="Position.Relative.Top.Is50.Start.Is50.Translate.Middle">
+        <TextEdit Placeholder="Username" />
+    </Field>
+    <Field  Width="Width.Is25" Position="Position.Relative.Top.Is50.Start.Is50.Translate.Middle">
+        <TextEdit Role="TextRole.Password" Placeholder="Password" />
+    </Field>
+    <Button Width="Width.Is25"  Color="Color.Primary" Clicked="Clicked" Position="Position.Relative.Bottom.Is50.Start.Is50.Translate.MiddleX" >Login</Button>
+</Card>
+@code {
+    private void Clicked()
+    {
+        Debug.WriteLine("Button was clicked!");
+    }
+}

src/Elektrifikatsiya/Elektrifikatsiya/Layouts/MainLayout.razor

@@ -2,7 +2,7 @@
 @inherits LayoutComponentBase
 
 
-@if ( layoutType == "fixed-header" )
+@if (layoutType == "fixed-header")
 {
     <Layout Sider>
         <LayoutSider>
@@ -11,29 +11,15 @@
             </LayoutSiderContent>
         </LayoutSider>
         <Layout>
-            <LayoutHeader Fixed>
-                <TopMenu ThemeEnabledChanged="@OnThemeEnabledChanged"
-                     ThemeGradientChanged="@OnThemeGradientChanged"
-                     ThemeRoundedChanged="@OnThemeRoundedChanged"
-                     ThemeColorChanged="@OnThemeColorChanged"
-                     @bind-LayoutType="@layoutType" />
-            </LayoutHeader>
             <LayoutContent Padding="Padding.Is4.OnX.Is4.FromTop">
                 @Body
             </LayoutContent>
         </Layout>
     </Layout>
 }
-else if ( layoutType == "fixed-header-footer-only" )
+else if (layoutType == "fixed-header-footer-only")
 {
     <Layout>
-        <LayoutHeader Fixed>
-            <TopMenu ThemeEnabledChanged="@OnThemeEnabledChanged"
-                 ThemeGradientChanged="@OnThemeGradientChanged"
-                 ThemeRoundedChanged="@OnThemeRoundedChanged"
-                 ThemeColorChanged="@OnThemeColorChanged"
-                 @bind-LayoutType="@layoutType" />
-        </LayoutHeader>
         <LayoutContent Padding="Padding.Is4.OnX.Is4.FromTop">
             @Body
         </LayoutContent>
@@ -42,16 +28,10 @@ else if ( layoutType == "fixed-header-footer-only" )
         </LayoutFooter>
     </Layout>
 }
-else if ( layoutType == "sider-with-header-on-top" )
+else if (layoutType == "sider-with-header-on-top")
 {
     <Layout>
-        <LayoutHeader Fixed>
-            <TopMenu ThemeEnabledChanged="@OnThemeEnabledChanged"
-                 ThemeGradientChanged="@OnThemeGradientChanged"
-                 ThemeRoundedChanged="@OnThemeRoundedChanged"
-                 ThemeColorChanged="@OnThemeColorChanged"
-                 @bind-LayoutType="@layoutType" />
-        </LayoutHeader>
+       
         <Layout Sider>
             <LayoutSider>
                 <LayoutSiderContent>

src/Elektrifikatsiya/Elektrifikatsiya/Pages/Login.razor

@@ -0,0 +1,4 @@
+@using System.Diagnostics;
+@using Elektrifikatsiya.Layouts;
+@page "/login"
+@layout LoginLayout;