Mirroristas/CommunitySolidServer
2
0
Fork 0
mirror of https://github.com/CommunitySolidServer/CommunitySolidServer.git synced 2024-10-03 14:55:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Update remaining IDP templates to match main template

Browse Source
This commit is contained in:
Joachim Van Herwegen
2021-07-16 09:29:48 +02:00
parent 6897784a92
commit 13641fc494
8 changed files with 137 additions and 3153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
templates/idp/email-password-interaction/confirm.ejs
View File

@@ -1,24 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Authorize</title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<h1 class="title--white">Authorize</h1>
<div class="login-panel">
<div class="panel-body">
<form autocomplete="off" action="/idp/confirm" method="post">
<button autofocus type="submit" name="submit" class="ids-link-filled">Continue</button>
</form>
</div>
</div>
</div>
</section>
</div>
</body>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Authorize</title>
<link rel="stylesheet" href="/.well_known/css/styles/main.css" type="text/css">
</head>
<body>
<header>
<img src="/.well_known/css/images/solid.svg" alt="[Solid logo]" />
<h1>Community Solid Server</h1>
</header>
<main>
<h1>Authorize</h1>
<form action="/idp/confirm" method="post">
<p class="actions"><button autofocus type="submit" name="submit" class="ids-link-filled">Continue</button></p>
</form>
</main>
<footer>
<p>©2019–2021 Inrupt Inc. and imec</p>
</footer>
</body>
</html>

63
templates/idp/email-password-interaction/emailSent.ejs
View File

@@ -1,41 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign-in</title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<h1 class="title--white">Email Sent</h1>
<div class="login-panel">
<div class="panel-body">
<form autocomplete="off" action="/idp/forgotpassword" method="post">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Email sent</title>
<link rel="stylesheet" href="/.well_known/css/styles/main.css" type="text/css">
</head>
<body>
<header>
<img src="/.well_known/css/images/solid.svg" alt="[Solid logo]" />
<h1>Community Solid Server</h1>
</header>
<main>
<h1>Email sent</h1>
<form action="/idp/forgotpassword" method="post">
<p>If your account exists, an email has been sent with a link to reset your password.</p>
<p>If you do not receive your email in a couple of minutes, check your spam folder or click the link below to send another email.</p>
<div class="input-wrap">
<p>If your account exists, an email has been sent with a link to reset your password.</p>
</div>
<input type="hidden" name="email" value="<%= prefilled.email %>" />
<div class="input-wrap">
<p>If you do not receive your email in a couple of minutes, check your spam folder or click the link below to send another email.</p>
</div>
<p class="actions"><a href="/idp/login">Back to Log In</a></p>
<input type="hidden" name="email" value="<%= prefilled.email %>" />
<a href="/idp/login" class="ids-link-filled">Back to Log In</a>
<hr />
<div class="space-between">
<button type="submit" name="submit" class="link">Send Another Email</button>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</body>
<hr />
<p class="actions">
<button type="submit" name="submit" class="link">Send Another Email</button>
</p>
</form>
</main>
<footer>
<p>©2019–2021 Inrupt Inc. and imec</p>
</footer>
</body>
</html>

23
templates/idp/email-password-interaction/error.ejs
View File

@@ -1,23 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= message %></title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<section class="toaster-wrap--error toaster" style="margin-top: 114px">
<div class="toaster-wrap__content">
<p class="content__message">
<i class="icon fa fa-exclamation-circle"> </i> <%= message %>
</p>
</div>
</section>
</div>
</section>
</div>
</body>
</html>

71
templates/idp/email-password-interaction/forgotPassword.ejs
View File

@@ -1,44 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Forgot Password</title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<h1 class="title--white">Forgot Password</h1>
<div class="login-panel">
<div class="panel-body">
<form autocomplete="off" action="/idp/forgotpassword" method="post">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Forgot password</title>
<link rel="stylesheet" href="/.well_known/css/styles/main.css" type="text/css">
</head>
<body>
<header>
<img src="/.well_known/css/images/solid.svg" alt="[Solid logo]" />
<h1>Community Solid Server</h1>
</header>
<main>
<h1>Forgot password</h1>
<form action="/idp/forgotpassword" method="post">
<%if (errorMessage) { %>
<p class="error"><%= errorMessage %></p>
<% } %>
<%if (errorMessage) { %>
<div class="input-wrap">
<label style="color: #D0021B">
<%= errorMessage %>
</label>
</div>
<% } %>
<fieldset>
<ol>
<li>
<label for="email">Email</label>
<input id="email" type="email" name="email" autofocus>
</li>
</ol>
</fieldset>
<div class="input-wrap">
<label for="email">Email:</label>
<input id="email" type="text" name="email" autofocus />
</div>
<p class="actions"><button type="submit" name="submit">Send recovery email</button></p>
<button type="submit" name="submit" class="ids-link-filled">Send Recovery Email</button>
<hr />
<div class="space-between">
<a href="/idp/login" class="link">Log In</a>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</body>
<p class="actions"><a href="/idp/login" class="link">Log in</a></p>
</form>
</main>
<footer>
<p>©2019–2021 Inrupt Inc. and imec</p>
</footer>
</body>
</html>

2949
templates/idp/email-password-interaction/main.css
View File

File diff suppressed because it is too large Load Diff

38
templates/idp/email-password-interaction/message.ejs
View File

@@ -1,23 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><%= message %></title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<section class="toaster-wrap--primary toaster" style="margin-top: 114px">
<div class="toaster-wrap__content">
<p class="content__message">
<%= message %>
</p>
</div>
</section>
</div>
</section>
</div>
</body>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title><%= message %></title>
<link rel="stylesheet" href="/.well_known/css/styles/main.css" type="text/css">
</head>
<body>
<header>
<img src="/.well_known/css/images/solid.svg" alt="[Solid logo]" />
<h1>Community Solid Server</h1>
</header>
<main>
<p><%= message %></p>
</main>
<footer>
<p>©2019–2021 Inrupt Inc. and imec</p>
</footer>
</body>
</html>

76
templates/idp/email-password-interaction/resetPassword.ejs
View File

@@ -1,45 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Reset Password</title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<h1 class="title--white">Reset Password</h1>
<div class="login-panel">
<div class="panel-body">
<form autocomplete="off" action="/idp/resetpassword" method="post">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Reset password</title>
<link rel="stylesheet" href="/.well_known/css/styles/main.css" type="text/css">
</head>
<body>
<header>
<img src="/.well_known/css/images/solid.svg" alt="[Solid logo]" />
<h1>Community Solid Server</h1>
</header>
<main>
<h1>Reset password</h1>
<form action="/idp/resetpassword" method="post">
<%if (errorMessage) { %>
<p class="error"><%= errorMessage %></p>
<% } %>
<%if (errorMessage) { %>
<div class="input-wrap">
<label style="color: #D0021B">
<%= errorMessage %>
</label>
</div>
<% } %>
<fieldset>
<ol>
<li>
<label for="password">New password</label>
<input id="password" type="password" name="password" placeholder="">
</li>
<li>
<label for="confirmPassword">Confirm new password</label>
<input id="confirmPassword" type="password" name="password" placeholder="">
</li>
</ol>
<div class="input-wrap">
<label for="password">New Password:</label>
<input id="password" type="password" name="password" placeholder="" />
</div>
<input type="hidden" name="recordId" value="<%= recordId %>" />
</fieldset>
<div class="input-wrap">
<label for="confirmPassword">Confirm New Password:</label>
<input id="confirmPassword" type="password" name="confirmPassword" placeholder="" />
</div>
<input type="hidden" name="recordId" value="<%= recordId %>" />
<button type="submit" name="submit" class="ids-link-filled">Reset Password</button>
</form>
</div>
</div>
</div>
</section>
</div>
</body>
<p class="actions"><button type="submit" name="submit">Reset password</button></p>
</form>
</main>
<footer>
<p>©2019–2021 Inrupt Inc. and imec</p>
</footer>
</body>
</html>

28
templates/idp/email-password-interaction/resetPasswordEmailTemplate.ejs
View File

@@ -1,28 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign-in</title>
<link rel="stylesheet" href="/idp/style.css">
</head>
<body>
<div class="main-content">
<section class="main-content-section">
<div class="wrapper">
<h1 class="title--white">Reset Password</h1>
<div class="login-panel">
<div class="panel-body">
<div class="input-wrap">
<p>You've requested a password reset for your Solid account. Click below to reset.</p>
</div>
<a href="<%= link %>" class="lds-link-filled">Reset Password</a>
</div>
</div>
</div>
</section>
</div>
</body>
</html>