{include file="header.html"}
{$xajax}

<div id="id_edit_rtstates_change"></div>

{box class="noborder noshadow" style="padding:5px;"}

<div class="pull-right" style="margin-bottom:10px;" id="table_button">
    <a class='btn btn-default' onclick='xajax_rtstates_change_add();'>{fontimg src="add"} {trans('Dodaj powód')}</a>
</div>
    
<table width="100%" cellpadding="0" class="table table-bordered table-hover table-striped" id="rtticketstateschangelist">
    <thead>
	<tr>
	    <th>{trans('ID')}</th>
	    <th>{trans('Powód zmiany statusu')}<br>{trans('Opis')}</th>
	    <th>{trans('Użyto')}</th>
	    <th>&nbsp;</th>
	</tr>
    </thead>
    
    <tbody>
	{section name='changelist' loop=$changelist}
	<tr>
	    <td>{$changelist[changelist].id}</td>
	    <td>
		<b>{$changelist[changelist].name}</b>
		{if $changelist[changelist].description}<br>{$changelist[changelist].description|nl2br}{/if}
	    </td>
	    <td>{$changelist[changelist].counts}</td>
	    <td nowrap>
		<a><i class="onoff fa fa-fw fa-toggle-{if $changelist[changelist].active}on{else}off{/if}" uid="{$changelist[changelist].id}"></i></a>
		{if !$changelist[changelist].counts && !$changelist[changelist].countsh}
		    <a onclick="confirm_delete({$changelist[changelist].id});">{fontimg src="delete" show="1"}</a>
		{/if}
		<a onclick="xajax_rtstates_change_edit({$changelist[changelist].id});">{fontimg src="edit" show="1"}</a>
	    </td>
	</tr>
    {/section}
    </tbody>

</table>

{literal}
<script type="text/javascript" language="JavaScript">
<!--


    function confirm_delete(id) {
	if (confirm('Potwierdź usunięcie pozycji')) {
	xajax_rtstates_change_deleted(id);
        }
    }


    function resize_content() {
	var frm = $(parent.document).find("#tabsajax_content");
	
	setTimeout(function(){
		frm.css({height : "0px"});
		var $height = $(document).height();
		frm.css({height : $height + 20 + "px"});
	},50);
    }


    $(document).ready(function(){
	
	var dt = $("#rtticketstateschangelist").dataTable({
		
		'language' 	: {'url' : 'img/Polish.json'},
		'lengthMenu' 	: [[10,25,50,100,200],[10,25,50,100,200]],
		'order' 	: [[1,"asc"]],
		'sDom' 		: 'fliprtip',
		'pageLength' 	: {/literal}{get_profile('pagelimit',50)}{literal},
		'columns' 	: [
				    {'width' : '1%', 'sClass' : 'textcenter'},
				    {'width' : '96%','sClass' : 'textleft'},
				    {'width' : '1%', 'sClass' : 'textright'},
				    {'width' : '1%', 'sClass' : 'textright quicklink',"orderable" : false, "searchable": false}
				],
		'stateSave' : true,
		'drawCallback' : function(){
				resize_content();
		},
	});
	
	$('.onoff').click(function(){
	    var tr = $(this).closest('tr');
	    var uid = $(this).attr('uid');
	    
	    if ($(this).hasClass('fa-toggle-on')) { // wyłączamy
		
		$(this).removeClass('fa-toggle-on');
		$(this).addClass('fa-toggle-off');
		
	    } else { // włączamy
		
		$(this).removeClass('fa-toggle-off');
		$(this).addClass('fa-toggle-on');
		
	    }
	    xajax_rtstates_change_set(uid);
	});
	
    });

    //-->
</script>
{/literal}


{/box}
{include file="footer.html"}