{include file="header.html"}
{$xajax}
{title value=$layout.title link="<a class='btn btn-default' href='javascript:void(0);' onclick='xajax_dictionary_devices_add();'>{fontimg src='add'} {trans('Dodaj nową pozycję')}</a>"}

<div id="id_edit_dictionary_devices"></div>

{box style="padding:5px;"}
    
<table width="100%" cellpadding="0" class="table table-hover table-striped table-bordered display" id="dictionarydevices">
    <thead>
	<tr>
	    <th>{trans('ID')}</th>
	    <th>{trans('Rodzaj urządzenia')}<br>{trans('Opis')}</th>
	    <th style="text-align:center;">{trans('Przypisanych terminali')}</th>
	    <th style="text-align:center;">{trans('Przypisanych interfejsów')}</th>
	    <th>&nbsp;</th>
    </thead>
    
    <tbody>
    {section name='deviceslist' loop=$deviceslist}
	
	<tr>
	    <td>{$deviceslist[deviceslist].id|string_format:"%04d"}</td>
	    <td>
		<b>{$deviceslist[deviceslist].type}</b>
		{if $deviceslist[deviceslist].description}<br>{$deviceslist[deviceslist].description|nl2br}{/if}
	    </td>
	    <td>{$deviceslist[deviceslist].countnodes}</td>
	    <td>{$deviceslist[deviceslist].countnetdev}</td>
	    <td>
		{if !$deviceslist[deviceslist].countnodes && !$deviceslist[deviceslist].countnetdev}
		    <a onclick="confirm_delete({$deviceslist[deviceslist].id});">{fontimg src='delete' show='1'}</a>
		{/if}
		<a onclick="xajax_dictionary_devices_edit({$deviceslist[deviceslist].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_dictionary_devices_deleted(id);
	    }
	}
	
	$(document).ready(function(){
	    
	    var dt = $("#dictionarydevices").dataTable({
		
		language : {url : 'img/Polish.json'},
		columns : [
		    {"sClass" : 'textcenter',"width" : '1%'},
		    {'sClass' : 'textleft',"width" : "auto"},
		    {"width" : "1%",'sClass' : 'textright'},
		    {"width" : "1%",'sClass' : 'textright'},
		    {"sClass" : "textright quicklink","width" : "1%","orderable" : false,"searchable" : false}
		],
		order : [[1,"asc"]],
		pageLength : {/literal}{get_profile('pagelimit','50')}{literal},
		'sDom' : 'lfiprtip',
		'stateSave' : true,
		'lengthMenu' : [[10,25,50,100,200],[10,25,50,100,200]],
	    });
	});
	
    //-->
</script>
{/literal}

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