File: /home/retile.ru/public_html/admin/view/template/extension/module/uni_slideshow_v2.twig
{{ header }}
{{ column_left }}
<div id="content">
<div class="page-header">
<div class="container-fluid">
<div class="pull-right">
<button type="submit" form="form-module" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a>
</div>
<h1>{{ heading_title }}</h1>
<br />
<ul class="breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="container-fluid">
{% if error_warning %}
<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
<button type="button" class="close" data-dismiss="alert">×</button>
</div>
{% endif %}
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3>
</div>
<div class="panel-body">
<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-module" class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-name">{{ entry_name }}</label>
<div class="col-sm-10">
<input type="text" name="name" value="{{ name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control" />
{% if error_name %}
<div class="text-danger">{{ error_name }}</div>
{% endif %}
</div>
</div>
<!--
<div class="form-group">
<label class="col-sm-2 control-label" for="input-name">{{ entry_width_height }}</label>
<div class="col-sm-10">
<input type="text" name="width" value="{{ width ? width : 848 }}" placeholder="" id="input-name" class="form-control" style="float:left;width:80px;text-align:center" />
<div style="float:left;padding:8px 5px 0">x</div>
<input type="text" name="height" value="{{ height ? height : 318 }}" placeholder="" id="input-name" class="form-control" style="float:left;width:80px;text-align:center" />
</div>
</div>
-->
{% set effects_in = [
'Disabled', 'disabled',
'Bouncing Entrances', 'bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp',
'Fading Entrances', 'fadeIn', 'fadeInDown', 'fadeInLeft', 'fadeInRight', 'fadeInUp',
'Flippers', 'flip', 'flipInX', 'flipInY',
'Lightspeed', 'lightSpeedIn',
'Rotating Entrances', 'rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight',
'Sliding Entrances', 'slideInUp', 'slideInDown', 'slideInLeft', 'slideInRight',
'Zoom Entrances', 'zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp',
'Specials', 'hinge', 'jackInTheBox', 'rollIn'] %}
{% set effects_out = [
'Disabled', 'disabled',
'Bouncing Exits', 'bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp',
'Fading Exits', 'fadeOut', 'fadeOutDown', 'fadeOutLeft', 'fadeOutRight', 'fadeOutUp',
'Flippers', 'flip', 'flipOutX', 'flipOutY',
'Lightspeed', 'lightSpeedOut',
'Rotating Exits', 'rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight',
'Sliding Exits', 'slideOutUp', 'slideOutDown', 'slideOutLeft', 'slideOutRight',
'Zoom Exits', 'zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp',
'Specials', 'hinge', 'jackInTheBox', 'rollOut'] %}
{% set group = ['Disabled', 'Attention Seekers','Bouncing Entrances','Bouncing Exits','Fading Entrances','Fading Exits','Flippers','Lightspeed','Rotating Entrances','Rotating Exits','Sliding Entrances','Sliding Exits','Zoom Entrances','Zoom Exits','Specials'] %}
<div class="form-group">
<label class="col-sm-2 control-label" for="input-name">{{ entry_effect_in }}</label>
<div class="col-sm-10">
<select name="effect_in" class="form-control">
{% for effect in effects_in %}
{% if effect in group %}
<optgroup label="{{ effect }}" />
{% else %}
<option {{ effect == effect_in ? 'selected="selected"' }} value="{{ effect }}">{{ effect }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-name">{{ entry_effect_out }}</label>
<div class="col-sm-10">
<select name="effect_out" class="form-control">
{% for effect in effects_out %}
{% if effect in group %}
<optgroup label="{{ effect }}" />
{% else %}
<option {{ effect == effect_out ? 'selected="selected"' }} value="{{ effect }}">{{ effect }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">{{ entry_delay }}</label>
<div class="col-sm-10">
<input type="text" name="delay" value="{{ delay ? delay : 5 }}" placeholder="" id="input-name" class="form-control" style="width:50px;text-align:center" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">{{ entry_max_height }}</label>
<div class="col-sm-10">
<div style="float:left;text-align:center;">{{ text_max_height_desktop }}
<input type="text" name="max_height_desktop" value="{{ max_height_desktop }}" placeholder="" id="input-name" class="form-control" style="margin:5px auto 0;width:50px;text-align:center" />
</div>
<div style="float:left;margin:0 0 0 20px;text-align:center;">{{ text_max_height_mobile }}
<input type="text" name="max_height_mobile" value="{{ max_height_mobile }}" placeholder="" id="input-name" class="form-control" style="margin:5px auto 0;width:50px;text-align:center" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" style="padding-top:0">{{ entry_hide }}</label>
<div class="col-sm-10">
<input type="checkbox" name="hide" {{ hide ? 'checked="checked"' }} class="form-control" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-name">{{ entry_slides }}</label>
<div class="col-sm-10">
<ul class="nav nav-tabs" style="margin-bottom:10px">
{% for lang in languages %}
<li><a href="#slide-lang-{{ lang.language_id }}" data-toggle="tab"><img src="language/{{ lang.code }}/{{ lang.code }}.png" title="{{ lang.name }}" /></a></li>
{% endfor %}
</ul>
<div class="tab-content">
{% for lang in languages %}
{% set lang_id = lang.language_id %}
<div id="slide-lang-{{ lang_id }}" class="tab-pane">
<table id="slides" class="table table-striped table-bordered">
<tr>
<td style="text-align:center;width:120px">{{ entry_image }}</td>
<td style="text-align:center;width:120px">{{ entry_image_mobile }}</td>
<td>{{ entry_data }}</td>
<td style="text-align:center; width:90px">{{ entry_sort }}</td>
<td style="text-align:center; width:50px"></td>
</tr>
{% set slide_id = 0 %}
{% for slide in slides %}
{% if slide.image[lang_id] or slide.image_mobile[lang_id] %}
<tr class="slide-{{ lang_id }}">
<td style="text-align:center">
<a href="" id="thumb-image-{{ slide_id }}-{{ lang_id }}" data-toggle="image" class="img-thumbnail"><img src="{{ slide.thumb[lang_id] ? slide.thumb[lang_id] : placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
<input type="hidden" name="slides[{{ slide_id }}][image][{{ lang_id }}]" value="{{ slide.image[lang_id] }}" id="input-image-{{ slide_id }}-{{ lang_id }}" />
</td>
<td style="text-align:center">
<a href="" id="thumb-image-mobile-{{ slide_id }}-{{ lang_id }}" data-toggle="image" class="img-thumbnail"><img src="{{ slide.thumb_mobile[lang_id] ? slide.thumb_mobile[lang_id] : placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>
<input type="hidden" name="slides[{{ slide_id }}][image_mobile][{{ lang_id }}]" value="{{ slide.image_mobile[lang_id] }}" id="input-image-mobile-{{ slide_id }}-{{ lang_id }}" />
</td>
<td>
<input type="text" name="slides[{{ slide_id }}][title][{{ lang_id }}]" value="{{ slide.title[lang_id] }}" placeholder="{{ placeholder_title }}" class="form-control" />
<textarea name="slides[{{ slide_id }}][text][{{ lang_id }}]" class="form-control" style="margin-top:10px;min-height:50px" placeholder="{{ placeholder_text }}">{{ slide.text[lang_id] }}</textarea>
<input type="text" name="slides[{{ slide_id }}][link][{{ lang_id }}]" value="{{ slide.link[lang_id] }}" placeholder="{{ placeholder_link }}" class="form-control" style="margin-top:10px" />
<input type="text" name="slides[{{ slide_id }}][button][{{ lang_id }}]" value="{{ slide.button[lang_id] }}" placeholder="{{ placeholder_button }}" class="form-control" style="margin-top:10px" />
<br />
<label style="font-weight:400;cursor:pointer"><input type="checkbox" name="slides[{{ slide_id }}][text_over_image][{{ lang_id }}]" {{ slide.text_over_image[lang_id] ? 'checked="checked"' }} value="1" /> {{ entry_text_over_image }}</label>
<br />
<label style="font-weight:400;cursor:pointer"><input type="checkbox" name="slides[{{ slide_id }}][text_hide_mobile][{{ lang_id }}]" {{ slide.text_hide_mobile[lang_id] ? 'checked="checked"' }} value="1" /> {{ entry_text_hide_mobile }}</label>
</td>
<td style="text-align:center"><input type="text" name="slides[{{ slide_id }}][sort][{{ lang_id }}]" value="{{ slide.sort[lang_id] ? slide.sort[lang_id] : 1 }}" placeholder="" class="form-control" style="width:50px; text-align:center" /></td>
<td style="text-align:center"><button type="button" onclick="$(this).parent().parent().remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>
</tr>
{% set slide_id = slide_id + 1 %}
{% endif %}
{% endfor %}
</table>
<div>
<a class="btn btn-primary" onclick="addSlide({{ lang_id }}, this);">{{ button_add_slide }}</a>
</div>
<hr />
</div>
{% endfor %}
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
<div class="col-sm-10">
<select name="status" id="input-status" class="form-control">
<option value="1" {{ status ? 'selected="selected"' }}>{{ text_enabled }}</option>
<option value="0" {{ status == 0 ? 'selected="selected"' }}>{{ text_disabled }}</option>
</select>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
function addSlide(lang_id, elem) {
const block = $(elem).parent().prev(), slide_id = $('.slide-'+lang_id).length;
html = '<tr class="slide-'+lang_id+'">';
html += '<td style="text-align:center">';
html += '<a href="" id="thumb-image-'+slide_id+'-'+lang_id+'" data-toggle="image" class="img-thumbnail"><img src="{{ slide.thumb[lang_id] ? slide.thumb[lang_id] : placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>';
html += '<input type="hidden" name="slides['+slide_id+'][image]['+lang_id+']" value="{{ slide.image[lang_id] }}" id="input-image-'+slide_id+'-'+lang_id+'" />';
html += '</td>';
html += '<td style="text-align:center">';
html += '<a href="" id="thumb-image-mobile-'+slide_id+'-'+lang_id+'" data-toggle="image" class="img-thumbnail"><img src="{{ slide.thumb_mobile[lang_id] ? slide.thumb_mobile[lang_id] : placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a>';
html += '<input type="hidden" name="slides['+slide_id+'][image_mobile]['+lang_id+']" value="{{ slide.image_mobile[lang_id] }}" id="input-image-mobile-'+slide_id+'-'+lang_id+'" />';
html += '</td>';
html += '<td>';
html += '<input type="text" name="slides['+slide_id+'][title]['+lang_id+']" value="" placeholder="{{ placeholder_title }}" class="form-control" />';
html += '<textarea name="slides['+slide_id+'][text]['+lang_id+']" class="form-control" style="margin-top:10px;min-height:50px" placeholder="{{ placeholder_text }}"></textarea>';
html += '<input type="text" name="slides['+slide_id+'][link]['+lang_id+']" value="" placeholder="{{ placeholder_link }}" class="form-control" style="margin-top:10px" />';
html += '<input type="text" name="slides['+slide_id+'][button]['+lang_id+']" value="" placeholder="{{ placeholder_button }}" class="form-control" style="margin-top:10px" />';
html += '<br />';
html += '<label style="font-weight:400;cursor:pointer"><input type="checkbox" name="slides['+slide_id+'][text_over_image]['+lang_id+']" value="1" /> {{ entry_text_over_image }}</label>';
html += '<br />';
html += '<label style="font-weight:400;cursor:pointer"><input type="checkbox" name="slides['+slide_id+'][text_hide_mobile]['+lang_id+']" value="1" /> {{ entry_text_hide_mobile }}</label>';
html += '</td>';
html += '<td style="text-align:center"><input type="text" name="slides['+slide_id+'][sort]" value="1" placeholder="" class="form-control" style="width:50px;text-align:center" /></td>';
html += '<td style="text-align:center"><button type="button" onclick="$(this).parent().parent().remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>';
html += '</tr>';
block.append(html);
}
$('.panel-body .nav').each(function() {
$(this).find('li:first a').tab('show');
});
</script>
{{ footer }}