stages/identification: add more templates

passbook/stages/identification/migrations/0004_auto_20200510_1648.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.0.5 on 2020-05-10 16:48
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("passbook_stages_identification", "0003_auto_20200509_2025"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="identificationstage",
+            name="template",
+            field=models.TextField(
+                choices=[
+                    ("stages/identification/login.html", "Default Login"),
+                    ("stages/identification/recovery.html", "Default Recovery"),
+                ]
+            ),
+        ),
+    ]

passbook/stages/identification/models.py

@@ -16,7 +16,8 @@ class UserFields(models.TextChoices):
 class Templates(models.TextChoices):
     """Templates to be used for the stage"""
 
-    DEFAULT_LOGIN = "login/form.html"
+    DEFAULT_LOGIN = "stages/identification/login.html"
+    DEFAULT_RECOVERY = "stages/identification/recovery.html"
 
 
 class IdentificationStage(Stage):

passbook/stages/identification/templates/stages/identification/login.html

@@ -0,0 +1 @@
+{% extends 'login/form.html' %}

passbook/stages/identification/templates/stages/identification/recovery.html

@@ -0,0 +1,68 @@
+{% extends 'base/skeleton.html' %}
+
+{% load static %}
+{% load i18n %}
+
+{% block body %}
+<div class="pf-c-background-image">
+    <svg xmlns="http://www.w3.org/2000/svg" class="pf-c-background-image__filter" width="0" height="0">
+        <filter id="image_overlay">
+            <feColorMatrix type="matrix" values="1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 1 0"></feColorMatrix>
+            <feComponentTransfer color-interpolation-filters="sRGB" result="duotone">
+                <feFuncR type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncR>
+                <feFuncG type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncG>
+                <feFuncB type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncB>
+                <feFuncA type="table" tableValues="0 1"></feFuncA>
+            </feComponentTransfer>
+        </filter>
+    </svg>
+</div>
+{% include 'partials/messages.html' %}
+<div class="pf-c-login">
+    <div class="pf-c-login__container">
+        <header class="pf-c-login__header">
+            <img class="pf-c-brand" src="{% static 'passbook/logo.svg' %}" style="height: 60px;"
+                alt="passbook icon" />
+            <img class="pf-c-brand" src="{% static 'passbook/brand.svg' %}" style="height: 60px;"
+                alt="passbook branding" />
+        </header>
+        <main class="pf-c-login__main">
+            <header class="pf-c-login__main-header">
+                <h1 class="pf-c-title pf-m-3xl">
+                    {% trans 'Trouble Logging In?' %}
+                </h1>
+            </header>
+            <div class="pf-c-login__main-body">
+                {% block card %}
+                <form method="POST" class="pf-c-form">
+                    {% block above_form %}
+                    {% endblock %}
+
+                    {% include 'partials/form.html' %}
+
+                    {% block beneath_form %}
+                    {% endblock %}
+                    <div class="pf-c-form__group pf-m-action">
+                        <button class="pf-c-button pf-m-primary pf-m-block" type="submit">{% trans primary_action %}</button>
+                    </div>
+                </form>
+                {% endblock %}
+            </div>
+            <footer class="pf-c-login__main-footer">
+                {% if config.login.subtext %}
+                <p>{{ config.login.subtext }}</p>
+                {% endif %}
+            </footer>
+        </main>
+        <footer class="pf-c-login__footer">
+            <p></p>
+            <ul class="pf-c-list pf-m-inline">
+                <li>
+                    <a href="https://beryju.github.io/passbook/">{% trans 'Documentation' %}</a>
+                </li>
+                <!-- TODO: load config.passbook.footer.links -->
+            </ul>
+        </footer>
+    </div>
+</div>
+{% endblock %}