allowthem-server 0.0.3

HTTP server and middleware for allowthem
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

{% extends "base.html" %}

{% block title %}Register{% if app_name %} for {{ app_name }}{% endif %} — allowthem{% endblock %}

{% block body %}
<div class="flex min-h-screen items-center justify-center px-4">
    <div class="w-full max-w-md">
        {% if logo_url and logo_url is startingwith("https://") %}
        <img src="{{ logo_url }}" alt="{{ app_name }}"
             class="mx-auto h-16 w-16 rounded-lg object-contain mb-4">
        {% endif %}

        <h1 class="text-2xl font-bold text-center text-gray-900 mb-8">
            Create an account{% if app_name %} for {{ app_name }}{% endif %}
        </h1>

        {% if error %}
        <div class="mb-4 rounded bg-red-50 border border-red-200 p-3 text-sm text-red-700">
            {{ error }}
        </div>
        {% endif %}

        <form method="post" action="/register" class="space-y-4">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

            <div>
                <label for="email" class="block text-sm font-medium text-gray-700">
                    Email
                </label>
                <input type="email" id="email" name="email"
                       value="{{ email }}"
                       required autocomplete="email"
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2
                              text-gray-900 at-input-focus">
            </div>

            <div>
                <label for="username" class="block text-sm font-medium text-gray-700">
                    Username <span class="text-gray-400">(optional)</span>
                </label>
                <input type="text" id="username" name="username"
                       value="{{ username }}"
                       autocomplete="username"
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2
                              text-gray-900 at-input-focus">
            </div>

            {% if custom_fields %}
            {% for field in custom_fields %}
            <div>
                <label for="custom_data_{{ field.name }}" class="block text-sm font-medium text-gray-700">
                    {{ field.label }}{% if not field.required %} <span class="text-gray-400">(optional)</span>{% endif %}
                </label>
                {% if field.field_type == "textarea" %}
                <textarea id="custom_data_{{ field.name }}" name="custom_data[{{ field.name }}]"
                          {% if field.required %}required{% endif %}
                          {% if field.min_length %}minlength="{{ field.min_length }}"{% endif %}
                          {% if field.max_length %}maxlength="{{ field.max_length }}"{% endif %}
                          class="mt-1 block w-full rounded border border-gray-300 px-3 py-2 text-gray-900 at-input-focus"
                          >{{ custom_values[field.name] | default("", true) }}</textarea>
                {% elif field.field_type == "select" %}
                <select id="custom_data_{{ field.name }}" name="custom_data[{{ field.name }}]"
                        {% if field.required %}required{% endif %}
                        class="mt-1 block w-full rounded border border-gray-300 px-3 py-2 text-gray-900 at-input-focus">
                    <option value="">Select...</option>
                    {% for opt in field.enum_values %}
                    <option value="{{ opt }}" {% if custom_values[field.name] == opt ~ "" %}selected{% endif %}>{{ opt }}</option>
                    {% endfor %}
                </select>
                {% elif field.field_type == "checkbox" %}
                <div class="mt-1 flex items-center">
                    <input type="checkbox" id="custom_data_{{ field.name }}" name="custom_data[{{ field.name }}]"
                           value="true"
                           {% if custom_values[field.name] == "true" %}checked{% endif %}
                           class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
                    {% if field.help_text %}
                    <span class="ml-2 text-sm text-gray-500">{{ field.help_text }}</span>
                    {% endif %}
                </div>
                {% elif field.field_type == "number" %}
                <input type="number" id="custom_data_{{ field.name }}" name="custom_data[{{ field.name }}]"
                       value="{{ custom_values[field.name] | default(field.default_value | default("", true), true) }}"
                       {% if field.required %}required{% endif %}
                       {% if field.minimum is defined and field.minimum is not none %}min="{{ field.minimum }}"{% endif %}
                       {% if field.maximum is defined and field.maximum is not none %}max="{{ field.maximum }}"{% endif %}
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2 text-gray-900 at-input-focus">
                {% else %}
                <input type="{{ field.field_type }}" id="custom_data_{{ field.name }}" name="custom_data[{{ field.name }}]"
                       value="{{ custom_values[field.name] | default(field.default_value | default("", true), true) }}"
                       {% if field.required %}required{% endif %}
                       {% if field.min_length %}minlength="{{ field.min_length }}"{% endif %}
                       {% if field.max_length %}maxlength="{{ field.max_length }}"{% endif %}
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2 text-gray-900 at-input-focus">
                {% endif %}
                {% if field.help_text and field.field_type != "checkbox" %}
                <p class="mt-1 text-sm text-gray-500">{{ field.help_text }}</p>
                {% endif %}
            </div>
            {% endfor %}
            {% endif %}

            <div>
                <label for="password" class="block text-sm font-medium text-gray-700">
                    Password
                </label>
                <input type="password" id="password" name="password"
                       required minlength="8" autocomplete="new-password"
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2
                              text-gray-900 at-input-focus">
            </div>

            <div>
                <label for="password_confirm" class="block text-sm font-medium text-gray-700">
                    Confirm password
                </label>
                <input type="password" id="password_confirm" name="password_confirm"
                       required minlength="8" autocomplete="new-password"
                       class="mt-1 block w-full rounded border border-gray-300 px-3 py-2
                              text-gray-900 at-input-focus">
            </div>

            <button type="submit"
                    class="at-btn-primary w-full rounded px-4 py-2 text-white font-medium
                           focus:outline-none focus:ring-2 focus:ring-offset-2">
                Register
            </button>
        </form>

        <p class="mt-6 text-center text-sm text-gray-600">
            Already have an account?
            <a href="/login{% if client_id %}?client_id={{ client_id }}{% endif %}" class="at-link">Sign in</a>
        </p>
    </div>
</div>
{% endblock %}