[cig-commits] r15157 - cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal

[leif at geodynamics.org]

Author: leif
Date: 2009-06-09 11:00:19 -0700 (Tue, 09 Jun 2009)
New Revision: 15157

Modified:
   cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/pluggable.html
   cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/style.css
Log:
Highlight the selected icon with an outline, so the user has more
feedback as to where they are.


Modified: cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/pluggable.html
===================================================================
--- cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/pluggable.html	2009-06-09 17:28:13 UTC (rev 15156)
+++ cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/pluggable.html	2009-06-09 18:00:19 UTC (rev 15157)
@@ -32,43 +32,43 @@
                 </thead>
                 <tbody>
                 <tr>
-                    <td class="general" align=center>
+                    <td class="general{% if klass %}{% else %} selected{% endif %}" align=center>
                         <a href="{{root}}/"><img src="{{root}}/images/home.gif" width=32 height=32><br>
                         Home</a>
                     </td>
-                    <td class="general" align=center>
+                    <td class="general{% ifequal klass 'Run' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=Run"><img src="{{root}}/images/rocket.gif" width=32 height=32><br>
                         Runs</a>
                     </td>
-                    <td class="general" align=center>
+                    <td class="general{% ifequal klass 'Event' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=Event"><img src="{{root}}/images/events.gif" width=32 height=32><br>
                         Events</a>
                     </td>
-                    <td class="general" align=center>
+                    <td class="general{% ifequal klass 'StationList' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=StationList"><img src="{{root}}/images/stationlist.gif" width=32 height=32><br>
                         Stations</a>
                     </td>
-                    <td class="Specfem3DGlobe" align=center>
+                    <td class="Specfem3DGlobe{% ifequal klass 'Specfem3DGlobeParameters' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=Specfem3DGlobeParameters"><img src="{{root}}/images/parameters.gif" width=32 height=32><br>
                         3D Parameters</a>
                     </td>
-                    <td class="Specfem3DGlobe" align=center>
+                    <td class="Specfem3DGlobe{% ifequal klass 'Specfem3DGlobeMesh' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=Specfem3DGlobeMesh"><img src="{{root}}/images/mesh.gif" width=32 height=32><br>
                         Meshes</a>
                     </td>
-                    <td class="Specfem3DGlobe" align=center>
+                    <td class="Specfem3DGlobe{% ifequal klass 'Specfem3DGlobeModel' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=Specfem3DGlobeModel"><img src="{{root}}/images/s20rts.gif" width=32 height=32><br>
                         3D Models</a>
                     </td>
-                    <td class="Mineos" align=center>
+                    <td class="Mineos{% ifequal klass 'MineosParameters' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=MineosParameters"><img src="{{root}}/images/parameters.gif" width=32 height=32><br>
                         1D Parameters</a>
                     </td>
-                    <td class="Mineos" align=center>
+                    <td class="Mineos{% ifequal klass 'MineosModel' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=MineosModel"><img src="{{root}}/images/prem.gif" width=32 height=32><br>
                         1D Models</a>
                     </td>
-                    <td class="Mineos" align=center>
+                    <td class="Mineos{% ifequal klass 'MineosModeCatalog' %} selected{% endifequal %}" align=center>
                         <a href="{{root}}/?class=MineosModeCatalog"><img src="{{root}}/images/modecat.gif" width=32 height=32><br>
                         Mode Catalogs</a>
                     </td>

Modified: cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/style.css
===================================================================
--- cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/style.css	2009-06-09 17:28:13 UTC (rev 15156)
+++ cs/portal/trunk/northridge/SeismoWebPortal/templates/SeismoWebPortal/style.css	2009-06-09 18:00:19 UTC (rev 15157)
@@ -119,7 +119,12 @@
     color: black;
 }
 
+#buttonBar td.selected {
+    border-color: black;
+    border-width: 3px;
+}
 
+
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   buttons/menus
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/