mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2026-07-14 03:23:48 +08:00
🎨ui: 优化Identity样式
This commit is contained in:
yubaolee
@@ -1,4 +1,19 @@
|
||||
|
||||
<div class="auth-card">
|
||||
<div class="auth-card-header">
|
||||
<div class="status-icon status-icon--error">🚫</div>
|
||||
<h1>访问被拒绝</h1>
|
||||
<p>抱歉，您没有权限访问该资源。</p>
|
||||
</div>
|
||||
|
||||
<div class="status-text">
|
||||
请联系管理员获取相应的访问权限，或返回首页。
|
||||
</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<a class="status-link" href="/">返回首页 →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1>Access Denied</h1>
|
||||
|
||||
@@ -1,27 +1,28 @@
|
||||
@model OpenAuth.IdentityServer.Quickstart.Account.LoggedOutViewModel
|
||||
|
||||
@{
|
||||
// set this so the layout rendering sees an anonymous user
|
||||
@{
|
||||
ViewData["signed-out"] = true;
|
||||
}
|
||||
|
||||
<div class="page-header logged-out">
|
||||
<h1>
|
||||
Logout
|
||||
<small>You are now logged out</small>
|
||||
</h1>
|
||||
<div class="auth-card">
|
||||
<div class="auth-card-header">
|
||||
<div class="status-icon status-icon--success">✔</div>
|
||||
<h1>已安全退出</h1>
|
||||
<p>您已成功退出登录</p>
|
||||
</div>
|
||||
|
||||
@if (Model.PostLogoutRedirectUri != null)
|
||||
{
|
||||
<div>
|
||||
Click <a class="PostLogoutRedirectUri" href="@Model.PostLogoutRedirectUri">here</a> to return to the
|
||||
<span>@Model.ClientName</span> application.
|
||||
<div style="text-align: center;">
|
||||
<a class="status-link" href="@Model.PostLogoutRedirectUri">
|
||||
返回 @Model.ClientName →
|
||||
</a>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (Model.SignOutIframeUrl != null)
|
||||
{
|
||||
<iframe width="0" height="0" class="signout" src="@Model.SignOutIframeUrl"></iframe>
|
||||
<iframe class="signout-iframe" src="@Model.SignOutIframeUrl"></iframe>
|
||||
}
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,92 +1,75 @@
|
||||
@model OpenAuth.IdentityServer.Quickstart.Account.LoginViewModel
|
||||
@model OpenAuth.IdentityServer.Quickstart.Account.LoginViewModel
|
||||
|
||||
<div class="login-page">
|
||||
<div class="page-header">
|
||||
<h1>Login</h1>
|
||||
<div class="auth-card">
|
||||
<div class="auth-card-header">
|
||||
<div class="auth-icon">🔒</div>
|
||||
<h1>欢迎登录</h1>
|
||||
<p>登录 OpenAuth.Net 统一认证平台</p>
|
||||
</div>
|
||||
|
||||
<partial name="_ValidationSummary" />
|
||||
|
||||
<div class="row">
|
||||
@if (Model.EnableLocalLogin)
|
||||
{
|
||||
<form asp-route="Login">
|
||||
<input type="hidden" asp-for="ReturnUrl" />
|
||||
|
||||
<div class="form-group">
|
||||
<label asp-for="Username">用户名</label>
|
||||
<input class="form-control" placeholder="请输入用户名" asp-for="Username" autofocus>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label asp-for="Password">密码</label>
|
||||
<input type="password" class="form-control" placeholder="请输入密码" asp-for="Password" autocomplete="off">
|
||||
</div>
|
||||
|
||||
@if (Model.AllowRememberLogin)
|
||||
{
|
||||
<div class="checkbox-group">
|
||||
<input type="checkbox" asp-for="RememberLogin" id="RememberLogin">
|
||||
<label for="RememberLogin">记住登录状态</label>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-primary" name="button" value="login">登 录</button>
|
||||
<button class="btn btn-secondary" name="button" value="cancel">取 消</button>
|
||||
</div>
|
||||
|
||||
<div class="hint-text">
|
||||
测试账号：System/123456 | admin/admin | test/test
|
||||
</div>
|
||||
</form>
|
||||
}
|
||||
|
||||
@if (Model.VisibleExternalProviders.Any())
|
||||
{
|
||||
@if (Model.EnableLocalLogin)
|
||||
{
|
||||
<div class="col-sm-6">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Local Login</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<form asp-route="Login">
|
||||
<input type="hidden" asp-for="ReturnUrl" />
|
||||
|
||||
<fieldset>
|
||||
<div class="form-group">
|
||||
<label asp-for="Username"></label>
|
||||
<input class="form-control" placeholder="Username" asp-for="Username" autofocus>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label asp-for="Password"></label>
|
||||
<input type="password" class="form-control" placeholder="Password" asp-for="Password" autocomplete="off">
|
||||
</div>
|
||||
@if (Model.AllowRememberLogin)
|
||||
{
|
||||
<div class="form-group login-remember">
|
||||
<label asp-for="RememberLogin">
|
||||
<input asp-for="RememberLogin">
|
||||
<strong>Remember My Login</strong>
|
||||
</label>
|
||||
</div>
|
||||
}
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary" name="button" value="login">Login</button>
|
||||
<button class="btn btn-default" name="button" value="cancel">Cancel</button>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
*Test Accounts: System/123456 | admin/admin | test/test
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"><span>或使用其他方式登录</span></div>
|
||||
}
|
||||
<div class="external-providers">
|
||||
@foreach (var provider in Model.VisibleExternalProviders)
|
||||
{
|
||||
<a class="btn btn-outline"
|
||||
asp-controller="External"
|
||||
asp-action="Challenge"
|
||||
asp-route-provider="@provider.AuthenticationScheme"
|
||||
asp-route-returnUrl="@Model.ReturnUrl">
|
||||
@provider.DisplayName
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (Model.VisibleExternalProviders.Any())
|
||||
{
|
||||
<div class="col-md-6 col-sm-6 external-providers">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">External Login</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<ul class="list-inline">
|
||||
@foreach (var provider in Model.VisibleExternalProviders)
|
||||
{
|
||||
<li>
|
||||
<a class="btn btn-default"
|
||||
asp-controller="External"
|
||||
asp-action="Challenge"
|
||||
asp-route-provider="@provider.AuthenticationScheme"
|
||||
asp-route-returnUrl="@Model.ReturnUrl">
|
||||
@provider.DisplayName
|
||||
</a>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@if (!Model.EnableLocalLogin && !Model.VisibleExternalProviders.Any())
|
||||
{
|
||||
<div class="alert alert-warning">
|
||||
<span>⚠</span>
|
||||
<div>
|
||||
<strong>无效的登录请求</strong>
|
||||
<p>当前客户端未配置任何登录方式。</p>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (!Model.EnableLocalLogin && !Model.VisibleExternalProviders.Any())
|
||||
{
|
||||
<div class="alert alert-warning">
|
||||
<strong>Invalid login request</strong>
|
||||
There are no login schemes configured for this client.
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@@ -1,21 +1,16 @@
|
||||
@model OpenAuth.IdentityServer.Quickstart.Account.LogoutViewModel
|
||||
|
||||
<div class="logout-page">
|
||||
<div class="page-header">
|
||||
<h1>Logout</h1>
|
||||
<div class="auth-card">
|
||||
<div class="auth-card-header">
|
||||
<div class="status-icon status-icon--warning">👋</div>
|
||||
<h1>确认退出</h1>
|
||||
<p>您确定要退出当前登录状态吗？</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>Would you like to logout of IdentityServer?</p>
|
||||
<form asp-action="Logout">
|
||||
<input type="hidden" name="logoutId" value="@Model.LogoutId" />
|
||||
<fieldset>
|
||||
<div class="form-group">
|
||||
<button class="btn btn-primary">Yes</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
<form asp-action="Logout">
|
||||
<input type="hidden" name="logoutId" value="@Model.LogoutId" />
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-danger" type="submit">确认退出</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user