{include file="header.html"}

{title value=$layout.pagetitle help="networknodelist" link=$layout.pagelink}

{box}

<form method="GET" action="?m=networknodelist" name="filter">
<input type="submit" class="hiddenbtn">
<input type="hidden" name="m" value="networknodelist">
<input type="hidden" name="page" value="1">

<div class="row">
    
    <div class="col-xs-4 col-sm-2 col-md-1 col-lg-1" style="text-align:right;margin-top:6px;">Status</div>
    <div class="col-xs-8 col-sm-4 col-md-2 col-lg-2" style="margin-top:2px;">
	<select name="status" onchange="document.filter.submit();" class="form-control widthfull{if $listdata.status != '-1'} actives"{/if}">
	    <option value="-1">{trans('-- all --')}</option>
	    {foreach $_NSTATUS as $item => $key}
	    <option value="{$item}" {if $item == $listdata.status} selected{/if}>{$key}</option>
	    {/foreach}
	</select>
    </div>

    <div class="col-xs-4 col-sm-2 col-md-1 col-lg-1" style="text-align:right;margin-top:6px;">Grupa</div>
    <div class="col-xs-8 col-sm-4 col-md-2 col-lg-2" style="margin-top:2px;">
	<select name="group" onchange="document.filter.submit();" class="form-control widthfull{if $listdata.group != '-1'} actives{/if}">
	    <option value="-1">{trans('-- all --')}</option>
	    {section name='grouplist' loop=$grouplist}
	    <option value="{$grouplist[grouplist].id}"{if $listdata.group == $grouplist[grouplist].id} selected{/if}>{$grouplist[grouplist].name}</option>
	    {/section}
	</select>
    </div>
    
    <div class="col-xs-4 col-sm-2 col-md-1 col-lg-1" style="text-align:right;margin-top:6px;">Projekt</div>
    <div class="col-xs-8 col-sm-4 col-md-2 col-lg-2" style="margin-top:2px;margin-top:2px;">
	<select name="project" onchange="document.filter.submit();" class="form-control widthfull{if $listdata.project != '-1'} actives{/if}">
	    <option value="-1">{trans('-- all --')}</option>
	    {section name='projectlist' loop=$projectlist}
	    <option value="{$projectlist[projectlist].id}"{if $projectlist[projectlist].id == $listdata.project} selected{/if}>{$projectlist[projectlist].name}</option>
	    {/section}
	</select>
    </div>
    
    <div class="col-xs-4 col-sm-2 col-md-1 col-lg-1" style="text-align:right;margin-top:6px;">Własność</div>
    <div class="col-xs-8 col-sm-4 col-md-2 col-lg-2" style="margin-top:2px;">
	<select name="owner" onchange="document.filter.submit();" class="form-control widthfull{if $listdata.owner != '-1'} actives{/if}">
	    <option value="-1">{trans('-- all --')}</option>
	    {foreach $_TNODE as $item => $key}
	    <option value="{$item}" {if $item == $listdata.owner} selected{/if}>{$key|truncate:"19":"":true}</option>
	    {/foreach}
	</select>
    </div>
    
</div>

</form>


<div style="padding-right:2px;margin-top:15px;">
    <table name="networknodelist" id="networknodelist" cellpadding="0" cellspacing="0" width="100%" class="table table-striped table-bordered table-hover"></table>
</div>

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

    $(document).ready(function(){
    
	var dt = $("#networknodelist").dataTable({
	
	    'serverSide' : true,
	    'ajax' : {
		'url' : "?m=networknodelist_ajax&popup=1&ajax=1",
		'type' : "POST",
	    },
	    'columns' : [
		{
		    'data'		: "lp",
		    'name'		: "lp",
		    'title'		: "LP",
		    'sClass'		: "textright column_lp networknode-card",
		    'orderable'		: false,
		    'searchable'	: false,
		    'width'		: "1%",
		},{
		    'data'		: "id",
		    'name'		: "id",
		    'title'		: "ID",
		    'sClass'		: "textright column_id networknode-card",
		    'width'		: "1%",
		},{
		    'data'		: "name",
		    'name'		: "name",
		    'title'		: "Nazwa",
		    'sClass'		: "textleft column_name networknode-card",
		    'width'		: "auto",
		},{
		    'data'		: "address",
		    'name'		: "address",
		    'title'		: "Adres",
		    'sClass'		: "textleft column_address networknode-card",
		    'width'		: "auto",
		},{
		    'data'		: "owner",
		    'name'		: "owner",
		    'title'		: "Własność",
		    'orderable'		: false,
		    'searchable'	: false,
		    'sCalss'		: "textleft column_owner networknode-card",
		    'width'		: "1%",
		},{
		    'data'		: "layer",
		    'name'		: "layer",
		    'title'		: "Warstwy",
		    'orderable'		: false,
		    'searchable'	: false,
		    'sClass'		: "textright column_layer networknode-card nowrap",
		    'width'		: "1%",
		},{
		    'data'		: "count_netdev",
		    'name'		: "count_netdev",
		    'title'		: "Interfejsów",
		    'searchable'	: false,
		    'sClass'		: "textright column_count_netdev networknode-card",
		    'width'		: "1%",
		},{
		    'data'		: null,
		    'name'		: "link",
		    'defaultContent'	: "",
		    'title'		: "&nbsp;",
		    'searchable'	: false,
		    'orderable'		: false,
		    'sClass'		: "textright column_link nowrap quicklink not-export-row",
		    'width'		: "1%",
		}
	    ],
	    'language' : {
		buttons: {
		    colvis : "Widok"
		},
		"url" : "img/Polish.json"
	    },
	    'lengthMenu' : [[10,25,50,100,200],[10,25,50,100,200]],
	    
	    'order' : [[{/literal}{$order}{literal},"{/literal}{$direction}{literal}"]],
	    
	    'sDom' : '<"row"<"col-md-2"l><"col-md-6"B><"col-md-4"f>><"row"<"col-md-6"i><"col-md-6"p>>rtip',
	    buttons : [
		{
		    extend : 'copyHtml5',
		    exportOptions : {
			columns : ':visible:not(.not-export-col)'
		    }
		},{
		    extend : 'csvHtml5',
		    exportOptions : {
			columns : ':visible:not(.not-export-col)',
			format : {
			    body : function(data,column,row) {
				data = data.replace(/&nbsp;/ig, "");
				data = data.replace(/(?:\r\n|\r|\n)/ig, " ");
				data = data.replace(/<.*?>/ig, "");
				return data;
			    }
			}
		    }
		},{
		    extend : 'excelHtml5',
		    exportOptions : {
			columns : ':visible:not(.not-export-col)'
		    }
		},{
		    extend : 'pdfHtml5',
		    exportOptions : {
			    columns : ':visible:not(.not-export-col)'
		    },
		    header : true,
		    customize : function(config) {
			config.pageSize = 'A4';
			config.defaultStyle.fontSize = 7;
			config.styles.tableHeader.width = '100%';
			config.styles.tableHeader.fontSize = 7;
			config.styles.tableHeader.bold = true;
			config.styles.tableHeader.color = '#000000';
			config.styles.tableHeader.fillColor = '#CCCCCC';
			config.styles.title.alignment = 'left';
			config.styles.title.bold = true;
			config.styles.title.fontSize = 10;
		    }
		},{
		    extend : 'colvis',
		    columns : [1,2,3,4,5],
		    columnDefs:[
			{
			    className :'select-checkbox',
			    targets : 0
			}
		    ]
		},
	    ],// ebd button
	    
	    initComplete : function() {
	    },
	    
	    stateSave : true,
	    'pageLength' : {/literal}{if get_profile('pagelimit')}{get_profile('pagelimit')}{else}50{/if}{literal},
	    
		'fnRowCallback' : function(nRow, aData, iDisplayIndex,iDisplayIndexFull) {
		    
		    var column_count = $("#netdevlist thead th").length -1;
		    
		    if (aData.count_netdev == 0)
			$('td',nRow).eq(column_count).append("<a href='?m=networknodedel&id=" + aData.id + "' onclick='return confirmLink(this,\"Potwierdź usunięcie węzła\");' title=\"usuń\"><i class='fa fa-fw fa-trash'></i></a>");
		    
		    $('td',nRow).eq(column_count).append("<a href='?m=networknodeedit&id=" + aData.id + "'><i class='fa fa-fw fa-edit'></i></a>");
		    
		    $('td',nRow).eq(column_count).append("<a href='?m=networknodeinfo&idn=" + aData.id + "' target='_blank'><i class='fa fa-info-circle'></i></a>");
		},
	
	}); // end dataTable;
	
	setTimeout(function(){ 
		$("div.dataTables_filter").append("<select id='cloperator' class='form-control input-sm' onchange='change_operator(this);' style='margin-left:2px;' title='Operator wyszukiwania'><option value='or'>OR</option><option value='and'>AND</option></select>");
		$("#cloperator").val('{/literal}{$listdata.operator}{literal}');
		
	}, 500);
	
	$("#networknodelist tbody").on('click','tr td.networknode-card',function() {
	    var tr = $(this).closest('tr');
	    var row = dt.api().row( tr );
	    var id = row.data().id;
	    self.location.href='?m=networknodeinfo&idn=' + id;
	});
    
    }); // end ready;

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

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