[UPDT] BASE: Add verbose name of model as header

This commit is contained in:
Horilla
2025-03-10 13:59:29 +05:30
parent 0cad9a5266
commit 5a504cb75a
16 changed files with 159 additions and 315 deletions

View File

@@ -1,7 +1,7 @@
{% load i18n %} {% load static %}
<div class="oh-modal__dialog-header">
<h2 class="oh-modal__dialog-title" id="createTitle">
{% trans "Create Shift Request" %}
{% trans "Create" %} {{form.verbose_name}}
</h2>
<button type="button" class="oh-modal__close" aria-label="Close">
<ion-icon name="close-outline"></ion-icon>
@@ -10,46 +10,42 @@
<!-- htmx form -->
<div class="oh-modal__dialog-body">
{% if messages %}
<div class="oh-wrapper">
{% for message in messages %}
<div class="oh-alert-container">
<div class="oh-alert oh-alert--animated {{message.tags}}">
{{ message }}
</div>
</div>
{% endfor %}
<script>
setTimeout(function () {
$(".oh-modal__close").click();
}, 1000);
</script>
</div>
{% endif %}
{% if messages %}
<div class="oh-wrapper">
{% for message in messages %}
<div class="oh-alert-container">
<div class="oh-alert oh-alert--animated {{message.tags}}">
{{ message }}
</div>
</div>
{% endfor %}
<script>
setTimeout(function () {
$(".oh-modal__close").click();
}, 1000);
</script>
</div>
{% endif %}
<div class="oh-modal__dialog-body" style="padding: 0;">
<form
hx-post="{% url 'shift-request' %}"
hx-target="#objectCreateModalTarget"
id="addForm"
>
{{form.as_p}}
</form>
</div>
<div class="oh-modal__dialog-body" style="padding: 0;">
<form hx-post="{% url 'shift-request' %}" hx-target="#objectCreateModalTarget" id="addForm">
{{form.as_p}}
</form>
</div>
</div>
<script>
function toggleFunctionShiftRequestForm() {
if ($("#id_is_permanent_shift").is(":checked")) {
$("#id_requested_till").parent().hide();
} else {
$("#id_requested_till").parent().show();
function toggleFunctionShiftRequestForm() {
if ($("#id_is_permanent_shift").is(":checked")) {
$("#id_requested_till").parent().hide();
} else {
$("#id_requested_till").parent().show();
}
}
}
toggleFunctionShiftRequestForm();
$(document).ready(function () {
$("[type=checkbox]").change(function (e) {
e.preventDefault();
toggleFunctionShiftRequestForm();
toggleFunctionShiftRequestForm();
$(document).ready(function () {
$("[type=checkbox]").change(function (e) {
e.preventDefault();
toggleFunctionShiftRequestForm();
});
});
});
</script>