Chris/RaceLapTimer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style the login dialog box

Browse Source
This commit is contained in:
chris.watts90@outlook.com 2017-06-19 22:00:31 +01:00
parent ec05233e79
commit 6d48a36ed8
4 changed files with 44 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
RaceLapTimer/RaceLapTimer/RaceLapTimer.csproj
View File

@ -207,6 +207,9 @@
<Content Include="www\css\bootstrap-theme.min.css" /> <Content Include="www\css\bootstrap-theme.min.css" />
<Content Include="www\css\bootstrap.css" /> <Content Include="www\css\bootstrap.css" />
<Content Include="www\css\bootstrap.min.css" /> <Content Include="www\css\bootstrap.min.css" />
<Content Include="www\css\login.css">
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
</Content>
<Content Include="www\css\stickyfooter.css"> <Content Include="www\css\stickyfooter.css">
<CopyToOutputDirectory>Always</CopyToOutputDirectory> <CopyToOutputDirectory>Always</CopyToOutputDirectory>
</Content> </Content>

37
RaceLapTimer/RaceLapTimer/www/Views/login.cshtml
View File

@ -2,16 +2,27 @@
@{ @{
Layout = "razor-layout.cshtml"; Layout = "razor-layout.cshtml";
} }
<form method="POST"> <link href="/css/login.css" rel="stylesheet" />
Username <input type="text" name="Username" /> <div class="container loginContainer col-md-offset-4 col-md-4">
<br /> <form method="POST">
Password <input name="Password" type="password" /> Username <input type="text" class="form-control input-sm" name="Username" />
<br /> <br />
Remember Me <input name="RememberMe" type="checkbox" value="True" /> Password <input name="Password" type="password" class="form-control input-sm" />
<br /> <div class="row" id="rememberLoginRow">
<input type="submit" value="Login" /> <div class="checkbox col-md-8">
</form> <label>
@if (Model.Errored) <input name="RememberMe" type="checkbox" value="true">
{ <text class="">Remember Me</text>
<div id="errorBox" class="floatingError">Invalid Username or Password</div> </label>
} </div>
<div class="col-md-4 text-center" id="loginButton">
<input type="submit" value="Login" class="btn btn-default pull-right">
</div>
</div>
</form>
@if (Model.Errored)
{
<br />
<div id="errorBox" class="alert alert-danger row">Invalid Username or Password</div>
}
</div>

13
RaceLapTimer/RaceLapTimer/www/css/login.css Normal file
View File

@ -0,0 +1,13 @@
.loginContainer {
margin-top: 40px;
background-color: lightgray;
border-radius: 10px;
padding: 20px;
color: darkblue;
}
#loginButton {
margin-top: 5px;
}
#rememberLoginRow {
margin-top: 20px;
}

4
RaceLapTimer/RaceLapTimerHost/RaceLapTimerHost.csproj
View File

@ -72,6 +72,10 @@
<None Include="packages.config" /> <None Include="packages.config" />
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<ProjectReference Include="..\IrDaemonNotifier\IrDaemonNotifier.csproj">
<Project>{916994f6-1711-4aeb-8de6-4ab6fcb3f080}</Project>
<Name>IrDaemonNotifier</Name>
</ProjectReference>
<ProjectReference Include="..\NLogLogger\NLogLogger.csproj"> <ProjectReference Include="..\NLogLogger\NLogLogger.csproj">
<Project>{9a93a12f-7591-406a-a4f3-41aa8299c4b4}</Project> <Project>{9a93a12f-7591-406a-a4f3-41aa8299c4b4}</Project>
<Name>NLogLogger</Name> <Name>NLogLogger</Name>