nestict/ihrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] HORILLA VIEWS: Design break issue in next previous options

Browse Source
This commit is contained in:
Horilla
2024-07-29 16:52:48 +05:30
parent 2cdf5eadaf
commit 4a72745d5f
1 changed files with 30 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
horilla_views/templates/generic/form.html
View File

@@ -1,4 +1,5 @@
{% load widget_tweaks %} {% load i18n %} {% load widget_tweaks %} {% load i18n %}
{% load generic_template_filters %}
<style> <style>
.condition-highlight { .condition-highlight {
background-color: #ffa5000f; background-color: #ffa5000f;
@@ -14,15 +15,36 @@
</button> </button>
</div> </div>
{% endif %} {% endif %}
<div class="oh-modal__dialog-body"> <div class="oh-modal__dialog-body oh-modal__dialog-relative">
{% if form.instance_ids %}
<div class="oh-modal__dialog oh-modal__dialog--navigation m-0 p-0">
<button
hx-get="{{form.previous_url}}?{{form.ids_key}}={{form.instance_id}}&{{request.GET.urlencode}}"
hx-swap="innerHTML"
hx-target="#genericModalBody"
class="oh-modal__diaglog-nav oh-modal__nav-prev"
>
<ion-icon name="chevron-back-outline"></ion-icon>
</button>
<button
hx-get="{{form.next_url}}?{{form.ids_key}}={{form.instance_id}}&{{request.GET.urlencode}}"
hx-swap="innerHTML"
hx-target="#genericModalBody"
class="oh-modal__diaglog-nav oh-modal__nav-next"
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</button>
</div>
{% endif %}
<div class="oh-general__tab-target oh-profile-section" id="personal"> <div class="oh-general__tab-target oh-profile-section" id="personal">
<div class="oh-profile-section__card row"> <div class="oh-profile-section__card row">
<div class="row"> <div class="row" style="padding-right: 0;">
<div class="col-12">{{ form.non_field_errors }}</div> <div class="col-12" style="padding-right: 0;">{{ form.non_field_errors }}</div>
{% for field in form.visible_fields %} {% for field in form.visible_fields %}
<div class="col-12 col-md-6"> <div class="col-12 col-md-{{field|col}}" id="id_{{ field.name }}_parent_div" style="padding-right: 0;">
<div class="oh-label__info" for="id_{{ field.name }}"> <div class="oh-label__info" for="id_{{ field.name }}">
<label class="oh-label" for="id_{{ field.name }}" <label class="oh-label {% if field.field.required %} required-star{% endif %}" for="id_{{ field.name }}"
>{% trans field.label %}</label >{% trans field.label %}</label
> >
{% if field.help_text != '' %} {% if field.help_text != '' %}
@@ -39,8 +61,10 @@
</div> </div>
{% else %} {% else %}
<div id="dynamic_field_{{field.name}}"> <div id="dynamic_field_{{field.name}}">
{{ field|add_class:'form-control' }} {% endif %} {{ field.errors }} {{ field|add_class:'form-control' }}
{{ field.errors }}
</div> </div>
{% endif %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>