pannabel/SkyLearn-Test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Using crispy forms

Browse Source
This commit is contained in:
papi 2024-01-15 01:01:20 +03:00
parent dce37df5ca
commit a844a45935
7 changed files with 47 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
static/css/style.min.css.map
View File

File diff suppressed because one or more lines are too long

6
static/scss/style.scss
View File

@ -1358,12 +1358,14 @@ a {
font-weight: 400; font-weight: 400;
font-size: 17px; font-size: 17px;
padding: 10px; padding: 10px;
/* background-color: #33b5e5; */
background: -o-linear-gradient(50deg, #45cafc, #303f9f); background: -o-linear-gradient(50deg, #45cafc, #303f9f);
background: linear-gradient(40deg, #45cafc, #303f9f); background: linear-gradient(40deg, #45cafc, #303f9f);
color: #fff; color: #fff;
text-align: center; text-align: center;
margin-bottom: 15px; margin-bottom: 10px;
i {
margin-right: 8px;
}
} }
// .form-title i { // .form-title i {
// margin-right: 8px; // margin-right: 8px;

60
templates/accounts/edit_lecturer.html
View File

@ -13,67 +13,35 @@
</ol> </ol>
</nav> </nav>
<div> <div class="title-1"><i class="fas fa-cogs"></i>Lecturer Update Form</div>
<div class="title-1"><i class="fas fa-cogs"></i>Lecturer Update Form</div> <br>
</div> <br>
{% if messages %} {% include 'snippets/messages.html' %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<form action="" method="POST" enctype="multipart/form-data">{% csrf_token %} <form action="" method="POST" enctype="multipart/form-data">{% csrf_token %}
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<p class="form-title">Email & Personal Info</p> <p class="form-title">Email &amp; Personal Info</p>
<div class="card-body">
<div class="p-3"> {{ form.email|as_crispy_field }}
<div class="form-group"> {{ form.first_name|as_crispy_field }}
<b>{{ form.email.label }}</b>{{ form.email }} {{ form.last_name|as_crispy_field }}
<span class="danger">{{ form.email.errors }}</span> {{ form.phone|as_crispy_field }}
{{ form.address|as_crispy_field }}
</div> </div>
<div class="form-group">
<b>{{ form.first_name.label }}</b>{{ form.first_name }}
<span class="danger">{{ form.first_name.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.last_name.label }}</b>{{ form.last_name }}
<span class="danger">{{ form.last_name.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.phone.label }}</b>{{ form.phone }}
<span class="danger">{{ form.phone.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.address.label }}</b>{{ form.address }}
<span class="danger">{{ form.address.errors }}</span>
</div>
</div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<p class="form-title">Others</p> <p class="form-title">Others</p>
<div class="p-3"> <div class="card-body">
<div class="form-group"> {{ form.picture|as_crispy_field }}
<b>Profile Picture</b><br>{{ form.picture }}
<span class="danger">{{ form.picture.errors }}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <input class="btn btn-primary" type="submit" value="Save">
<center><input class="btn btn-outline-primary" type="submit" value="Save"></center>
</form> </form>
{% endblock content %} {% endblock content %}

51
templates/accounts/edit_student.html
View File

@ -15,59 +15,28 @@
<h4 class="fw-bold mb-3"><i class="fas fa-cog me-2"></i>Student Update Form</h4> <h4 class="fw-bold mb-3"><i class="fas fa-cog me-2"></i>Student Update Form</h4>
{% if messages %} {% include 'snippets/messages.html' %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<form action="" method="POST" enctype="multipart/form-data">{% csrf_token %} <form action="" method="POST" enctype="multipart/form-data">{% csrf_token %}
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<p class="form-title">Email & Personal Info</p> <p class="form-title">Email &amp; Personal Info</p>
<div class="p-3"> <div class="card-body">
<div class="form-group"> {{ form.email|as_crispy_field }}
<b>{{ form.email.label }}</b>{{ form.email }} {{ form.first_name|as_crispy_field }}
<span class="danger">{{ form.email.errors }}</span> {{ form.last_name|as_crispy_field }}
{{ form.phone|as_crispy_field }}
{{ form.address|as_crispy_field }}
</div> </div>
<div class="form-group">
<b>{{ form.first_name.label }}</b>{{ form.first_name }}
<span class="danger">{{ form.first_name.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.last_name.label }}</b>{{ form.last_name }}
<span class="danger">{{ form.last_name.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.phone.label }}</b>{{ form.phone }}
<span class="danger">{{ form.phone.errors }}</span>
</div>
<div class="form-group">
<b>{{ form.address.label }}</b>{{ form.address }}
<span class="danger">{{ form.address.errors }}</span>
</div>
</div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<p class="form-title">Others</p> <p class="form-title">Others</p>
<div class="p-3"> <div class="card-body">
<div class="form-group"> {{ form.picture|as_crispy_field }}
<b>Profile Picture</b><br>{{ form.picture }}
<span class="danger">{{ form.picture.errors }}</span>
</div>
</div> </div>
</div> </div>
</div> </div>

44
templates/setting/password_change.html
View File

@ -12,50 +12,16 @@
</ol> </ol>
</nav> </nav>
{% if messages %} {% include 'snippets/messages.html' %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<div class="row"> <div class="row">
<div class="col-md-6 mx-auto"> <div class="col-md-6 mx-auto">
<div class="card"> <div class="card">
<p class="form-title"><i class="fas fa-lock"></i>Change Password</p><br> <p class="form-title"><i class="fas fa-lock"></i> Change Password</p>
<div class="container"> <div class="card-body">
<!-- {{ form|crispy }} -->
<form action="" method="POST">{% csrf_token %} <form action="" method="POST">{% csrf_token %}
<div class="form-group"> {{ form|crispy }}
<label>{{ form.old_password.label }}</label>{{ form.old_password }} <center><input class="btn btn-primary" type="submit" value="Change Password"></center><br>
<span class="danger">{{ form.old_password.errors }}</span>
<p class="text-muted-xs">Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.</p>
</div>
<div class="form-group">
<label>{{ form.new_password1.label }}</label>{{ form.new_password1 }}
<span class="danger">{{ form.new_password1.errors }}</span>
<p class="text-muted-xs">
Your password can't be too similar to your other personal information.<br>
Your password must contain at least 8 characters.<br>
Your password can't be a commonly used password.<br>
Your password can't be entirely numeric.
</p>
</div>
<div class="form-group">
<label>{{ form.new_password2.label }}</label>{{ form.new_password2 }}
<span class="danger">{{ form.new_password2.errors }}</span>
<p class="text-muted-xs">Enter the same password as before, for verification.</p>
</div>
<center><input class="btn btn-outline-primary" type="submit" value="Change Password"></center><br>
</form> </form>
</div> </div>
</div> </div>

50
templates/setting/profile_info_change.html
View File

@ -14,57 +14,27 @@
<p class="title-1"><i class="fas fa-user-edit"></i>Account Settings</p> <p class="title-1"><i class="fas fa-user-edit"></i>Account Settings</p>
{% if messages %} {% include 'snippets/messages.html' %}
{% for message in messages %}
{% if message.tags == 'error' %}
<div class="alert alert-danger">
<i class="fas fa-exclamation-circle"></i>{{ message }}
</div>
{% else %}
<div class="alert alert-success">
<i class="fas fa-check-circle"></i>{{ message }}
</div>
{% endif %}
{% endfor %}
{% endif %}
<form action="" method="POST" enctype="multipart/form-data">{% csrf_token %} <form action="" method="POST" enctype="multipart/form-data">{% csrf_token %}
<div class="row mb-4"> <div class="row mb-4">
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<div class="form-title">Email & Personal Info</div> <div class="form-title">Email &amp; Personal Info</div>
<div class="container"> <div class="card-body">
<div class="form-group"> {{ form.email|as_crispy_field }}
<label>{{ form.email.label }}</label>{{ form.email }} {{ form.first_name|as_crispy_field }}
<span class="danger">{{ form.email.errors }}</span> {{ form.last_name|as_crispy_field }}
</div> {{ form.phone|as_crispy_field }}
<div class="form-group"> {{ form.address|as_crispy_field }}
<label>{{ form.first_name.label }}</label>{{ form.first_name }}
<span class="danger">{{ form.first_name.errors }}</span>
</div>
<div class="form-group">
<label>{{ form.last_name.label }}</label>{{ form.last_name }}
<span class="danger">{{ form.last_name.errors }}</span>
</div>
<div class="form-group">
<label>{{ form.phone.label }}</label>{{ form.phone }}
<span class="danger">{{ form.phone.errors }}</span>
</div>
<div class="form-group">
<label>{{ form.address.label }}</label>{{ form.address }}
<span class="danger">{{ form.address.errors }}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card"> <div class="card">
<p class="form-title">Others</p> <p class="form-title">Others</p>
<div class="container"> <div class="card-body">
<div class="form-group"><label>Profile Picture</label><br> {{ form.picture|as_crispy_field }}
{{ form.picture }}
<span class="danger">{{ form.picture.errors }}</span>
</div>
</div> </div>
</div> </div>
</div> </div>