navbar.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <nav class="navbar navbar-default navbar-fixed-top" id="navbar-main">
  2. <div class="container">
  3. <!-- Brand and toggle get grouped for better mobile display -->
  4. <div class="navbar-header">
  5. {{ if or .Site.Menus.main .IsTranslated }}
  6. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  7. data-target=".navbar-collapse" aria-expanded="false">
  8. <span class="sr-only">{{ i18n "toggle_navigation" }}</span>
  9. <span class="icon-bar"></span>
  10. <span class="icon-bar"></span>
  11. <span class="icon-bar"></span>
  12. </button>
  13. {{ end }}
  14. <a class="navbar-brand" href="{{ "/" | relLangURL }}">
  15. {{- if .Site.Params.logo -}}
  16. <img src="{{ printf "/img/%s" .Site.Params.logo | relURL }}" alt="{{ .Site.Title }}">
  17. {{- else -}}
  18. {{- .Site.Title -}}
  19. {{- end -}}
  20. </a>
  21. </div>
  22. <!-- Collect the nav links, forms, and other content for toggling -->
  23. <div class="collapse navbar-collapse">
  24. <!-- Left Nav Bar -->
  25. {{ $align_right := .Site.Params.menus.align_right | default true }}
  26. <ul class="nav navbar-nav {{ if $align_right }}navbar-right{{ else }}navbar-left{{ end }}">
  27. {{ range .Site.Menus.main }}
  28. {{ if .HasChildren }}
  29. <li class="dropdown">
  30. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
  31. {{ .Pre }}
  32. <span>{{ .Name }}</span>
  33. {{ .Post }}
  34. <span class="caret"></span>
  35. </a>
  36. <ul class="dropdown-menu">
  37. {{ range .Children }}
  38. <li class="nav-item">
  39. <a href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}>
  40. {{ .Pre }}
  41. <span>{{ .Name }}</span>
  42. {{ .Post }}
  43. </a>
  44. </li>
  45. {{ end }}
  46. </ul>
  47. </li>
  48. {{ else }}
  49. {{ if eq "http" (slicestr .URL 0 4) }}
  50. {{ $.Scratch.Set "target" " target=\"_blank\" rel=\"noopener\"" }}
  51. {{ else }}
  52. {{ $.Scratch.Set "target" "" }}
  53. {{ end }}
  54. <li class="nav-item">
  55. <a href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
  56. {{ .Pre }}
  57. <span>{{ .Name }}</span>
  58. {{ .Post }}
  59. </a>
  60. </li>
  61. {{ end }}
  62. {{ end }}
  63. {{ if and .IsTranslated (not $align_right) }}
  64. </ul>
  65. {{ end }}
  66. {{ if .IsTranslated }}
  67. {{ if not $align_right }}
  68. <ul class="nav navbar-nav navbar-right">
  69. {{ end }}
  70. <li class="dropdown">
  71. <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
  72. <i class="fa fa-globe" aria-hidden="true"></i>
  73. <span>{{ index .Site.Data.i18n.languages .Lang }}</span>
  74. </a>
  75. <ul class="dropdown-menu">
  76. {{ range .Translations }}
  77. <li class="nav-item">
  78. <a href="{{ .URL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}>
  79. <span>{{ index .Site.Data.i18n.languages .Lang }}</span>
  80. </a>
  81. </li>
  82. {{ end }}
  83. </ul>
  84. </li>
  85. {{ end }}
  86. </ul>
  87. </div><!-- /.navbar-collapse -->
  88. </div><!-- /.container -->
  89. </nav>