{% if has_slider_item_for_work is defined and has_slider_item_for_work %}
{% set nCol = '0' %}
{% if column_num is defined %}
{% set nCol = column_num %}
{% endif %}
<div id="sidrw{{ nCol }}" class="slider" style="display:none">
<div class="slider-header">
<a id="close-menu-buttonw{{ nCol }}" ><button class="close close-sidr" title="close study window"><i class="fas fa-arrow-right"></i></button></a> {{ app.session.get('ui_str')["exposition.slider.header"] }}
</div>
<div class="slider-body" id="sliderBody{{ nCol }}">
<div class="row" style="text-align: center;">
<div class="col" style="display: inline-block;padding-top:88px;">
<img style="width:64px; height:64px;" alt="page loading graphic" src="{{ asset('/bundles/ncbsw/img/loading.svg') }}" />
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#simple-menuw{{ nCol }}').sidr({
name: 'sidrw{{ nCol }}',
timing: 'ease-in-out',
speed: '400',
side: 'right',
displace: false
});
});
$('#close-menu-buttonw{{ nCol }}').click(function () {
$.sidr('close', 'sidrw{{ nCol }}');
onCloseSlider();
});
if($('body') != null)
{
$('body').on('click', function (e) {
if ($(e.target).attr('id') != 'simple-menuw{{ nCol }}' && $(e.target).parents('.slider').length == 0)
{
$.sidr('close', 'sidrw{{ nCol }}');
onCloseSlider();
}
});
}
$( document ).ready(function() {
showElemByID("sidrw{{ nCol }}");
});
</script>
{% endif %}