could the ports sidebar be finished?
This commit is contained in:
		| @@ -38,7 +38,7 @@ | ||||
|       <td> </td> | ||||
|       [% END %] | ||||
|       <td>Switch Port</td> | ||||
|       <td><a href="/device?tab=ports&ip=[% node.switch | url %]&port=[% node.port | url %]">[% node.switch %] [ [% node.port %] ]</a> | ||||
|       <td><a href="/device?tab=ports&ip=[% node.switch | url %]&q=[% node.port | url %]">[% node.switch %] [ [% node.port %] ]</a> | ||||
|         [% ' (' _ node.device.dns.remove(settings.domain_suffix) _ ')' IF node.device.dns %] | ||||
|         [% ' <span class="label warning">a</span>' IF NOT node.active %] | ||||
|       </td> | ||||
|   | ||||
| @@ -53,7 +53,7 @@ | ||||
|       <td> </td> | ||||
|       [% END %] | ||||
|       <td>Switch Port</td> | ||||
|       <td><a href="/device?tab=ports&ip=[% node.switch | url %]&port=[% node.port | url %]">[% node.switch %] [ [% node.port %] ]</a> | ||||
|       <td><a href="/device?tab=ports&ip=[% node.switch | url %]&q=[% node.port | url %]">[% node.switch %] [ [% node.port %] ]</a> | ||||
|         [% ' (' _ node.device.dns.remove(settings.domain_suffix) _ ')' IF node.device.dns %] | ||||
|         [% ' <span class="label warning">a</span>' IF NOT node.active %] | ||||
|       </td> | ||||
| @@ -70,7 +70,7 @@ | ||||
|       <td> </td> | ||||
|       [% END %] | ||||
|       <td>Switch Port</td> | ||||
|       <td><a href="/device?tab=ports&ip=[% port.ip | url %]&port=[% port.port | url %]">[% port.ip %] [ [% port.port %] ]</a> | ||||
|       <td><a href="/device?tab=ports&ip=[% port.ip | url %]&q=[% port.port | url %]">[% port.ip %] [ [% port.port %] ]</a> | ||||
|         [% ' (' _ port.device.dns.remove(settings.domain_suffix) _ ')' IF port.device.dns %] | ||||
|       </td> | ||||
|       [% IF params.stamps %] | ||||
|   | ||||
| @@ -11,7 +11,7 @@ | ||||
|     [% WHILE (row = results.next) %] | ||||
|     <tr> | ||||
|       <td>[% row.name %]</td> | ||||
|       <td><a href="/device?tab=ports&ip=[% row.ip %]&port=[% row.port %]">[% row.ip %] [ [% row.port %] ]</a> | ||||
|       <td><a href="/device?tab=ports&ip=[% row.ip %]&q=[% row.port %]">[% row.ip %] [ [% row.port %] ]</a> | ||||
|         [% ' (' _ row.device.dns.remove(settings.domain_suffix) _ ')' IF row.device.dns %] | ||||
|       </td> | ||||
|       <td>[% row.descr %]</td> | ||||
|   | ||||
| @@ -13,17 +13,17 @@ | ||||
|     [% WHILE (row = results.next) %] | ||||
|     <tr> | ||||
|       <td><a class="nd_linkcell nd_stealthlink" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.vlan.vlan %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.vlan.vlan %]</a></td> | ||||
|       <td><a class="nd_linkcell" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.dns %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.dns %]</a></td> | ||||
|       <td><a class="nd_linkcell nd_stealthlink" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.vlan.description %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.vlan.description %]</a></td> | ||||
|       <td><a class="nd_linkcell nd_stealthlink" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.model %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.model %]</a></td> | ||||
|       <td><a class="nd_linkcell nd_stealthlink" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.os %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.os %]</a></td> | ||||
|       <td><a class="nd_linkcell nd_stealthlink" | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&vlan=[% row.vlan.vlan %]">[% row.vendor %]</a></td> | ||||
|         href="/device?tab=ports&ip=[% row.ip %]&q=[% row.vlan.vlan %]">[% row.vendor %]</a></td> | ||||
|     </tr> | ||||
|     [% END %] | ||||
|   </tbody> | ||||
|   | ||||
| @@ -2,7 +2,37 @@ | ||||
|           <form id="[% tab.id %]_form" class="nd_sidesearchform form-stacked" method="get" action="/device"> | ||||
|             <input name="tab" value="[% tab.id %]" type="hidden"/> | ||||
|             <input name="ip" value="[% params.ip %]" type="hidden"/> | ||||
|             <input name="port" value="[% params.port %]" type="hidden"/> | ||||
|             <div class="clearfix"> | ||||
|               <input class="nd_port_query span3" placeholder="Port Name or VLAN" | ||||
|                 name="q" value="[% params.port || params.vlan %]" type="text" | ||||
|                 rel="twipsy" data-placement="right" data-offset="5" title="Filter by Port Name or VLAN"/> | ||||
|             </div> | ||||
|             <div class="clearfix"> | ||||
|               <a href="#" class="nd_collapse_legend"><label>Legend</label></a> | ||||
|                 <ul class="inputs-list unstyled"> | ||||
|                   <li> | ||||
|                     <span class="label warning">d</span>  Admin Disabled | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label">l</span>  Link Down | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label">f</span>  Port Free (Down) | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label notice">b</span>  Blocking | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label success">p</span>  IP Phone | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label important">n</span>  Neighbor Inacessible | ||||
|                   </li> | ||||
|                   <li> | ||||
|                     <span class="label warning">a</span>  Archived Data | ||||
|                   </li> | ||||
|                 </ul> | ||||
|             </div> | ||||
|             <div class="clearfix"> | ||||
|               <a href="#" class="nd_collapse_columns"><label>Display Columns</label></a> | ||||
|               <div class="input nd_collapse_pre_hidden"> | ||||
| @@ -10,7 +40,7 @@ | ||||
|                   [% FOREACH item IN vars.port_columns %] | ||||
|                   <li> | ||||
|                     <label> | ||||
|                       <input type="checkbox" name="[% item.name %]" value="[% item.name %]"/> | ||||
|                       <input type="checkbox" id="[% item.name %]" name="[% item.name %]"[% ' checked="checked"' IF params.${item.name} %] /> | ||||
|                       <span>[% item.label %]</span> | ||||
|                     </label> | ||||
|                   </li> | ||||
| @@ -18,6 +48,36 @@ | ||||
|                 </ul> | ||||
|               </div> | ||||
|             </div> | ||||
|             <div class="clearfix"> | ||||
|               <a href="#" class="nd_collapse_portprop"><label>Port Properties</label></a> | ||||
|               <div class="input nd_collapse_pre_hidden"> | ||||
|                 <ul class="inputs-list"> | ||||
|                   <li> | ||||
|                     <label> | ||||
|                       <input type="checkbox" id="free" name="free"[% ' checked="checked"' IF params.free %]/> | ||||
|                       <span>Only Show Free Ports</span> | ||||
|                     </label> | ||||
|                   </li> | ||||
|                   <p></p> | ||||
|                   <li> | ||||
|                     <span rel="twipsy" data-placement="right" 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 %] | ||||
|                       <option[% ' selected="selected"' IF params.age_num == count %]>[% count %]</option> | ||||
|                       [% SET count = count + 1 %] | ||||
|                       [% END %] | ||||
|                     </select> | ||||
|                     <select class="span2" name="age_unit"/> | ||||
|                       [% FOREACH unit IN [ 'days', 'weeks', 'months', 'years' ] %] | ||||
|                       <option[% ' selected="selected"' IF params.age_unit == unit %]>[% unit %]</option> | ||||
|                       [% END %] | ||||
|                     </select> | ||||
|                     </span> | ||||
|                   </li> | ||||
|                 </ul> | ||||
|               </div> | ||||
|             </div> | ||||
|             <div class="clearfix"> | ||||
|               <a href="#" class="nd_collapse_nodeprop"><label>Node Properties</label></a> | ||||
|               <div class="input nd_collapse_pre_hidden"> | ||||
| @@ -25,7 +85,7 @@ | ||||
|                   [% FOREACH item IN vars.connected_properties %] | ||||
|                   <li> | ||||
|                     <label> | ||||
|                       <input type="checkbox" name="[% item.name %]" value="[% item.name %]"/> | ||||
|                       <input type="checkbox" id="[% item.name %]" name="[% item.name %]"[% ' checked="checked"' IF params.${item.name} %] /> | ||||
|                       <span>[% item.label %]</span> | ||||
|                     </label> | ||||
|                   </li> | ||||
| @@ -33,33 +93,6 @@ | ||||
|                 </ul> | ||||
|               </div> | ||||
|             </div> | ||||
|             <div class="clearfix"> | ||||
|               <label>Ports become "Free" after</label> | ||||
|               <span rel="twipsy" data-placement="right" data-offset="5" title="Time since Port went Down"> | ||||
|               <select class="nd_days_select" name="age_num"/> | ||||
|                 [% SET count = 1 %] | ||||
|                 [% WHILE count < 32 %] | ||||
|                 <option>[% count %]</option> | ||||
|                 [% SET count = count + 1 %] | ||||
|                 [% END %] | ||||
|               </select> | ||||
|               <select class="span2" name="age_unit"/> | ||||
|                 <option>days</option> | ||||
|                 <option>weeks</option> | ||||
|                 <option>months</option> | ||||
|                 <option>years</option> | ||||
|               </select> | ||||
|               </span> | ||||
|             </div> | ||||
|             <div class="clearfix"></div> | ||||
|             <div class="clearfix input-prepend"> | ||||
|               <label class="add-on"> | ||||
|                 <input type="checkbox" id="archived" name="archived"[% ' checked="checked"' IF params.archived %]/> | ||||
|               </label> | ||||
|               <label for="archived"> | ||||
|                 <span class="nd_searchcheckbox uneditable-input">Archived Data <span class="nd_legendlabel label warning">a</span></span> | ||||
|               </label> | ||||
|             </div> | ||||
|             <div class="nd_search clearfix"> | ||||
|               <button id="[% tab.id %]_submit" type="submit" class="btn info">Update View</button> | ||||
|               <a id="[% tab.id %]_bookmark" href="#" | ||||
|   | ||||
| @@ -3,16 +3,32 @@ | ||||
|       target: 'next', | ||||
|       effect: 'slide', | ||||
|       changeText: true, | ||||
|       expandHtml: '<label class="nd_collapser">Display Columns<div class="arrow-down"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Display Columns<div class="arrow-up"></div></label>', | ||||
|       expandHtml: '<label class="nd_collapser">Display Columns<div class="arrow-up"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Display Columns<div class="arrow-down"></div></label>', | ||||
|     }); | ||||
|  | ||||
|     $('.nd_collapse_portprop').collapser({ | ||||
|       target: 'next', | ||||
|       effect: 'slide', | ||||
|       changeText: true, | ||||
|       expandHtml: '<label class="nd_collapser">Port Properties<div class="arrow-up"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Port Properties<div class="arrow-down"></div></label>', | ||||
|     }); | ||||
|  | ||||
|     $('.nd_collapse_nodeprop').collapser({ | ||||
|       target: 'next', | ||||
|       effect: 'slide', | ||||
|       changeText: true, | ||||
|       expandHtml: '<label class="nd_collapser">Node Properties<div class="arrow-down"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Node Properties<div class="arrow-up"></div></label>', | ||||
|       expandHtml: '<label class="nd_collapser">Node Properties<div class="arrow-up"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Node Properties<div class="arrow-down"></div></label>', | ||||
|     }); | ||||
|  | ||||
|     $('.nd_collapse_legend').collapser({ | ||||
|       target: 'next', | ||||
|       effect: 'slide', | ||||
|       changeText: true, | ||||
|       expandHtml: '<label class="nd_collapser">Legend<div class="arrow-up"></div></label>', | ||||
|       collapseHtml: '<label class="nd_collapser">Legend<div class="arrow-down"></div></label>', | ||||
|     }); | ||||
|  | ||||
|     // parameterised for the active tab - submits search form and injects | ||||
|   | ||||
		Reference in New Issue
	
	Block a user