first impl. of RHS sidebar

This commit is contained in:
Oliver Gorwits
2012-01-31 16:59:55 +00:00
parent e7b390dca5
commit c7bae9b638
9 changed files with 64 additions and 58 deletions

View File

@@ -1,11 +1,12 @@
<img class="sidebar_toggle" id="sidebar_toggle_img_out"
src="[% uri_base %]/images/splashyfish_right.png"/>
src="[% uri_base %]/images/dusseldorf_settings.png"
rel="twipsy" data-placement="left" data-offset="5" title="Show Options"/>
<div class="container-fluid">
<div class="sidebar">
<div class="well">
<img class="sidebar_toggle" id="sidebar_toggle_img_in"
src="[% uri_base %]/images/splashyfish_left.png"
rel="twipsy" data-placement="below" data-offset="5" title="Hide Sidebar"/>
src="[% uri_base %]/images/splashyfish_right.png"
rel="twipsy" data-placement="left" data-offset="5" title="Hide"/>
<h3 class="device_label">[% d.ip %]</h3>
[% IF d.dns %]
<p class="device_label">[% d.dns.remove(settings.domain_suffix) %]</p>
@@ -20,7 +21,7 @@
</div>
</div>
<div class="nd_content content">
<div class="content">
<ul id="search_results" class="tabs" data-tabs="on">
[% FOREACH tab IN vars.tabs %]
<li[% ' class="active"' IF params.tab == tab.id %]><a id="[% tab.id %]_link" href="#[% tab.id %]_pane">[% tab.label %]</a></li>

View File

@@ -1,24 +1,23 @@
<img class="sidebar_toggle" id="sidebar_toggle_img_out"
src="[% uri_base %]/images/splashyfish_right.png"/>
src="[% uri_base %]/images/dusseldorf_settings.png"
rel="twipsy" data-placement="left" data-offset="5" title="Show Search Options"/>
<div class="container-fluid">
<div class="sidebar">
<div class="well">
<img class="sidebar_toggle" id="sidebar_toggle_img_in"
src="[% uri_base %]/images/splashyfish_left.png"
rel="twipsy" data-placement="below" data-offset="5" title="Hide Sidebar"/>
src="[% uri_base %]/images/splashyfish_right.png"
rel="twipsy" data-placement="left" data-offset="5" title="Hide"/>
<div class="tab-content">
[% FOREACH tab IN vars.tabs %]
<div id="[% tab.id %]_search" class="tab-pane [% 'active' IF params.tab == tab.id %]">
<form id="[% tab.id %]_form" class="nd_sidesearchform form-stacked" method="get" action="[% uri_for('/search') %]">
<div class="clearfix">
<input class="span3" name="q" value="[% params.q %]" type="text"/>
</div>
[%+ TRY %][% INCLUDE "sidebar/search/${tab.id}.tt" %][% CATCH %]<!-- no "[% tab.id %]" search options -->[% END %]
<input name="q" value="[% params.q %]" type="hidden"/>
<input name="tab" value="[% tab.id %]" type="hidden"/>
<div class="nd_search clearfix">
<button id="[% tab.id %]_submit" type="submit" class="btn info">Search Again</button>
<a id="[% tab.id %]_bookmark" href="#"
rel="twipsy" data-placement="right" data-offset="5" title="Bookmark this Search">
rel="twipsy" data-placement="left" data-offset="5" title="Bookmark this Search">
<img class="nd_bookmark" src="[% uri_base %]/images/glyphicons_072_bookmark.png">
</a>
</div>
@@ -29,7 +28,7 @@
</div>
</div>
<div class="nd_content content">
<div class="content">
<ul id="search_results" class="tabs" data-tabs="on">
[% FOREACH tab IN vars.tabs %]
<li[% ' class="active"' IF params.tab == tab.id %]><a id="[% tab.id %]_link" href="#[% tab.id %]_pane">[% tab.label %]</a></li>

View File

@@ -4,11 +4,11 @@
<input name="ip" value="[% params.ip %]" type="hidden"/>
<div class="clearfix">
<a class="field_clear_icon" href="#"
rel="twipsy" data-placement="right" data-offset="3" title="Show all Ports">
rel="twipsy" data-placement="left" data-offset="3" title="Show all Ports">
<img src="[% uri_base %]/images/tango_sweep.png"/></a>
<input class="nd_port_query span3" placeholder="Port, Name or VLAN"
name="q" value="[% params.q %]" type="text"
rel="twipsy" data-placement="right" data-offset="5" title="Filter by Port, Name or VLAN"/>
rel="twipsy" data-placement="left" data-offset="5" title="Filter by Port, Name or VLAN"/>
</div>
<div class="clearfix">
<a href="#" id="nd_collapse_legend"><label>Legend</label></a>
@@ -63,7 +63,7 @@
</li>
<p></p>
<li>
<span rel="twipsy" data-placement="right" data-offset="5" title="Free if Down for this period of time">
<span rel="twipsy" data-placement="left" data-offset="5" title="Free if Down for this period of time">
<select class="nd_days_select" name="age_num"/>
[% SET count = 1 %]
[% WHILE count < 32 %]
@@ -99,7 +99,7 @@
<div class="nd_search clearfix">
<button id="[% tab.id %]_submit" type="submit" class="btn info">Update View</button>
<a id="[% tab.id %]_bookmark" href="#"
rel="twipsy" data-placement="right" data-offset="5" title="Bookmark these Settings">
rel="twipsy" data-placement="left" data-offset="5" title="Bookmark these Settings">
<img class="nd_bookmark" src="[% uri_base %]/images/glyphicons_072_bookmark.png"></a>
</div>
</form>

View File

@@ -3,32 +3,32 @@
<div class="clearfix">
<input class="span3" placeholder="System Name"
type="text" name="name" value="[% params.name %]"
rel="twipsy" data-placement="right" data-offset="5" title="System Name"/>
rel="twipsy" data-placement="left" data-offset="5" title="System Name"/>
</div>
<div class="clearfix">
<input class="span3" placeholder="Location"
type="text" name="location" value="[% params.location %]"
rel="twipsy" data-placement="right" data-offset="5" title="Location"/>
rel="twipsy" data-placement="left" data-offset="5" title="Location"/>
</div>
<div class="clearfix">
<input class="span3" placeholder="DNS"
type="text" name="dns" value="[% params.dns %]"
rel="twipsy" data-placement="right" data-offset="5" title="DNS"/>
rel="twipsy" data-placement="left" data-offset="5" title="DNS"/>
</div>
<div class="clearfix">
<input class="span3" placeholder="IP Address"
type="text" name="ip" value="[% params.ip %]"
rel="twipsy" data-placement="right" data-offset="5" title="IP Address"/>
rel="twipsy" data-placement="left" data-offset="5" title="IP Address"/>
</div>
<div class="clearfix">
<input class="span3" placeholder="Description"
type="text" name="description" value="[% params.description %]"
rel="twipsy" data-placement="right" data-offset="5" title="Description"/>
rel="twipsy" data-placement="left" data-offset="5" title="Description"/>
</div>
<div class="clearfix">
<select class="span3" size="[% vars.model_list.size > 5 ? 5 : vars.model_list.size %]"
multiple="on" name="model"
rel="twipsy" data-placement="right" data-offset="5" title="Model"/>
rel="twipsy" data-placement="left" data-offset="5" title="Model"/>
[% FOREACH opt IN vars.model_list %]
<option[% ' selected="selected"' IF vars.model_lkp.exists(opt) %]>[% opt %]</option>
[% END %]
@@ -37,7 +37,7 @@
<div class="clearfix">
<select class="span3" size="[% vars.os_ver_list.size > 5 ? 5 : vars.os_ver_list.size %]"
multiple="on" name="os_ver"
rel="twipsy" data-placement="right" data-offset="5" title="OS Release"/>
rel="twipsy" data-placement="left" data-offset="5" title="OS Release"/>
[% FOREACH opt IN vars.os_ver_list %]
<option[% ' selected="selected"' IF vars.os_ver_lkp.exists(opt) %]>[% opt %]</option>
[% END %]
@@ -46,7 +46,7 @@
<div class="clearfix">
<select class="span3" size="[% vars.vendor_list.size > 5 ? 5 : vars.vendor_list.size %]"
multiple="on" name="vendor"
rel="twipsy" data-placement="right" data-offset="5" title="Vendor"/>
rel="twipsy" data-placement="left" data-offset="5" title="Vendor"/>
[% FOREACH opt IN vars.vendor_list %]
<option[% ' selected="selected"' IF vars.vendor_lkp.exists(opt) %]>[% opt %]</option>
[% END %]