<span class="nd_sidebar-title"><em>Neighbor Map Controls</em></span>
<input name="q" value="[% params.q | html_entity %]" type="hidden"/>
<div class="clearfix nd_netmap-sidebar">
<ul class="muted nd_netmap-sidebar-help">
<li>Tip: shift-drag to lasso</li>
<li><a href="https://github.com/netdisco/netdisco/wiki/Network-Map" target="_blank">User Guide
<i class="icon-external-link"></i></a></li>
</ul>
</div>
<div class="clearfix control-group nd_netmap-sidebar">
<div class="checkbox pull-left">
<label>
<input type="checkbox" name="showips" id="nd_showips"
[% ' checked="checked"' IF vars.sidebar_defaults.device_netmap.showips %]
data-toggle="toggle" data-size="small" data-width="30"
data-on="Show" data-off=" " data-onstyle="success">
<span onclick="$('#nd_showips').bootstrapToggle('toggle')"> Management IP</span>
</label>
</div>
<div class="checkbox pull-left">
<label>
<input type="checkbox" name="showspeed" id="nd_showspeed"
[% ' checked="checked"' IF vars.sidebar_defaults.device_netmap.showspeed %]
data-toggle="toggle" data-size="small" data-width="30"
data-on="Show" data-off=" " data-onstyle="success">
<span onclick="$('#nd_showspeed').bootstrapToggle('toggle')"> Link Speed</span>
</label>
</div>
</div>
<label><span id="">Positions: </span>
<button id="nd_netmap-save" class="nd_sidebar-btn-netmap btn btn-small btn-info">
<i class="icon-save icon-large pull-left nd_navbar-icon"></i> Save</button>
</label>
<table margin="0" border="0" class="nd_netmap-pin-controls">
<tr>
<td class="nd_netmap-pin-controls-top-row">
<button id="nd_netmap-releaseonly" class="nd_sidebar-btn-netmap btn btn-small btn-info">
<i class="icon-unlock icon-large pull-left nd_navbar-icon"></i> Lasso</button>
</td>
<td class="nd_netmap-pin-controls-top-row">
<button id="nd_netmap-pinonly" class="nd_sidebar-btn-netmap btn btn-small btn-info">
<i class="icon-lock icon-large pull-left nd_navbar-icon"></i> Lasso</button>
</td>
</tr>
<tr>
<td>
<button id="nd_netmap-releaseall" class="nd_sidebar-btn-netmap btn btn-small btn-info">
<i class="icon-unlock icon-large pull-left nd_navbar-icon"></i> All</button>
</td>
<td>
<button id="nd_netmap-zoomtodevice" class="nd_sidebar-btn-netmap btn btn-small btn-info">
<i class="icon-search icon-large pull-left nd_navbar-icon"></i> Device</button>
</td>
</tr>
</table>
<hr class="nd_sidebar-hr"/>
[% IF device_count > (vars.sidebar_defaults.device_netmap.too_many_devices || 1000) %]
<span class="nd_disabled-feature">
[% END %]
<div class="radio radio-success">
<input type="radio" name="mapshow" id="nd_mapshow-all"
[% 'checked' IF vars.sidebar_defaults.device_netmap.mapshow == 'all' %] value="all">
<label for="nd_mapshow-all">All Devices</label>
</div>
<div class="radio radio-success">
<input type="radio" name="mapshow" id="nd_mapshow-cloud"
[% 'checked' IF vars.sidebar_defaults.device_netmap.mapshow == 'cloud' %] value="cloud">
<label for="nd_mapshow-cloud">Neighbor Cloud</label>
</div>
[% IF device_count > (vars.sidebar_defaults.device_netmap.too_many_devices || 1000) %]
</span>
[% END %]
<div class="radio radio-success">
<input type="radio" name="mapshow" id="nd_mapshow-depth"
[% 'checked' IF vars.sidebar_defaults.device_netmap.mapshow == 'depth' %] value="depth">
<label for="nd_mapshow-depth">Neighbor Hops:
<input name="depth" id="nd_mapshow-hops" class="input-mini" type="number" placeholder="1"
value="[% params.depth || vars.sidebar_defaults.device_netmap.hops || 1 | html_entity %]"/>
</label>
</div>
<label><span id="nd_vlan-label-text">Carrying VLAN: </span>
<input name="vlan" id="nd_vlan-entry" class="input-mini" type="number" placeholder="ID"
value="[% params.vlan | html_entity %]"/>
</label>
[% IF hgroup_list.size %]
<em class="muted">Device Groups:</em><br/>
<select class="nd_side-select" size="[% hgroup_list.size > 4 ? 4 : hgroup_list.size %]"
multiple name="hgroup" id="nd_hgroup-select"
rel="tooltip" data-placement="left" data-offset="5" data-title="Device Groups">
[% FOREACH opt IN hgroup_list.pairs %]
<option[% ' selected="selected"' IF hgroup_lkp.exists(opt.key) %]
value="[% opt.key | html_entity %]">[% opt.value | html_entity %]</option>
[% END %]
</select>
[% END %]
[% IF lgroup_list.size %]
<em class="muted">Device Locations:</em><br/>
<select class="nd_side-select" size="[% lgroup_list.size > 4 ? 4 : lgroup_list.size %]"
multiple name="lgroup" id="nd_lgroup-select"
rel="tooltip" data-placement="left" data-offset="5" data-title="Device Locations">
[% FOREACH loc IN lgroup_list %]
<option[% ' selected="selected"' IF lgroup_lkp.exists(loc) %]
value="[% loc | html_entity %]">[% loc | html_entity %]</option>
[% END %]
</select>
[% END %]
<div class="clearfix nd_netmap-sidebar">
[% IF hgroup_list.size OR lgroup_list.size %]
<div class="clearfix input-prepend">
<label><span id="nd_colorby-label-text">Color by: </span>
<select id="nd_colorby" name="colorby">
<option[% ' selected="selected"' IF vars.sidebar_defaults.device_netmap.colorby == 'off' %]
value="off">Off</option>
<option[% ' selected="selected"' IF vars.sidebar_defaults.device_netmap.colorby == 'speed' %]
value="speed">Throughput</option>
[% IF hgroup_list.size %]
<option[% ' selected="selected"' IF vars.sidebar_defaults.device_netmap.colorby == 'hgroup' %]
value="hgroup">Host Group</option>
[% END %]
[% IF lgroup_list.size %]
<option[% ' selected="selected"' IF vars.sidebar_defaults.device_netmap.colorby == 'lgroup' %]
value="lgroup">Location</option>
[% END %]
</select>
</label>
</div>
[% END %]
<div class="clearfix input-prepend">
<label class="add-on">
<input type="checkbox" id="dynamicsize" name="dynamicsize"
[% ' checked="checked"' IF vars.sidebar_defaults.device_netmap.dynamicsize %]/>
</label>
<label class="nd_checkboxlabel" for="dynamicsize">
<span class="nd_searchcheckbox uneditable-input">Dynamic Size</span>
</label>
</div>
</div>
<button id="[% tab.tag | html_entity %]_submit" type="submit" class="btn btn-info">
<i class="icon-pencil icon-large pull-left nd_navbar-icon"></i>
Redraw Map</button>