You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

navbar.html 2.4 KiB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <div class="navbar navbar-default">
  2. <div class="container">
  3. <div class="navbar-header">
  4. <button type="button" class="navbar-toggle" data-toggle="collapse"
  5. data-target=".navbar-responsive-collapse">
  6. <span class="icon-bar"></span>
  7. <span class="icon-bar"></span>
  8. <span class="icon-bar"></span>
  9. </button>
  10. <a class="navbar-brand" href="index">{{ brand_html or "<i class='icon-home'></i>"}}</a>
  11. </div>
  12. <div class="collapse navbar-collapse navbar-responsive-collapse">
  13. <ul class="nav navbar-nav navbar-left">
  14. {%- for page in top_bar_items -%}
  15. {% if not page.parent_label -%}
  16. <li data-label="{{ page.label }}" {% if page.child_items %} class="dropdown"{% endif %}>
  17. <a href="{{ page.url or '#' }}" {% if page.child_items %} class="dropdown-toggle" onclick="return false;" data-toggle="dropdown"{% endif %} {{ page.target or ''}}>
  18. {{ page.label }}
  19. {%- if page.child_items -%}
  20. <span class="caret"></span>
  21. </a>
  22. <ul class="dropdown-menu">
  23. {%- for child in page.child_items -%}
  24. <li data-label="{{ child.label }}">
  25. <a {% if child.indent %} style="padding-left: {{((child.indent|int)+1)*15 }}px"{% endif %}
  26. href="{{ child.url }}" {{ child.target or '' }}>{{ child.label }}</a>
  27. </li>
  28. {%- endfor -%}
  29. </ul>
  30. {%- else -%}
  31. </a>
  32. {%- endif -%}
  33. </li>
  34. {%- endif -%}
  35. {%- endfor %}
  36. </ul>
  37. <ul class="nav navbar-nav navbar-right">
  38. <!-- post login tools -->
  39. <li id="website-post-login" data-label="website-post-login" class="dropdown">
  40. <a href="#" class="dropdown-toggle" onclick="return false;" data-toggle="dropdown">
  41. <i class="icon-cog"></i><span class="visible-xs-inline"><span class="caret"></span></span>
  42. </a>
  43. <ul class="dropdown-menu">
  44. {%- for child in post_login -%}
  45. <li data-label="{{ child.label }}" {% if child.class %}class="{{ child.class }}"{% endif %}>
  46. {% if child.url -%}
  47. <a {% if child.indent -%}style="padding-left: {{((child.indent|int)+1)*15 }}px"{%- endif %}
  48. href="{{ child.url }}" {{ child.target or '' }}>
  49. {% if child.icon %}<i class="icon-fixed-width {{ child.icon }}"></i> {% endif %}
  50. {{ child.label }}
  51. </a>
  52. {%- endif %}
  53. </li>
  54. {%- endfor -%}
  55. </ul>
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. </div>
  61. <script>$('.dropdown-toggle').dropdown()</script>