ILB
/
sigi
mirror of https://github.com/interlegis/sigi.git
9
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Generalizar change_form com tabs

pull/159/head
Sesostris Vieira 2 years ago
parent
a239d841bf
commit
fda32defdb
2 changed files with 76 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 76
      sigi/apps/casas/templates/admin/casas/orgao/change_form.html
  2. 75
      sigi/templates/admin/tabs_change_form.html

76
sigi/apps/casas/templates/admin/casas/orgao/change_form.html
View File

@ -1,75 +1 @@
{% extends "admin/change_form.html" %}
{% load i18n %}
{% block extrastyle %}
{{ block.super }}
{% endblock %}
{% block form_top %}
<div class="row">
<div class="col s12">
<ul class="tabs">
{% for fieldset in adminform %}
<li class="tab">
<a href="#{{ fieldset.name|default:'geral'|slugify }}">
{{ fieldset.name|default:_("Geral") }}
</a>
</li>
{% endfor %}
{% for inline_admin_formset in inline_admin_formsets %}
<li class="tab">
<a href="#{{ inline_admin_formset.opts.verbose_name_plural|slugify }}">
{{ inline_admin_formset.opts.verbose_name_plural|default:_("inline") }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
{% block field_sets %}
{% for fieldset in adminform %}
<div id="{{ fieldset.name|default:'geral'|slugify }}" class="col s12" style="height: auto;">
{% include "admin/includes/fieldset.html" %}
</div>
{% endfor %}
{% endblock %}
{% block inline_field_sets %}
{% for inline_admin_formset in inline_admin_formsets %}
<div id="{{ inline_admin_formset.opts.verbose_name_plural|default:'inline'|slugify }}" class="col s12">
{% include inline_admin_formset.opts.template %}
</div>
{% endfor %}
{% endblock %}
{% block footer %}
{{ block.super }}
<script type="text/javascript">
const resize_tab_content = function($tab_parent, $tab) {
if ($tab_parent.height() != $tab.height()+24) {
$tab_parent.height($tab.height()+24);
}
}
$(document).ready(function(){
M.Tabs.init($('.tabs'),{swipeable: true, onShow: function(tab) {
var $tab = $(tab);
resize_tab_content($tab.parent(), $tab);
}});
$(".tabs-content").on("DOMSubtreeModified", function() {
var $tab_parent = $(this);
resize_tab_content($tab_parent, $tab_parent.children(".active"));
})
})
</script>
<style>
/* .tabs-content {
overflow-y: auto !important;
} */
.carousel-item {
height: auto !important;
}
</style>
{% endblock %}
{% extends "admin/tabs_change_form.html" %}

75
sigi/templates/admin/tabs_change_form.html
View File

@ -0,0 +1,75 @@
{% extends "admin/change_form.html" %}
{% load i18n %}
{% block extrastyle %}
{{ block.super }}
<style>
.carousel-item {
height: auto !important;
}
form {
width: 100%;
}
</style>
{% endblock %}
{% block form_top %}
<div class="row">
<div class="col s12">
<ul class="tabs">
{% for fieldset in adminform %}
<li class="tab">
<a href="#{{ fieldset.name|default:'geral'|slugify }}">
{{ fieldset.name|default:_("Geral") }}
</a>
</li>
{% endfor %}
{% for inline_admin_formset in inline_admin_formsets %}
<li class="tab">
<a href="#{{ inline_admin_formset.opts.verbose_name_plural|slugify }}">
{{ inline_admin_formset.opts.verbose_name_plural|default:_("inline") }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
{% block field_sets %}
{% for fieldset in adminform %}
<div id="{{ fieldset.name|default:'geral'|slugify }}" class="col s12" style="height: auto;">
{% include "admin/includes/fieldset.html" %}
</div>
{% endfor %}
{% endblock %}
{% block inline_field_sets %}
{% for inline_admin_formset in inline_admin_formsets %}
<div id="{{ inline_admin_formset.opts.verbose_name_plural|default:'inline'|slugify }}" class="col s12">
{% include inline_admin_formset.opts.template %}
</div>
{% endfor %}
{% endblock %}
{% block footer %}
{{ block.super }}
<script type="text/javascript">
const resize_tab_content = function($tab_parent, $tab) {
if ($tab_parent.height() != $tab.height()+24) {
$tab_parent.height($tab.height()+24);
}
}
$(document).ready(function(){
M.Tabs.init($('.tabs'),{swipeable: true, onShow: function(tab) {
var $tab = $(tab);
resize_tab_content($tab.parent(), $tab);
}});
$(".tabs-content").on("DOMSubtreeModified", function() {
var $tab_parent = $(this);
resize_tab_content($tab_parent, $tab_parent.children(".active"));
})
})
</script>
{% endblock %}
Write Preview
Loading…
Cancel
Save