Menu reorder.

[wolnelektury.git] / src / club / templates / club / membership_form.html

diff --git a/src/club/templates/club/membership_form.html b/src/club/templates/club/membership_form.html
index ac4e4c1..36cd052 100644 (file)
--- a/src/club/templates/club/membership_form.html
+++ b/src/club/templates/club/membership_form.html
@@ -1,13 +1,34 @@
 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
 {% load chunks %}
 {% load thumbnail %}
+{% load club %}
 
-{% block titleextra %}Towarzystwo Wolnych Lektur{% endblock %}
+{% block titleextra %}Uwalniaj książki razem z nami!{% endblock %}
+{% block metadescription %}„Wolne Lektury należy wspierać, bo są” - Filip Springer{% endblock %}
 
 
 {% block body %}
 
   <style>
+
+   .plan-select {
+       margin-bottom: 15px;
+   }
+.methods {
+ color: #888;
+line-height: 30px;
+}
+.methods .method {
+  border: 1px solid #888;
+  border-radius: 5px;
+display: inline-block;
+padding: 0 5px;
+}
+.methods img {
+height: 30px;
+margin-right: 10px;
+vertical-align: middle;
+}
    .payment-method.disabled {
        opacity: .5;
        filter: grayscale(100%);
@@ -67,17 +88,20 @@
    .inna.active .button {display: none;}
 
    .ambassador {
-       padding: 2em 145px 2em 2em;
+       padding: 2em;
        margin-bottom: 1em;
        border: 1px solid #ddd;
        position: relative;
    }
+   .ambassador.with-photo {
+       padding-right: 145px;
+   }
    .ambassador img {
        border-radius: 100%;
        height: 100px;
        width: 100px;
        position: absolute;
-       top: 30px;
+       top: 35px;
        right: 30px;
    }
    .ambassador div {
@@ -119,6 +143,12 @@
     <h2 style="margin-bottom:2em;">
       {% if membership %}Dziękujemy za Twoje dotychczasowe zaangażowanie! Wesprzyj nas ponownie!{% else %}Dziękujemy, że chcesz razem z nami uwalniać książki!{% endif %}</h2>
 
+    {% with schedule=request.user|active_schedule %}
+     {% if schedule %}
+      <p><a href="{{ schedule.get_absolute_url }}">Zobacz swoje dotychczasowe wsparcie.</a></p>
+     {% endif %}
+    {% endwith %}
+
     {% chunk 'club_form_top' %}
     <div class='twocol'>
 
@@ -140,7 +170,7 @@
 
         {{ form.amount }}
         {{ form.monthly }}
-        <div>
+        <div class="plan-select">
           <span class="button plan-toggle" data-plan="plan-single" data-monthly="False">jednorazowo</span>
           <span class="button plan-toggle active" data-plan="plan-monthly" data-monthly="True">miesięcznie</span>
         </div>
@@ -154,6 +184,7 @@
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>
+<div class="methods">{% include 'club/payment/payu.html' %}</div>
         </div>
 
 
@@ -166,6 +197,7 @@
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>
+<div class="methods">{% include 'club/payment/payu-re.html' %}</div>
         </div>
 
         <h3>
@@ -174,12 +206,12 @@
 
         <p>
           {{ form.email }}</p>
-        <button class="submit" type='submit'>Dołącz</button>
+        <button class="submit" type='submit'>Wpłać</button>
       </form>
 
       <div class="club-form-info">
         {% if ambassador %}
-          <div class="ambassador">
+       <div class="ambassador {% if ambassador.photo %}with-photo{% endif %}">
             <div>
               <em>
                 {{ ambassador.text }}
@@ -205,6 +237,8 @@
 </div>
 </div>
 
+{% chunk 'club_form_bottom' %}
+
 </div>
 
 {% endblock %}