no card added

This commit is contained in:
Arvind Tiwari 2017-09-05 01:51:53 +05:30
parent 3ff0c4a1a2
commit 5d3f355c36
4 changed files with 56 additions and 28 deletions

View file

@ -8,7 +8,7 @@ msgid ""
msgstr "" msgstr ""
"Project-Id-Version: PACKAGE VERSION\n" "Project-Id-Version: PACKAGE VERSION\n"
"Report-Msgid-Bugs-To: \n" "Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2017-09-02 03:08+0530\n" "POT-Creation-Date: 2017-09-05 00:59+0530\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n" "Language-Team: LANGUAGE <LL@li.org>\n"
@ -371,21 +371,17 @@ msgstr "KARTE ENTFERNEN"
msgid "EDIT CARD" msgid "EDIT CARD"
msgstr "BEARBEITEN" msgstr "BEARBEITEN"
msgid "Add a new Card." msgid "No Credit Cards Added"
msgstr "Neue Kreditkarte hinzufügen." msgstr "Es wurde keine Kreditkarte hinzugefügt"
msgid "" msgid ""
"Please fill in your credit card information below. We are using <a href=" "We are using <a href=\"https://stripe.com\">Stripe</a> for payment and do "
"\"https://stripe.com\" target=\"_blank\">Stripe</a> for payment and do not " "not store your information in our database."
"store your information in our database."
msgstr "" msgstr ""
"Bitte füll Deine Kreditkarteninformationen unten aus. Wir nutzen <a href=" "Wir nutzen <a href="
"\"https://stripe.com\" target=\"_blank\">Stripe</a> für die Bezahlung und " "\"https://stripe.com\" target=\"_blank\">Stripe</a> für die Bezahlung und "
"speichern keine Informationen in unserer Datenbank." "speichern keine Informationen in unserer Datenbank."
msgid "You are not making any payment here."
msgstr "Es wird noch keine Bezahlung vorgenommen"
msgid "Add your public SSH key" msgid "Add your public SSH key"
msgstr "Füge deinen öffentlichen SSH-Key hinzu" msgstr "Füge deinen öffentlichen SSH-Key hinzu"
@ -543,6 +539,12 @@ msgid ""
"contact Data Center Light Support." "contact Data Center Light Support."
msgstr "Kontaktiere den Data Center Light Support." msgstr "Kontaktiere den Data Center Light Support."
#~ msgid "Add a new Card."
#~ msgstr "Neue Kreditkarte hinzufügen."
#~ msgid "You are not making any payment here."
#~ msgstr "Es wird noch keine Bezahlung vorgenommen"
#~ msgid "Your SSH Keys" #~ msgid "Your SSH Keys"
#~ msgstr "Deine SSH Keys" #~ msgstr "Deine SSH Keys"

View file

@ -337,3 +337,22 @@
.btn-wide { .btn-wide {
min-width: 100px; min-width: 100px;
} }
.no-cards {
text-align: center;
color: #999;
padding: 15px;
background: rgba(0,0,0,0.02);
display: flex;
flex-direction: column;
height: 230px;
justify-content: center;
}
.no-cards h4 {
font-size: 24px;
}
.no-cards a {
color: #7ca3d0;
}

View file

@ -32,7 +32,7 @@
<img class="svg-img" src="{% static 'hosting/img/billing.svg' %}"> <img class="svg-img" src="{% static 'hosting/img/billing.svg' %}">
</div> </div>
</a> </a>
<a href="" class="hosting-dashboard-item"> <a href="{% url 'hosting:settings' %}" class="hosting-dashboard-item">
<h2>{% trans "My Settings" %}</h2> <h2>{% trans "My Settings" %}</h2>
<div class="hosting-dashboard-image"> <div class="hosting-dashboard-image">
<img class="svg-img" src="{% static 'hosting/img/dashboard_settings.svg' %}"> <img class="svg-img" src="{% static 'hosting/img/dashboard_settings.svg' %}">

View file

@ -30,24 +30,29 @@
<h3>{%trans "Credit Card"%}</h3> <h3>{%trans "Credit Card"%}</h3>
<hr> <hr>
<div> <div>
<div> {% if credit_card_data.last4 %}
{% if credit_card_data.last4 %} <div class="credit-card-details">
<div class="credit-card-details"> <h5 class="billing-head">{% trans "Credit Card" %}</h5>
<h5 class="billing-head">{% trans "Credit Card" %}</h5> <h5 class="membership-lead">{% trans "Last" %} 4: *****{{credit_card_data.last4}}</h5>
<h5 class="membership-lead">{% trans "Last" %} 4: *****{{credit_card_data.last4}}</h5> <h5 class="membership-lead">{% trans "Type" %}: {{credit_card_data.cc_brand}}</h5>
<h5 class="membership-lead">{% trans "Type" %}: {{credit_card_data.cc_brand}}</h5> <div class="credit-card-details-opt">
<div class="credit-card-details-opt"> <div class="row">
<div class="row"> <div class="col-xs-6">
<div class="col-xs-6"> <a class="caps-link" href=""><img src="{% static 'hosting/img/delete.svg' %}" class="svg-img">{% trans "REMOVE CARD" %}</a>
<a class="caps-link" href=""><img src="{% static 'hosting/img/delete.svg' %}" class="svg-img">{% trans "REMOVE CARD" %}</a> </div>
</div> <div class="col-xs-6 text-right">
<div class="col-xs-6 text-right"> <a class="btn btn-vm-contact" href="">{% trans "EDIT CARD" %}</a>
<a class="btn btn-vm-contact" href="">{% trans "EDIT CARD" %}</a>
</div>
</div> </div>
</div> </div>
</div> </div>
{% else %} </div>
{% else %}
<div class="no-cards">
<h4>{% trans "No Credit Cards Added" %}</h4>
<p>{% blocktrans %}We are using <a href="https://stripe.com">Stripe</a> for payment and do not store your information in our database.{% endblocktrans %}</p>
</div>
{% comment %}
<h4>{% trans "Add a new Card." %}</h4> <h4>{% trans "Add a new Card." %}</h4>
<p style="margin-bottom: 15px;"> <p style="margin-bottom: 15px;">
{% blocktrans %}Please fill in your credit card information below. We are using <a href="https://stripe.com" target="_blank">Stripe</a> for payment and do not store your information in our database.{% endblocktrans %} {% blocktrans %}Please fill in your credit card information below. We are using <a href="https://stripe.com" target="_blank">Stripe</a> for payment and do not store your information in our database.{% endblocktrans %}
@ -108,14 +113,15 @@
<p class="payment-errors"></p> <p class="payment-errors"></p>
</div> </div>
</form> </form>
{% endif %} {% endcomment %}
</div> {% endif %}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% comment %}
<!-- stripe key data --> <!-- stripe key data -->
{% if stripe_key %} {% if stripe_key %}
{% get_current_language as LANGUAGE_CODE %} {% get_current_language as LANGUAGE_CODE %}
@ -137,4 +143,5 @@
})(); })();
</script> </script>
{%endif%} {%endif%}
{% endcomment %}
{%endblock%} {%endblock%}