Adding some css, fix message on log in failure

This commit is contained in:
simojenki
2021-03-02 11:54:27 +11:00
parent 06024e8e36
commit ce6c1638fd
10 changed files with 63 additions and 23 deletions

View File

@@ -1,5 +1,5 @@
<% layout('./layout', { title: "Failure" }) %>
<div id="content">
<h1><%= it.message %></h1>
<h1 class="failure"><%= it.message %></h1>
</div>

View File

@@ -1,8 +1,7 @@
<% layout('./layout') %>
<div id="content">
<h1>bonob service</h1>
<h2><%= it.bonobService.name %> (<%= it.bonobService.sid %>)
<h1><%= it.bonobService.name %> (<%= it.bonobService.sid %>)</h1>
<h3>Expected config</h3>
<div><%= JSON.stringify(it.bonobService) %></div>
<% if(it.registeredBonobService) { %>

View File

@@ -2,6 +2,33 @@
<html lang="en">
<head>
<title><%= it.title || "bonob" %></title>
<style>
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}
div#content {
margin: auto;
width: 60%;
}
h1 {
font-size: 700%;
}
label {
font-size: 300%;
}
input {
font-size: 300%;
width: 80%;
}
input#submit {
margin-top: 100px
}
</style>
</head>
<body>
<%~ it.body %>

View File

@@ -1,11 +1,13 @@
<% layout('./layout', { title: "Login" }) %>
<div id="content">
<h1>Log in to <%= it.bonobService.name %></h1>
<h1 class="login">Log<br>in<br>to<br><%= it.bonobService.name %></h1>
<form action="<%= it.loginRoute %>" method="POST">
<label for="username">Username:</label><input type="text" id="username" name="username"><br>
<label for="password">Password:</label><input type="text" id="password" name="password"><br>
<label for="username">Username:</label><br>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label><br>
<input type="password" id="password" name="password"><br>
<input type="hidden" name="linkCode" value="<%= it.linkCode %>">
<input type="submit" value="Login">
<input type="submit" value="Login" id="submit">
</form>
</div>

View File

@@ -1,5 +1,5 @@
<% layout('./layout', { title: "Yippee" }) %>
<div id="content">
<h1><%= it.message %></h1>
<h1 class="success"><%= it.message %></h1>
</div>