Make the application modular to have a "main" and "backend" part.
This commit is contained in:
parent
884f721002
commit
e5b0e1fcfd
28 changed files with 112 additions and 7 deletions
50
app/views/main/auth/index.volt
Normal file
50
app/views/main/auth/index.volt
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
|
||||
|
||||
<div class="login-container section">
|
||||
|
||||
<h3>Login</h3>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<p class="text-center"><strong>Heads up!</strong> Signup is currently not available.</p>
|
||||
<p>
|
||||
Login using username/password can be setup after registration.
|
||||
First time users can only register with third party services below
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<span class="spacer"></span>
|
||||
|
||||
<form class="form" method="post" action="">
|
||||
<div class="form-group">
|
||||
{{ form.render('Email') }}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.render('Password') }}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{{ form.render('Login') }}
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<span class="spacer"></span>
|
||||
|
||||
<div class="oauth">
|
||||
|
||||
<a class="button button-github" href="{{ url(['for': 'oauth', 'strategy': 'github']) }}">
|
||||
{{ icon('brand/github') }} GitHub
|
||||
</a>
|
||||
|
||||
<a class="button button-google" href="{{ url(['for': 'oauth', 'strategy': 'google']) }}">
|
||||
{{ icon('brand/google') }} Google
|
||||
</a>
|
||||
|
||||
<a class="button button-gitlab" href="{{ url(['for': 'oauth', 'strategy': 'gitlab']) }}">
|
||||
{{ icon('brand/gitlab') }} Gitlab
|
||||
</a>
|
||||
|
||||
<a class="button button-linkedin" href="{{ url(['for': 'oauth', 'strategy': 'linkedin']) }}">
|
||||
{{ icon('brand/linkedin') }} LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
43
app/views/main/auth/register.volt
Normal file
43
app/views/main/auth/register.volt
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
|
||||
|
||||
<div class="register">
|
||||
|
||||
<h2>Account registration</h2>
|
||||
|
||||
<div class="alert alert-info alert-dismissible" role="alert">
|
||||
|
||||
<strong>Information!</strong>
|
||||
|
||||
<p>
|
||||
The form is prepared with the information provided by <strong>{{ provider }}</strong>.
|
||||
Please check the information and make changes if necessary before continue.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<span class="spacer"></span>
|
||||
|
||||
<form class="form form-horizontal" method="post">
|
||||
|
||||
<div class="form-group">
|
||||
{{ form.renderDecorated('email') }}
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
{{ form.renderDecorated('username') }}
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
{{ form.renderDecorated('first-name', ['length': 4]) }}
|
||||
{{ form.renderDecorated('last-name', ['length': 4]) }}
|
||||
</div>
|
||||
|
||||
<span class="spacer"></span>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-xs-12 col-xs-offset-2">
|
||||
{{ form.render('submit') }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Reference in a new issue