{include file="header.html"}

{box class="noshadow noborder" style="padding:0;"}
    <input type="hidden" id="rangeid" value="{$rangeinfo.id}">
    <input type="hidden" id="old_networknode">
    <input type="hidden" id="old_netdevices">

    {heading class="noshadow noborder"}
	<div class="row">
	    
	    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" style="text-align:center;">
		Węzeł<br>
		<select id="select_networknode" class="form-control widthfull"{if !$networknode} disabled{/if}>
		{if $networknode}
		    <option></option>
		    {foreach from=$networknode item=item}
			<option value="{$item.id}">{$item.name}</option>
		    {/foreach}
		{/if}
		</select>
	    </div>
	    
	    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" style="text-align:center;">
		Interfejs sieciowy<br>
		<select id="select_netdevices" class="form-control widthfull"{if !$netdevices} disabled{/if}>
		{if $netdevices}
		    <option></option>
		    {foreach from=$netdevices item=item}
			<option value="{$item.id}">{$item.name}</option>
		    {/foreach}
		{/if}
		</select>
	    </div>
	    
	    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" style="text-align:center;">
	    <!--// przyszłość wybór portu w interfejsie //-->
	    </div>
	    
	    <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3" style="text-align:right;">
		&nbsp;
		<div style="margin:0;padding:0;">
		<a class="btn btn-default" href="javascript:void(0);" id="int_button_add">{fontimg src="add"} Dodaj interfejs</a>
		</div>
	    </div>
	</div>
    {/heading}
    

{/box}
    
{literal}
<script type="text/javascript" language="JavaScript">
<!--
    $(document).ready(function(){
	
	$("#select_networknode").change(function(){
	    $("#select_netdevices").empty().attr('disabled',true);
	    var $networknodeid = $(this).val();
	    $.get('?m=rangeinfo',{
		int : "1",
		ajax : "1",
		popup : "1",
		networknodeid : $networknodeid,
		getint : "1",
	    }).done(function(result){
		var request = $.parseJSON(result);
		if (request && request.length) {
		    $("#select_netdevices").removeAttr('disabled');
		    var $out = "<option></option>";
		    for (i=0; i<request.length; i++) {
			$out += "<option value='" + request[i].id + "'>" + request[i].name + "</option>";
		    }
		    $("#select_netdevices").append($out);
		}
	    
	    });
	    
	}); // end select węzeł
    
	$("#int_button_add").click(function(){
	    
	    var $netdevicesid = $("#select_netdevices").val();
	    var $networknodeid = $("#select_networknode").val();
	    $("#select_netdevices").val('').change();
	    if ($netdevicesid) {
	    
	    } else {
		alert('Wybierz interfejs sieciowy');
	    }
	    
	}); // end click add int
    
    }); // end ready
//-->
</script>
{/literal}

{include file="footer.html"}