documentation-ui/src/partials/header-content.hbs at b565c5d870a8f09e676b56844284ca51199eb40c · stackabletech/documentation-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<header class="header">
  <nav class="navbar">
    <div id="topbar-left" class="navbar-brand">
      <a class="navbar-item" href="{{{ relativize (versioned "home" page "index.html") }}}">
        <img src="{{{uiRootPath}}}/img/stackable-logo.png">
      </a>
      <a class="navbar-item documentation-link" href="{{{ relativize (versioned "home" page "index.html") }}}">
        Docs
      </a>
    </div>
    <div id="topbar-nav" class="navbar-menu">
      {{#> navbar }}
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link" href="#">Dummy</a>
        <div class="navbar-dropdown">
          <div class="navbar-item"><strong>Core</strong></div>
          <a class="navbar-item" href="https://gitlab.com/antora/antora">Repository</a>
          <a class="navbar-item" href="https://gitlab.com/antora/antora/issues">Issue Tracker</a>
          <hr class="navbar-divider">
          <div class="navbar-item"><strong>Default UI</strong></div>
          <a class="navbar-item" href="https://gitlab.com/antora/antora-ui-default">Repository</a>
          <a class="navbar-item" href="https://gitlab.com/antora/antora-ui-default/issues">Issue Tracker</a>
          <hr class="navbar-divider">
          <a class="navbar-item" href="https://gitlab.com/antora/antora/blob/main/contributing.adoc">Contributing</a>
        </div>
      </div>
      {{/navbar}}
    </div>
    <div id="topbar-right" class="navbar-end">
      <button class="navbar-burger" data-target="popup-menu">
        <span></span>
        <span></span>
        <span></span>
      </button>
      <div id="search-button" class="navbar-item">
        <i class="fa-solid fa-magnifying-glass"></i>
        <div id="search-background"></div>
        <div id="search">
          <div id="search-input"></div>
          <ul id="search-results"></ul>
        </div>
      </div>
      {{#if @root.page.versions}}
      {{#with @root.page.versions}}
      <div class="navbar-item has-dropdown is-hoverable version-button" data-target="version-dropdown">
        <a class="navbar-link button" href="#">{{@root.page.componentVersion.displayVersion}}</a>
        <div id="version-dropdown" class="navbar-dropdown">
        {{#each this}}
          <a class="navbar-item version
          {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}
          {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a>
        {{/each}}
        </div>
      </div>
      {{/with}}
      {{else}}
      <div class="navbar-item has-dropdown is-hoverable version-button">
        <a class="navbar-link button" href="#">latest</a>
      </div>
      {{/if}}
    </div>
  </nav>
  <div id="popup-menu" class="mobile-popup-menu">
    {{#> navbar }}
    <div class="navbar-item has-dropdown is-hoverable">
      <a class="navbar-link" href="#">Dummy</a>
      <div class="navbar-dropdown">
        <div class="navbar-item"><strong>Core</strong></div>
        <a class="navbar-item" href="https://gitlab.com/antora/antora">Repository</a>
        <a class="navbar-item" href="https://gitlab.com/antora/antora/issues">Issue Tracker</a>
        <hr class="navbar-divider">
        <div class="navbar-item"><strong>Default UI</strong></div>
        <a class="navbar-item" href="https://gitlab.com/antora/antora-ui-default">Repository</a>
        <a class="navbar-item" href="https://gitlab.com/antora/antora-ui-default/issues">Issue Tracker</a>
        <hr class="navbar-divider">
        <a class="navbar-item" href="https://gitlab.com/antora/antora/blob/main/contributing.adoc">Contributing</a>
      </div>
    </div>
    {{/navbar}}
  </div>
</header>