You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.9 KiB
50 lines
1.9 KiB
<p>Прикрепленные документы</p>
|
|
<ul id="{{ class }}"></ul>
|
|
<div style="text-align: center">
|
|
<a class="docs-more js-more" style="display: none"></a>
|
|
</div>
|
|
<div style="margin-left: -27px; margin-right: -27px;">
|
|
<a href="{% url 'common:create' %}"
|
|
class="chat-button icon-print"
|
|
style="padding: 25px 10px"
|
|
>Распечатать с помощью ресурса</a>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
var $documents_container = $('#' + '{{ class }}');
|
|
var $more = $documents_container.parent().find('.js-more');
|
|
{# console.log("more -->", $more);#}
|
|
$documents_container.bind('DOMSubtreeModified', function (e) {
|
|
{# console.log('Documents container change!!!');#}
|
|
var $elements = $documents_container.children('li');
|
|
var num_elements = $elements.length;
|
|
if (num_elements > 2) {
|
|
$more.show();
|
|
console.log("more class = ", $more.attr('class'));
|
|
if ($more.hasClass('docs-more')) {
|
|
$elements.slice(0, 2).show();
|
|
$elements.slice(2).hide();
|
|
}
|
|
} else {
|
|
$elements.show();
|
|
$more.hide();
|
|
}
|
|
});
|
|
$more.on('click', function (e) {
|
|
e.preventDefault();
|
|
var $elements = $documents_container.children('li');
|
|
if ($more.hasClass('docs-more')) {
|
|
$elements.show();
|
|
$more.removeClass('docs-more');
|
|
$more.addClass('docs-less');
|
|
} else {
|
|
$elements.slice(0, 2).show();
|
|
$elements.slice(2).hide();
|
|
$more.removeClass('docs-less');
|
|
$more.addClass('docs-more');
|
|
}
|
|
{# $more.toggleClass('docs-more', 'docs-less')#}
|
|
})
|
|
})
|
|
</script> |