EDIT login.html & password_reset_form.html

BrilliantPhoenix2024 · Jul 27, 2022 · ddeb91e · ddeb91e
1 parent cb328a9
commit ddeb91e
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 7 deletions.
diff --git a/templates/registration/login.html b/templates/registration/login.html
@@ -25,6 +25,7 @@ <h1 class="text-center">ورود</h1>
                 {#                    <label for="password" class="m-2">رمز عبور:</label>#}
                 {#                    <input type="password" class="form-control" id="password" placeholder="">#}
                 {#                </div>#}
+
                 <div class="d-flex justify-content-between align-items-center">
                     <div class="mt-2">
                         <a class="text-decoration-none" href="{% url 'password_reset' %}">فراموشی رمز عبور</a>

diff --git a/templates/registration/password_reset_form.html b/templates/registration/password_reset_form.html
@@ -1,14 +1,45 @@
 {% extends '_base.html' %}
 
+{% load static %}
+
 {% load crispy_forms_tags %}
 
-{% block page_title %}Password Reset{% endblock %}
+{% block page_title %}Login{% endblock %}
+
+{% block style %}
+    <link rel="stylesheet" href="{% static 'css/login.css' %}">
+{% endblock %}
 
 {% block content %}
-    <form action="" method="post">
-        {% csrf_token %}
-        <h4>Please enter your Email</h4>
-        {{ form|crispy}}
-        <button type="submit" class="btn btn-success">Send</button>
-    </form>
+    <div class="d-flex justify-content-center mt-5" dir="rtl">
+        <div class="col-xl-3 col-lg-4 col-md-5 col-sm-5 col-xs-6 bg-white m-3 m-sm-5 border rounded px-4 pt-4 pb-3 shadow">
+            <form method="post">
+                <h3 class="text-center">بازیابی رمزعبور</h3>
+                {% csrf_token %}
+                {{ form|crispy }}
+                {#                <div class="form-group">#}
+                {#                    <label for="emailAddress" class="m-2">ایمیل:</label>#}
+                {#                    <input type="email" class="form-control" id="emailAddress" placeholder="[email protected]">#}
+                {#                </div>#}
+                {#                <div class="form-group">#}
+                {#                    <label for="password" class="m-2">رمز عبور:</label>#}
+                {#                    <input type="password" class="form-control" id="password" placeholder="">#}
+                {#                </div>#}
+                <button type="submit" class="btn btn-success mt-3 w-100">ارسال</button>
+                <div class="d-flex justify-content-between align-items-center">
+                    <div class="mt-2">
+                        <a class="text-decoration-none" href="{% url 'login' %}">ورود</a>
+                        <span> یا </span>
+                        <a class="text-decoration-none" href="{% url 'signup' %}">ثبت نام</a>
+                    </div>
+                </div>
+{#                <div class="line-with-middle-sep">#}
+{#                  <span>#}
+{#                    یا#}
+{#                  </span>#}
+{#                </div>#}
+{#                <a href="{% url 'signup' %}" class="btn btn-primary mt-2 mb-3 w-100">ثبت نام</a>#}
+            </form>
+        </div>
+    </div>
 {% endblock %}