sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Add card component

Browse source
This commit is contained in:
Sonny 2020-05-23 12:59:50 +02:00
parent abd757f571
commit e5903eebb2
12 changed files with 71 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/newsreader/templates/components/card/card.html Normal file
View file

@ -0,0 +1,13 @@
<div class="card">
{% if header_text %}
{% include "components/card/header.html" %}
{% endif %}
{% if content %}
{% include "components/card/content.html" %}
{% endif %}
{% if footer_text %}
{% include "components/card/footer.html" %}
{% endif %}
</div>

3
src/newsreader/templates/components/card/content.html Normal file
View file

@ -0,0 +1,3 @@
<div class="card__content">
<p>{{ content }}</p>
</div>

3
src/newsreader/templates/components/card/footer.html Normal file
View file

@ -0,0 +1,3 @@
<div class="card__footer">
<p>{{ footer_text }}</p>
</div>

3
src/newsreader/templates/components/card/header.html Normal file
View file

@ -0,0 +1,3 @@
<div class="card__header">
<h1>{{ header_text }}</h1>
</div>

24
src/newsreader/templates/password-reset/password-reset-complete.html
View file

@ -1,23 +1,13 @@
{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Password reset complete" %}{% endblock %}
{% load i18n %}
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Password reset complete" %}</h1>
</div>
<div class="card__content">
<p>
{% trans "Your password has been reset!" %}
{% blocktrans %}
You may now <a href="{{ login_url }}">log in</a>
{% endblocktrans %}.
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Password reset complete" as header_text %}
{% blocktrans asvar content %}
You may now <a href="{{ login_url }}">log in</a>
{% endblocktrans %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

26
src/newsreader/templates/password-reset/password-reset-confirm.html
View file

@ -1,5 +1,5 @@
{% extends "base.html" %}
{% load static i18n %}
{% load i18n %}
{% block meta %}
<!-- NOTE(joshblum): This prevents leaking the password reset token via the
@ -15,23 +15,15 @@
{% trans "Change password" as confirm_text %}
{% include "components/form/form.html" with form=form title=title confirm_text=confirm_text cancel_url=cancel_url %}
{% else %}
<div class="card">
<div class="card__header">
<h1>{% trans "Password reset unsuccessful" %}</h1>
</div>
<div class="card__content">
<p>
{% url 'accounts:password-reset' as reset_url %}
{% blocktrans %}
Password reset unsuccessful. Please
<a class="link" href="{{ reset_url }}">try again.</a>
{% endblocktrans %}
</p>
</div>
<div class="card__footer" />
</div>
{% endif %}
{% trans "Password reset unsuccessful" as header_text %}
{% url 'accounts:password-reset' as reset_url %}
{% blocktrans asvar content %}
Password reset unsuccessful. Please
<a class="link" href="{{ reset_url }}">try again.</a>
{% endblocktrans %}
{% include "components/card/card.html" with header_text=header_text content=content %}
{% endif %}
</main>
{% endblock %}

21
src/newsreader/templates/password-reset/password-reset-done.html
View file

@ -5,19 +5,12 @@
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Password reset" %}</h1>
</div>
<div class="card__content">
<p>
{% blocktrans %}
We have sent you an email with a link to reset your password. Please check
your email and click the link to continue.
{% endblocktrans %}
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Password reset" as header_text %}
{% blocktrans asvar content %}
We have sent you an email with a link to reset your password. Please check
your email and click the link to continue.
{% endblocktrans %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

27
src/newsreader/templates/registration/activation_complete.html
View file

@ -1,7 +1,5 @@
{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Account Activated" %}{% endblock %}
{% load i18n %}
{% comment %}
**registration/activation_complete.html**
@ -13,19 +11,14 @@ account is now active.
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Account activated" %}</h1>
</div>
<div class="card__content">
<p>
{% trans "Your account is now activated." %}
{% if not user.is_authenticated %}
{% trans "You can log in." %}
{% endif %}
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Account activated" as header_text %}
{% if user.is_authenticated %}
{% trans "Your account is activated. You can now log in." as content %}
{% else %}
{% trans "Your account is activated." as content %}
{% endif %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

16
src/newsreader/templates/registration/activation_failure.html
View file

@ -1,7 +1,5 @@
{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Activation Failure" %}{% endblock %}
{% load i18n %}
{% comment %}
**registration/activate.html**
@ -14,14 +12,8 @@ Used if account activation fails. With the default setup, has the following cont
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Activation Failure" %}</h1>
</div>
<div class="card__content">
<p>{% trans "Account activation failed." %}</p>
</div>
<div class="card__footer" />
</div>
{% trans "Activation Failure" as header_text %}
{% trans "Account activation failed." as content %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

18
src/newsreader/templates/registration/activation_resend_complete.html
View file

@ -14,18 +14,10 @@ the following context:
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Account activation resent" %}</h1>
</div>
<div class="card__content">
<p>
{% blocktrans %}
We have sent an email to {{ email }} with further instructions.
{% endblocktrans %}
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Account activation resent" as header_text %}
{% blocktrans asvar content %}
We have sent an email to {{ email }} with further instructions.
{% endblocktrans %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

16
src/newsreader/templates/registration/registration_closed.html
View file

@ -1,20 +1,10 @@
{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Registration is closed" %}{% endblock %}
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Registration is closed" %}</h1>
</div>
<div class="card__content">
<p>
{% trans "Sorry, but registration is closed at this moment. Come back later." %}
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Registration is closed" as header_text %}
{% trans "Sorry, but registration is closed at this moment. Come back later." as content %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}

18
src/newsreader/templates/registration/registration_complete.html
View file

@ -1,7 +1,5 @@
{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Activation email sent" %}{% endblock %}
{% load i18n %}
{% comment %}
**registration/registration_complete.html**
@ -14,16 +12,8 @@ been sent.
{% block content %}
<main class="main">
<div class="card">
<div class="card__header">
<h1>{% trans "Activation email sent" %}</h1>
</div>
<div class="card__content">
<p>
{% trans "Please check your email to complete the registration process." %}
</p>
</div>
<div class="card__footer" />
</div>
{% trans "Activation email sent" as header_text %}
{% trans "Please check your email to complete the registration process." as content %}
{% include "components/card/card.html" with header_text=header_text content=content %}
</main>
{% endblock %}