No project description provided
Project description
AllAuth UI
UI templates for django-allauth built with Tailwind.
django-allauth is a great library, but the templates it provides out of the box are minimal html. I usually end up re-designing the login / logout / signup pages for each new Django project. This library aims at providing decent defaults for new projects.
See the deployed demo at: https://django-allauth-ui.hodovi.ch.
Table of contents
Features
- Responsive design suitable for device sizes from mobile to desktop
- Styled social login themes
- Additional error information when social logins fail
Translations
- English
Installation
troubleshooting? I can't see language.
Check deployed with
LANGUAGES = ( ("en", "English"), ("fr", "French"), ("es", _("Spanish")), ("pt-br", "Portuguese (Brazil)"), )
USE_I18N = True LANGUAGE_CODE = 'en' https://stackoverflow.com/q/1658720/2966951
Restrict supported languages (and JS media generation)
LANGUAGES = ( ('en', 'English'), ('fr', 'French'), )
MIDDLEWARE_CLASSES = ( 'ragendja.middleware.ErrorMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware',
i18n
'django.middleware.locale.LocaleMiddleware', ...
USE_I18N = True
pip install django-allauth-ui
pip install django-widget-tweaks
django-allauth-ui depends on django-widget-tweaks to render form fields. Make sure to install django-widget-tweaks and add it to the INSTALLED_APPS.
Add django-allauth-ui before django-allauth in your INSTALLED_APPS. See ./tests/settings.py for an example.
INSTALLED_APPS = [
"allauth_ui",
"allauth",
"allauth.account",
"allauth.socialaccount",
"allauth.socialaccount.providers.github",
"widget_tweaks",
]
Note:
When going to production you should run python manage.py collectstatic
Screenshots
Generating screenshots
convert "$1" -crop 1072x901+436+200 crop_signin.png
Hacking on the project
# Clone the repo
git clone git@github.com:danihodovic/django-allauth-ui.git
cd django-allauth-ui.git
# Create the virtual env
python -m venv .venv
# Activate the virtual env. This has to be done every time you enter the directory.
source .venv/bin/activate
# Install the dependencies
pip install --upgrade pip poetry
poetry install
# Install tailwind
npm install
# Run the migrations
./manage.py migrate
# Add sample social providers
./manage.py create_test_providers
# Start the server
./manage.py runserver_plus
# Start the tailwind compilation process in another terminal
npm run-script build:watch
Make changes in allauth_ui/templates and open the browser at http://localhost:8000/accounts/login/.
Once you're done compile tailwind with npm run-script build
and submit a pull-request 🃏
Contributors
Made with contrib.rocks.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for django_allauth_ui-0.3.8-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 84b300fe66baec582d5da6d3cc3b833e00021ceaa133fe4121be9e48c79c734d |
|
MD5 | 1e2dd18231b92bf3c86afab6dfe71311 |
|
BLAKE2b-256 | 436360ddd352005a17fbbf57ba62b3be9fbadc30327b76e7eb8a1a9c1687d654 |