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.
48 lines
2.0 KiB
48 lines
2.0 KiB
<script>
|
|
var currentScroll=0;
|
|
function lockscroll(){
|
|
$(window).scrollTop(currentScroll);
|
|
$('body').css('position','static');
|
|
$('body').css('height','auto');
|
|
$('body').css('overflow-y','hidden');
|
|
}
|
|
function unlockscroll(){
|
|
$(window).scrollTop(currentScroll);
|
|
$('body').css('position','relative');
|
|
$('body').css('height','auto');
|
|
$('body').css('overflow-y','auto');
|
|
}
|
|
</script>
|
|
<div class="buttons recursos__container">
|
|
<ul class="nav nav-pills" id="pills-tab" role="tablist">
|
|
{% for recurso in tarea[0].recursotarea|sort((a, b) => a.position <=> b.position) %}
|
|
<li id="recursotab-{{ recurso.recursos.id }}">
|
|
<a href="#recurso-{{ recurso.recursos.id }}" class="btn btn-{{recurso.recursos.TiposRecursosId.Style}}" data-toggle="tab">{{ recurso.recursos.TiposRecursosId.Tipo|trans({})}}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div class="tab-content clearfix">
|
|
{% for recurso in tarea[0].recursotarea %}
|
|
<div id="recurso-{{ recurso.recursos.id }}" class="tab-pane alert alert-{{recurso.recursos.TiposRecursosId.Style}} alert-white rounded " >
|
|
<button type="button" aria-hidden="true" class="close" onclick="$(this).parent().toggleClass('active');$('#recursotab-{{ recurso.recursos.id }}').toggleClass('active');" style="top:0px;position:sticky;">×</button>
|
|
<div class="icon">
|
|
<img src="{{ asset("images/"~recurso.recursos.TiposRecursosId.Alias~".png") }}"/>
|
|
</div>
|
|
{{recurso.recursos.texto|trans({})|raw}}
|
|
</div>
|
|
<script>
|
|
|
|
$('#recursotab-{{ recurso.recursos.id }}>a').click(function(){
|
|
lockscroll();
|
|
|
|
})
|
|
|
|
|
|
$('.close').click(function(){
|
|
unlockscroll();
|
|
|
|
})
|
|
</script>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|