@ -1,223 +1,218 @@
@model Squidex.Areas.IdentityServer.Controllers.Profile.ProfileVM@model Squidex.Areas.IdentityServer.Controllers.Profile.ProfileVM
@{@{
ViewBag.Theme = "white";
ViewBag.Title = "Profile"; ViewBag.Title = "Profile";
}}
<div class="profile profile-lg">
<img class="profile-logo" src="~/images/logo-small.png" />
<h1>Edit Profile</h1><h1>Edit Profile</h1>
<h2>Personal Information</h2><h2>Personal Information</h2>
@if (!string.IsNullOrWhiteSpace(Model.SuccessMessage))@if (!string.IsNullOrWhiteSpace(Model.SuccessMessage))
{{
<div class="form-alert form-alert-success" id="success"> <div class="form-alert form-alert-success" id="success">
@Model.SuccessMessage @Model.SuccessMessage
</div> </div>
}}
@if (!string.IsNullOrWhiteSpace(Model.ErrorMessage))@if (!string.IsNullOrWhiteSpace(Model.ErrorMessage))
{{
<div class="form-alert form-alert-error"> <div class="form-alert form-alert-error">
@Model.ErrorMessage @Model.ErrorMessage
</div> </div>
}}
<div class="row profile-section"><div class="row profile-section">
<div class="col profile-picture-col"> <div class="col profile-picture-col">
<img class="profile-picture" src="@Url.Content($"~/../api/users/{Model.Id}/picture/")" /> <img class="profile-picture" src="@Url.Content($"~/../api/users/{Model.Id}/picture/")" />
</div>
<div class="col">
<form id="pictureForm" class="profile-picture-form" asp-controller="Profile" asp-action="UploadPicture" method="post" enctype="multipart/form-data">
<span class="btn btn-secondary" id="pictureButton">
<span>Upload Picture</span>
<input class="profile-picture-input" name="file" type="file" id="pictureInput" />
</span>
</form>
</div>
</div> </div>
<div class="col">
<form id="pictureForm" class="profile-picture-form" asp-controller="Profile" asp-action="UploadPicture" method="post" enctype="multipart/form-data">
<span class="btn btn-secondary" id="pictureButton">
<span>Upload Picture</span>
<input class="profile-picture-input" name="file" type="file" id="pictureInput" />
</span>
</form>
</div>
</div>
<form class="profile-form profile-section" asp-controller="Profile" asp-action="UpdateProfile" method="post"><form class="profile-form profile-section" asp-controller="Profile" asp-action="UpdateProfile" method="post">
<div class="form-group"> <div class="form-group">
<label for="email">Email</label> <label for="email">Email</label>
@if (ViewContext.ViewData.ModelState["Email"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) @if (ViewContext.ViewData.ModelState["Email"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
{ {
<div class="errors-container"> <div class="errors-container">
<span asp-validation-for="Email" class="errors"></span> <span asp-validation-for="Email" class="errors"></span>
</div> </div>
} }
<input type="email" ap class="form-control" asp-for="Email" id="email" /> <input type="email" ap class="form-control" asp-for="Email" id="email" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="displayName">Display Name</label> <label for="displayName">Display Name</label>
@if (ViewContext.ViewData.ModelState["DisplayName"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) @if (ViewContext.ViewData.ModelState["DisplayName"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
{ {
<div class="errors-container"> <div class="errors-container">
<span asp-validation-for="DisplayName" class="errors"></span> <span asp-validation-for="DisplayName" class="errors"></span>
</div> </div>
} }
<input type="text" class="form-control" asp-for="DisplayName" id="displayName"/> <input type="text" class="form-control" asp-for="DisplayName" id="displayName"/>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" asp-for="IsHidden" id="hidden" /> <input type="checkbox" class="form-check-input" asp-for="IsHidden" id="hidden" />
<label class="form-check-label" for="hidden">Do not show my profile to other users</label> <label class="form-check-label" for="hidden">Do not show my profile to other users</label>
</div>
</div> </div>
</div>
<button type="submit" class="btn btn-primary">Save</button> <button type="submit" class="btn btn-primary">Save</button>
</form></form>
@if (Model.ExternalProviders.Any())
{
<div class="profile-section">
<h2>Logins</h2>
<table class="table table-fixed table-lesspadding">
<colgroup>
<col style="width: 100px;"/>
<col style="width: 100%;"/>
<col style="width: 100px;"/>
</colgroup>
@foreach (var login in Model.ExternalLogins)
{
<tr>
<td>
<span>@login.LoginProvider</span>
</td>
<td>
<span class="truncate">@login.ProviderDisplayName</span>
</td>
<td class="text-right">
@if (Model.ExternalLogins.Count > 1 || Model.HasPassword)
{
<form asp-controller="Profile" asp-action="RemoveLogin" method="post">
<input type="hidden" value="@login.LoginProvider" name="LoginProvider"/>
<input type="hidden" value="@login.ProviderKey" name="ProviderKey"/>
<button type="submit" class="btn btn-text-danger btn-sm">
Remove
</button>
</form>
}
</td>
</tr>
}
</table>
<form asp-controller="Profile" asp-action="AddLogin" method="post">
@foreach (var provider in Model.ExternalProviders.Where(x => Model.ExternalLogins.All(y => x.AuthenticationScheme != y.LoginProvider)))
{
var schema = provider.AuthenticationScheme.ToLowerInvariant();
<button class="btn external-button-small btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme">
<i class="icon-@schema external-icon"></i>
</button>
}
</form>
</div>
}
@if (Model.HasPasswordAuth)@if (Model.ExternalProviders.Any())
{{
<div class="profile-section"> <div class="profile-section">
<h2>Password</h2> <h2>Logins</h2>
@if (Model.HasPassword) <table class="table table-fixed table-lesspadding">
<colgroup>
<col style="width: 100px;"/>
<col style="width: 100%;"/>
<col style="width: 100px;"/>
</colgroup>
@foreach (var login in Model.ExternalLogins)
{ {
<form class="profile-form" asp-controller="Profile" asp-action="ChangePassword" method="post"> <tr>
<div class="form-group"> <td>
<label for="oldPassword">Old Password</label> <span>@login.LoginProvider</span>
</td>
@if (ViewContext.ViewData.ModelState["OldPassword"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) <td>
<span class="truncate">@login.ProviderDisplayName</span>
</td>
<td class="text-right">
@if (Model.ExternalLogins.Count > 1 || Model.HasPassword)
{ {
<div class="errors-container"> <form asp-controller="Profile" asp-action="RemoveLogin" method="post">
<span class="errors">@Html.ValidationMessage("OldPassword")</span> <input type="hidden" value="@login.LoginProvider" name="LoginProvider"/>
</div> <input type="hidden" value="@login.ProviderKey" name="ProviderKey"/>
<button type="submit" class="btn btn-text-danger btn-sm">
Remove
</button>
</form>
} }
</td>
</tr>
}
</table>
<input type="password" class="form-control" name="oldPassword" id="oldPassword" /> <form asp-controller="Profile" asp-action="AddLogin" method="post">
</div> @foreach (var provider in Model.ExternalProviders.Where(x => Model.ExternalLogins.All(y => x.AuthenticationScheme != y.LoginProvider)))
{
<div class="form-group"> var schema = provider.AuthenticationScheme.ToLowerInvariant();
<label for="password">Password</label>
@if (ViewContext.ViewData.ModelState["Password"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) <button class="btn external-button-small btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme">
{ <i class="icon-@schema external-icon"></i>
<div class="errors-container"> </button>
<span class="errors">@Html.ValidationMessage("Password")</span> }
</div> </form>
} </div>
}
@if (Model.HasPasswordAuth)
{
<div class="profile-section">
<h2>Password</h2>
@if (Model.HasPassword)
{
<form class="profile-form" asp-controller="Profile" asp-action="ChangePassword" method="post">
<div class="form-group">
<label for="oldPassword">Old Password</label>
@if (ViewContext.ViewData.ModelState["OldPassword"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
{
<div class="errors-container">
<span class="errors">@Html.ValidationMessage("OldPassword")</span>
</div>
}
<input type="password" class="form-control" name="oldPassword" id="oldPassword" />
</div>
<input type="password" class="form-control" name="password" id="password" /> <div class="form-group" >
</div> <label for="password">Password</label >
<div class="form-group"> @if (ViewContext.ViewData.ModelState["Password"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
<label for="passwordConfirm">Confirm</label> {
<div class="errors-container">
<span class="errors">@Html.ValidationMessage("Password")</span>
</div>
}
@if (ViewContext.ViewData.ModelState["PasswordConfirm"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) <input type="password" class="form-control" name="password" id="password" />
{ </div>
<div class="errors-container">
<span class="errors">@Html.ValidationMessage("PasswordConfirm")</span>
</div>
}
<input type="password" class="form-control" name="passwordConfirm" id="passwordConfirm" /> <div class="form-group">
</div> <label for="passwordConfirm">Confirm</label>
<div class="form-group"> @if (ViewContext.ViewData.ModelState["PasswordConfirm"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
<button type="submit" class="btn btn-primary">Change Password</button> {
</div> <div class="errors-container">
</form> <span class="errors">@Html.ValidationMessage("PasswordConfirm")</span>
} </div>
else }
{
<form class="profile-form" asp-controller="Profile" asp-action="SetPassword" method="post">
<div class="form-group">
<label for="password">Password</label>
@if (ViewContext.ViewData.ModelState["Password"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) <input type="password" class="form-control" name="passwordConfirm" id="passwordConfirm" />
{ </div>
<div class="errors-container">
<span class="errors">@Html.ValidationMessage("Password")</span>
</div>
}
<input type="password" class="form-control" name="password" id="password" /> <div class="form-group">
</div> <button type="submit" class="btn btn-primary">Change Password</button>
</div>
</form>
}
else
{
<form class="profile-form" asp-controller="Profile" asp-action="SetPassword" method="post">
<div class="form-group">
<label for="password">Password</label>
@if (ViewContext.ViewData.ModelState["Password"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
{
<div class="errors-container">
<span class="errors">@Html.ValidationMessage("Password")</span>
</div>
}
<input type="password" class="form-control" name="password" id="password" />
</div>
<div class="form-group"> <div class="form-group">
<label for="passwordConfirm">Confirm</label> <label for="passwordConfirm">Confirm</label>
@if (ViewContext.ViewData.ModelState["PasswordConfirm"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid) @if (ViewContext.ViewData.ModelState["PasswordConfirm"]?.ValidationState == Microsoft.AspNetCore.Mvc.ModelBinding.ModelValidationState.Invalid)
{ {
<div class="errors-container"> <div class="errors-container">
<span class="errors">@Html.ValidationMessage("PasswordConfirm")</span> <span class="errors">@Html.ValidationMessage("PasswordConfirm")</span>
</div> </div>
} }
<input type="password" class="form-control" name="passwordConfirm" id="passwordConfirm" /> <input type="password" class="form-control" name="passwordConfirm" id="passwordConfirm" />
</div> </div>
<div class="form-group"> <div class="form-group">
<button type="submit" class="btn btn-primary">Set Password</button> <button type="submit" class="btn btn-primary">Set Password</button>
</div> </div>
</form> </form>
} }
</div> </div>
}}
</div>
<script><script>
var pictureButton = document.getElementById('pictureButton'); var pictureButton = document.getElementById('pictureButton');
Sebastian Stehle
8 years ago