CSS changes for better payment form

diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css
index 0fa4fbba1c9ae6b98341087761b25b15997ada5c..47f049c845f68579f997129d000850d4e993a613 100644 (file)
--- a/teleforma/static/teleforma/css/teleforma.css
+++ b/teleforma/static/teleforma/css/teleforma.css
@@ -3259,3 +3259,48 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
        
 }
 
+#payment_summary{
+       background-color: #FFF;
+       -moz-border-radius: 8px 0px 8px 8px;
+       -webkit-border-radius: 8px 0px 8px 8px;
+       border-radius: 8px 0px 8px 8px;
+       padding: 2em;
+       margin: 0.8em 0;
+       border: 1px solid #dfdfdf;
+}
+#payment_summary h2{
+       margin-top: 0;
+       margin-bottom: 30px;
+}
+#payment_summary table{
+       text-align: left;
+       border-collapse: collapse;
+       border-spacing: 0;
+}
+#payment_summary table tr th,
+#payment_summary table tr td{
+       padding: 8px 40px 8px 0;
+       border-bottom: 1px solid #dfdfdf;
+       
+}
+#payment_summary table tr td:last-child{
+       font-weight: bold;
+       color: #4f628a;
+}
+
+#payment_summary table tr.topay td:last-child{
+       color: red;
+}
+#payment_summary table tr.paid td:last-child{
+       color: #92b220;
+}
+#payment_summary table tr.pending td:last-child{
+       color: #f3ad17;
+}
+#payment_summary table tr.pending{
+       font-weight: bold;
+}
+
+
+
+

diff --git a/teleforma/templates/payment/payment_summary.html b/teleforma/templates/payment/payment_summary.html
index c5caed125bf4bf20984359e105cf5f961f2e6c3b..9daa89b62f52dc287e1eef283b9c0af8f394381c 100644 (file)
--- a/teleforma/templates/payment/payment_summary.html
+++ b/teleforma/templates/payment/payment_summary.html
@@ -11,10 +11,10 @@
     </thead>
     <tbody>
       {% for payment in payments %}
-      <tr>
+      <tr class="{{ payment.sclass }}">
         <td>{{ payment.scheduled }}</td>
         <td>{{ payment.value }}</td>
-        <td class="{{ payment.sclass }}">{{ payment.status }}</td>
+        <td>{{ payment.status }}</td>
       </tr>
       {% endfor %}
     </tbody>

diff --git a/teleforma/templatetags/payment.py b/teleforma/templatetags/payment.py
index c95e2ae634d388bae7dcba87852dc4576b160782..37a088c8c42fe261ae6a9d4584bd7581d3d264f3 100644 (file)
--- a/teleforma/templatetags/payment.py
+++ b/teleforma/templatetags/payment.py
@@ -29,6 +29,7 @@ def payment_summary(context, payment):
             status = obj.get_type_display()
             sclass = "offline"
         payments.append({ 'scheduled': obj.scheduled or obj.date_created.date(),
+                          'sclass': sclass,
                           'value': obj.value,
                           'status': status })
     payments.sort(key = lambda p: p['scheduled'])