welco/welco/templates/welco/home.html

56 lines
1.4 KiB
HTML

{% extends "welco/base.html" %}
{% load i18n %}
{% block subheader %}
<div id="subheader">
</div>
{% endblock %}
{% block bodyargs %}class="welco-home"{% endblock %}
{% block content %}
<div class="all source-{{ source.source_key }} panels-{{ panels|length }}">
<div class="cell document source top">
{{ source.render }}
</div>
{% for panel in panels %}
<div class="cell {{panel.key}}" data-zone-url="{% url panel.zone_url %}">
{% if panel.key == "contacts" %}
<h2>{% trans 'Contact' %}</h2>
{{ contacts.render }}
{% elif panel.key == "qualif" %}
<h2>{% trans 'Forms' %}</h2>
<div></div>
{% elif panel.key == "kb" %}
<h2>{% trans 'Knowledge Base' %}</h2>
{{ kb.render }}
{% endif %}
</div>
{% endfor %}
</div>
<script>
$('div.cell').delegate('h2', 'click', function() {
if ($(this).parents('div.cell').hasClass('top')) {
$('div#content').toggleClass('big-top');
} else {
$('div.cell').removeClass('top');
$(this).parents('div.cell').addClass('top');
}
$(window).trigger('resize');
});
$(window).on('resize', function() {
if ($('.top iframe').length == 1) {
var top_form_height = $('.top form').height();
var top_height = $('.top > div').height();
$('.top iframe').css('height', top_height - top_form_height);
} else {
$('iframe').css('height', '100%');
}
});
$(window).trigger('resize');
</script>
{% endblock %}