Update login/logout design
This commit is contained in:
parent
2b729abc0e
commit
56cbad43de
|
@ -1,24 +1,32 @@
|
||||||
<section class="section login-section">
|
<div class="box">
|
||||||
% if (defined stash('msg')) {
|
% if (defined stash('msg')) {
|
||||||
<section class="messages-zone">
|
<div class="message is-error">
|
||||||
<div class="message-card error">
|
<div class="message-body">
|
||||||
<%= stash('msg') %>
|
<%= stash('msg') %>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
% }
|
% }
|
||||||
|
|
||||||
<form class="login-form" method="post" action="<%= url_for('login') %>">
|
<div class="container is-half">
|
||||||
<div class="input-text login">
|
<form class="field is-half" method="post" action="<%= url_for('login') %>">
|
||||||
<label for="login"><%= l('Login') %></label>
|
<div class="field is-narrow">
|
||||||
<input type="text" id="login" name="login" autofocus required>
|
<label class="label" for="login"><%= l('Login') %></label>
|
||||||
|
<div class="control is-narrow">
|
||||||
|
<input class="input is-narrow" type="text" id="login" name="login" autofocus required>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-text input-password">
|
</div>
|
||||||
<label for="password"><%= l('Password') %></label>
|
<div class="field">
|
||||||
<input type="password" id="password" name="password" required>
|
<label class="label" for="password"><%= l('Password') %></label>
|
||||||
|
<input class="input" type="password" id="password" name="password" required>
|
||||||
</div>
|
</div>
|
||||||
%= csrf_field
|
%= csrf_field
|
||||||
<input name="redirect" value="<%= stash('redirect') %>" type="hidden">
|
<input name="redirect" value="<%= stash('redirect') %>" type="hidden">
|
||||||
|
|
||||||
<button class="button" type="submit" name="action"><%= l('Signin') %></button>
|
<div class="field has-text-centered">
|
||||||
|
<div class="control">
|
||||||
|
<button class="button is-primary" type="submit" name="action"><%= l('Signin') %></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</section>
|
</div>
|
||||||
|
</div>
|
|
@ -1,11 +1,19 @@
|
||||||
|
<div class="box">
|
||||||
<section class="logout-section">
|
|
||||||
% if (defined stash('msg')) {
|
% if (defined stash('msg')) {
|
||||||
<article class="message-card error"><%= stash('msg') %></article>
|
<div class="message is-error">
|
||||||
|
<div class="message-body">
|
||||||
|
<%= stash('msg') %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
% } else {
|
% } else {
|
||||||
<article class="info">
|
<div class="message is-error">
|
||||||
|
<div class="message-body">
|
||||||
<p><%= l('You have been successfully logged out.') %></p>
|
<p><%= l('You have been successfully logged out.') %></p>
|
||||||
<a class="button" href="<%= url_for('login') %>"><%= l('Signin') %></a>
|
</div>
|
||||||
</article>
|
</div>
|
||||||
|
|
||||||
|
<div class="has-text-centered">
|
||||||
|
<a class="button is-primary" href="<%= url_for('login') %>"><%= l('Signin') %></a>
|
||||||
|
</div>
|
||||||
% }
|
% }
|
||||||
</section>
|
</div>
|
Loading…
Reference in New Issue