Fix multiple form and table issues

This commit is contained in:
Jan Tuomi
2017-10-28 16:50:38 +03:00
parent 402cdc3533
commit 331d4b86b9
19 changed files with 830 additions and 713 deletions
+13 -59
View File
@@ -1,67 +1,21 @@
{% extends "application_form_base.html" %}
{% load static %}
{% load bootstrap3 %}
{% load i18n %}
{% block content %}
<link rel="stylesheet" href="{% static "css/application.css" %}">
<div id="input_form" ng-controller="applicationController">
<form name="applicationForm">
<div class="col-xs-12">
<h3>Killan jäseneksi liittyminen on helppoa ja hauskaa!</h3>
<h3>Täytä vain alla oleva lomake</h3>
<h4>Muista myös maksaa jäsenmaksusi!</h4>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label for="firstNameField">Etunimi: </label>
<input id="firstNameField" required type="text" placeholder="Sähkö" class="form-control" ng-model="member.first_name"></input>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label for="lastNameField">Sukunimi: </label>
<input id="lastNameField" required type="text" placeholder="Insinööri" class="form-control" ng-model="member.last_name"></input>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label for="emailField">Sähköposti: </label>
<input id="emailField" required type="text" placeholder="sahko.insinoori@aalto.fi" class="form-control" ng-model="member.email"></input>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Olen AYY:n jäsen: </label>
<input type="checkbox" autocomplete="off" id="AYY" value="0" ng-model="member.AYY">
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Haluan saada viikottaisia jäsenmaileja: </label>
<input type="checkbox" class="custom-control-input" autocomplete="off" id="JAS" value="0" ng-model="member.jas">
</label>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div class="form-group">
<label>Asuinkunta: </label>
<input id="PORField" required type="text" placeholder="Otaniemi" class="form-control" ng-model="member.POR"></input>
</div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<div
id="captcha"
vc-recaptcha
theme="'light'"
key="'6LevHAcUAAAAAA45B7c-7qja-2aSwHztr9xb4K2Z'"
on-create="setWidgetId(widgetId)"
on-success="setResponse(response)"
on-expire="cbExpiration()"
></div>
</div>
<div class="col-xs-10 col-xs-offset-1">
<button ng-click="applicationForm.$valid && send()" type="submit" class="btn btn-success" id="sendmember">Liity</button>
</div>
<h3>{% trans "Killan jäseneksi liittyminen on helppoa ja hauskaa!" %}</h3>
<h3>{% trans "Täytä vain alla oleva lomake" %}</h3>
<h4>{% trans "Muista myös maksaa jäsenmaksusi!" %}</h4>
<div class="form">
<form method="POST" action="/members/submit_application">{% csrf_token %}
{% bootstrap_form form %}
{% buttons %}
<button type="submit" class="btn btn-primary">
{% trans "Send" %}
</button>
{% endbuttons %}
</form>
</div>
{% endblock content %}