Pear-Trading/Foodloop-Server
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Final minor pass of a full registration form on the website

Browse source
This commit is contained in:
Tom Bloor 2017-04-09 14:17:12 +01:00
parent 704f429fa5
commit 1bb483bb5a
4 changed files with 108 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

46
templates/register/index.html.ep
View file

@ -20,42 +20,62 @@ body {
% content_for javascript => begin
% end
<div class="container">
% if ( my $error = flash 'error' ) {
% if ( defined $error ) {
<div class="alert alert-danger" role="alert">
<strong>Error!</strong> <%= $error %>
</div>
% } elsif ( my $success = flash 'success' ) {
<div class="alert alert-success" role="alert">
<strong>Success!</strong> <%= $success %>
<strong>Error!</strong><br>
% for my $error_single ( @$error ) {
<%= $error_single %><br>
% }
</div>
% }
<div class="row justify-content-center">
<!-- Fluid Gird, this login box stay in the middle of screen -->
<div class="col-8">
<div class="register-form panel">
<form action="<%= url_for %>" method="post">
<div class="form-group">
<label for="register-token">Invitation Token</label>
<input type="text" id="register-token" class="form-control" name="token" required>
<input type="text"
id="register-token"
class="form-control"
name="token"
value="<%= $form_data->{token} %>"
required>
</div>
<div class="form-group">
<label for="register-name">Full Name</label>
<input type="text" id="register-name" class="form-control" name="name" required>
<input type="text"
id="register-name"
class="form-control"
name="name"
value="<%= $form_data->{name} %>"
required>
</div>
<div class="form-group">
<label for="register-email">Email Address</label>
<input type="email" id="register-email" class="form-control" name="email" required>
<input type="email"
id="register-email"
class="form-control"
name="email"
value="<%= $form_data->{email} %>"
required>
</div>
<div class="form-group">
<label for="register-postcode">Postcode</label>
<input type="text" id="register-postcode" class="form-control" name="postcode" required>
<input type="text"
id="register-postcode"
class="form-control"
name="postcode"
value="<%= $form_data->{postcode} %>"
required>
</div>
<div class="form-group">
<label for="register-age">Age Range</label>
<select id="register-age" class="form-control" name="agerange">
<select id="register-age" class="form-control" name="agerange" required>
% for my $agerange ( @$ageranges ) {
<option value="<%= $agerange->{agerangeid} %>"><%= $agerange->{agerangestring} %></option>
<option value="<%= $agerange->{agerangeid} %>"<%= defined $form_data->{agerange} && $form_data->{agerange} eq $agerange->{agerangeid} ? ' selected' : '' %>>
<%= $agerange->{agerangestring} %>
</option>
% }
</select>
</div>

11
templates/root/index.html.ep
View file

@ -22,7 +22,16 @@ body {
% end
% content_for javascript => begin
% end
<div class="container-fluid">
<div class="container">
% if ( my $error = flash 'error' ) {
<div class="alert alert-danger" role="alert">
<strong>Error!</strong> <%= $error %>
</div>
% } elsif ( my $success = flash 'success' ) {
<div class="alert alert-success" role="alert">
<strong>Success!</strong> <%= $success %>
</div>
% }
<div class="row justify-content-center">
<!-- Fluid Gird, this login box stay in the middle of screen -->
<div class="col-5">