Sean Davis avatar Sean Davis committed de48dcb

Fixed class=active in menu items

Comments (0)

Files changed (2)

templates/base.html

           <div class="nav-collapse">
 	    <a class="brand" href="#">Bioinformatics@CCR</a>
             <ul class="nav">
-              <li><a href="/">Home</a></li>
+	      {%- for endpoint, caption in [
+	      ('hello', 'Home'),
+	      ('software_list', 'Software'),
+	      ] %}
+	      <li{% if endpoint == request.endpoint %} class="active"{% endif
+		    %}><a href={{ url_for(endpoint) }}>{{ caption }}</a>
+	      {%- endfor %}
               <li><a href="/training">Training & Education</a></li>
-              <li><a href="{{ url_for('software_list') }}">Software</a></li>
             </ul>
             <ul class="nav pull-right">
               <li class="divider-vertical"></li>

templates/index.html

           <div class="nav-collapse">
 	    <a class="brand" href="#">Bioinformatics@CCR</a>
             <ul class="nav">
-              <li><a href="{{ url_for('hello') }}">Home</a></li>
+	      {%- for endpoint, caption in [
+	      ('hello', 'Home'),
+	      ('software_list', 'Software'),
+	      ] %}
+	      <li{% if endpoint == request.endpoint %} class="active"{% endif
+		    %}><a href={{ url_for(endpoint) }}>{{ caption }}</a>
+	      {%- endfor %}
               <li><a href="/training">Training & Education</a></li>
-              <li><a href="{{ url_for('software_list') }}">Software</a></li>
             </ul>
             <ul class="nav pull-right">
               <li class="divider-vertical"></li>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.