hoeny pad admin
This commit is contained in:
Parsa Nazer
@@ -1,60 +1,144 @@
|
||||
{% extends "admin/login.html" %}
|
||||
{% extends 'unfold/layouts/skeleton.html' %}
|
||||
|
||||
{% load i18n static %}
|
||||
|
||||
{% block content %}
|
||||
<div class="flex min-h-screen">
|
||||
<div class="w-full max-w-md mx-auto p-6">
|
||||
<div class="mb-8 text-center">
|
||||
{% include "unfold/helpers/logo.html" %}
|
||||
{% block extrastyle %}
|
||||
{{ block.super }}
|
||||
{{ form.media }}
|
||||
{% endblock %}
|
||||
|
||||
{% block bodyclass %}{{ block.super }}bg-base-50 login dark:bg-base-900{% endblock %}
|
||||
|
||||
{% block usertools %}{% endblock %}
|
||||
|
||||
{% block nav-global %}{% endblock %}
|
||||
|
||||
{% block nav-sidebar %}{% endblock %}
|
||||
|
||||
{% block content_title %}{% endblock %}
|
||||
|
||||
{% block breadcrumbs %}{% endblock %}
|
||||
|
||||
{% block title %}
|
||||
{{ title }} | {{ site_title }}
|
||||
{% endblock %}
|
||||
|
||||
{% block base %}
|
||||
<div id="page" class="flex min-h-screen">
|
||||
<div class="flex flex-grow items-center justify-center mx-auto px-4 relative">
|
||||
<div class="w-full sm:w-96">
|
||||
<h1 class="font-semibold mb-10">
|
||||
<span class="block text-font-important-light dark:text-font-important-dark">{% trans 'Welcome back to' %}</span>
|
||||
<span class="block text-primary-600 text-xl dark:text-primary-500">{{ site_title|default:_('Django site admin') }}</span>
|
||||
</h1>
|
||||
|
||||
{% include "unfold/helpers/messages.html" %}
|
||||
|
||||
{% if form.errors or form.non_field_errors %}
|
||||
<div class="flex flex-col gap-4 mb-8 *:mb-0">
|
||||
{% include "unfold/helpers/messages/errornote.html" with errors=form.errors %}
|
||||
|
||||
{% include "unfold/helpers/messages/error.html" with errors=form.non_field_errors %}
|
||||
|
||||
{% if user.is_authenticated %}
|
||||
{% blocktranslate trimmed asvar message %}
|
||||
You are authenticated as {{ username }}, but are not authorized to
|
||||
access this page. Would you like to login to a different account?
|
||||
{% endblocktranslate %}
|
||||
|
||||
{% include "unfold/helpers/messages/error.html" with error=message %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% block login_before %}{% endblock %}
|
||||
|
||||
<form action="{{ app_path }}" method="post" id="login-form">
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="flex flex-col group mb-6 last:mb-4">
|
||||
<label for="id_username" class="block text-font-important-light dark:text-font-important-dark font-semibold mb-2">
|
||||
شماره تماس
|
||||
|
||||
|
||||
<span class="text-red-600">*</span>
|
||||
|
||||
</label>
|
||||
|
||||
|
||||
<input type="text" name="username" autofocus="" autocapitalize="none" autocomplete="username" maxlength="12" class="border border-base-200 bg-white font-medium min-w-20 placeholder-base-400 rounded shadow-sm text-font-default-light text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:border-primary-600 dark:focus:ring-primary-700 dark:focus:ring-opacity-50 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40 px-3 py-2 w-full" required="" id="id_username">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-col group mb-6 last:mb-4">
|
||||
<label for="id_password" class="block text-font-important-light dark:text-font-important-dark font-semibold mb-2">
|
||||
Password
|
||||
|
||||
|
||||
<span class="text-red-600">*</span>
|
||||
|
||||
</label>
|
||||
|
||||
|
||||
<input type="password" name="password" autocomplete="current-password" class="border border-base-200 bg-white font-medium min-w-20 placeholder-base-400 rounded shadow-sm text-font-default-light text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:border-primary-600 dark:focus:ring-primary-700 dark:focus:ring-opacity-50 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40 px-3 py-2 w-full" required="" id="id_password">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="submit-row">
|
||||
<button type="submit" class="bg-primary-600 border border-transparent flex flex-row font-semibold group items-center justify-center py-2 rounded text-sm text-white w-full">
|
||||
{% translate 'Log in' %}
|
||||
|
||||
<i class="material-symbols-outlined ml-2 relative right-0 text-lg transition-all group-hover:-right-1">arrow_forward</i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{% if password_reset_url %}
|
||||
<div class="password-reset-link">
|
||||
<a href="{{ password_reset_url }}" class="border border-base-200 font-medium hidden mt-4 px-3 py-2 rounded text-center text-sm text-base-500 transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
|
||||
{% translate 'Forgotten your password or username?' %}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</form>
|
||||
|
||||
{% block login_after %}{% endblock %}
|
||||
</div>
|
||||
|
||||
{% if messages %}
|
||||
<div class="bg-red-50 text-red-600 p-4 rounded-lg mb-4 text-sm"> <!-- Unfold's error class -->
|
||||
{% for message in messages %}
|
||||
{{ message }}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="absolute flex flex-row items-center justify-between left-0 m-4 right-0 top-0">
|
||||
{% if site_url %}
|
||||
<a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600 dark:text-primary-500">
|
||||
<span class="material-symbols-outlined mr-2">arrow_back</span> {% trans 'Return to site' %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" class="space-y-4">
|
||||
{% csrf_token %}
|
||||
asdfadsf
|
||||
<!-- Username Input (Matches Unfold's Styling) -->
|
||||
<div>
|
||||
<label for="id_username" class="block text-sm font-medium text-gray-700 mb-2">
|
||||
{% trans "Username" %}
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
name="username"
|
||||
id="id_username"
|
||||
class="w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" <!-- Unfold's input classes -->
|
||||
required
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- Password Input -->
|
||||
<div>
|
||||
<label for="id_password" class="block text-sm font-medium text-gray-700 mb-2">
|
||||
{% trans "Password" %}
|
||||
</label>
|
||||
<input
|
||||
type="password"
|
||||
name="password"
|
||||
id="id_password"
|
||||
class="w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
|
||||
required
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- Submit Button -->
|
||||
<button
|
||||
type="submit"
|
||||
class="w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 focus:ring-2 focus:ring-blue-500" <!-- Unfold's button classes -->
|
||||
>
|
||||
{% trans "Log in" %}
|
||||
</button>
|
||||
</form>
|
||||
{% if not theme %}
|
||||
{% include "unfold/helpers/theme_switch.html" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if image %}
|
||||
<div class="bg-cover flex-grow hidden max-w-3xl xl:max-w-4xl xl:block" style="background-image: url('{{ image }}')">
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user