X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/28cb104054903726b0556222929f8f2e9941882d..1e9113af163a3d002b0b9c3e8c339f22af5b848a:/apps/funding/templates/funding/tags/funding.html

diff --git a/apps/funding/templates/funding/tags/funding.html b/apps/funding/templates/funding/tags/funding.html
index 981ae62f5..46282518e 100755
--- a/apps/funding/templates/funding/tags/funding.html
+++ b/apps/funding/templates/funding/tags/funding.html
@@ -1,23 +1,48 @@
 {% load i18n %}
 {% load time_tags %}
 {% if offer %}
-<a
-    class="funding {{ add_class }}"
-    style="background-size: {{ percentage|stringformat:'.2f' }}% 1px;"
-    {% if link %}href="{{ offer.get_absolute_url }}"{% endif %}
-    >
-    {% if is_current %}
-        {% trans "Support a book:" %}
+{% spaceless %}
+<div class="funding {{ add_class }}" data-offer-id="{{offer.id}}" style="">
+    {% if closeable %}<a href="#" class="close">X</a>{% endif %}
+    {% if link and is_current %}
+        <div class="call-area">
+            <a class="call honking" href="{% url 'funding_current' offer.slug %}">
+                {% trans "Support!" %}</a>
+            <div class="learn-more">
+                <a href="{% url 'infopage' 'wesprzyj' %}">{% trans "Learn more" %}</a>
+            </div>
+        </div>
     {% endif %}
-    <em>{{ offer }}</em>
-    <span style="float:right">
-    {% trans "collected" %}: <em>{{ offer.sum }} / {{ offer.target }} zł</em>
-    {% if is_current %}
-        <span style="margin-left: 2em;">{% trans "until fundraiser end" %}:
-            <strong class="countdown inline" data-until='{{ offer.end|local_to_utc|utc_for_js }}'></strong>
-        </span>
+    <div class="description {% if link and is_current %}with-button{% endif %}">
+    {% if link %}<a href="{% if is_current %}{% url 'funding_current' offer.slug %}{% else %}{{ offer.get_absolute_url }}{% endif %}">{% endif %}
+    {% if show_title %}
+        {% if is_current and show_title_calling %}<strong style="margin-right: .6em;">{% trans "Help free the book!" %}</strong>{% endif %}
+        <span class="funding-title{% if not is_current %}-strong{% endif %}">{{ offer }}</span>
     {% endif %}
-    </span>
-    <div style="clear:both"></div>
-</a>
+
+    <div class="progress"
+        style="text-align: center; background-size: {{ percentage|stringformat:'.2f' }}% 1px;"
+    >
+        {% if sum %}
+            <span class="piece progress-collected">{% trans "collected" %}: {{ sum }} zł</span>
+        {% endif %}
+        {% if not is_win %}
+            <span class="piece progress-target"><span class="{% if sum %}progress-extralabel{% endif %}">{% trans "needed" %}: </span>{{ offer.target }} zł</span>
+        {% endif %}
+        {% if is_current %}
+            <span class="piece progress-until"><span class="progress-extralabel">{% trans "until fundraiser end" %}:</span>
+                <span class="countdown inline" data-until='{{ offer.end|date_to_utc:True|utc_for_js }}'></span>
+            </span>
+        {% else %}
+            <div style="clear: both"></div>
+        {% endif %}
+    </div>
+    {% if link %}</a>{% endif %}
+    </div>
+    <div style="clear: both"></div>
+</div>
+{% if closeable %}
+    <div class="funding-handle">{% trans "Help free the book!" %}</div>
+{% endif %}
+{% endspaceless %}
 {% endif %}