Add card component
This commit is contained in:
parent
abd757f571
commit
e5903eebb2
12 changed files with 71 additions and 117 deletions
13
src/newsreader/templates/components/card/card.html
Normal file
13
src/newsreader/templates/components/card/card.html
Normal 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
3
src/newsreader/templates/components/card/content.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="card__content">
|
||||
<p>{{ content }}</p>
|
||||
</div>
|
||||
3
src/newsreader/templates/components/card/footer.html
Normal file
3
src/newsreader/templates/components/card/footer.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="card__footer">
|
||||
<p>{{ footer_text }}</p>
|
||||
</div>
|
||||
3
src/newsreader/templates/components/card/header.html
Normal file
3
src/newsreader/templates/components/card/header.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="card__header">
|
||||
<h1>{{ header_text }}</h1>
|
||||
</div>
|
||||
|
|
@ -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 %}
|
||||
{% trans "Password reset complete" as header_text %}
|
||||
{% blocktrans asvar content %}
|
||||
You may now <a href="{{ login_url }}">log in</a>
|
||||
{% endblocktrans %}.
|
||||
</p>
|
||||
</div>
|
||||
<div class="card__footer" />
|
||||
</div>
|
||||
{% endblocktrans %}
|
||||
|
||||
{% include "components/card/card.html" with header_text=header_text content=content %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
{% trans "Password reset unsuccessful" as header_text %}
|
||||
{% url 'accounts:password-reset' as reset_url %}
|
||||
{% blocktrans %}
|
||||
{% blocktrans asvar content %}
|
||||
Password reset unsuccessful. Please
|
||||
<a class="link" href="{{ reset_url }}">try again.</a>
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="card__footer" />
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% include "components/card/card.html" with header_text=header_text content=content %}
|
||||
{% endif %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
{% 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 %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="card__footer" />
|
||||
</div>
|
||||
|
||||
{% include "components/card/card.html" with header_text=header_text content=content %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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." %}
|
||||
{% 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 %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="card__footer" />
|
||||
</div>
|
||||
|
||||
{% include "components/card/card.html" with header_text=header_text content=content %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
{% trans "Account activation resent" as header_text %}
|
||||
{% blocktrans asvar content %}
|
||||
We have sent an email to {{ email }} with further instructions.
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="card__footer" />
|
||||
</div>
|
||||
{% include "components/card/card.html" with header_text=header_text content=content %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
|
|
@ -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 %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue