File: autocomplete-suggestions.handlebars

package info (click to toggle)
elixir-ex-doc 0.35.1%2Bdfsg-4
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 1,784 kB
  • sloc: javascript: 2,848; makefile: 15; xml: 12; sh: 5
file content (48 lines) | stat: -rw-r--r-- 1,733 bytes parent folder | download
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
<div class="triangle"></div>
<div class="autocomplete-container">
  <div class="autocomplete-suggestions">
    <div class="autocomplete-results">
      <span>
        Autocompletion results for <span class="bold">"{{term}}"</span>
      </span>
      <span class="press-return">
        Press <span class="bold">RETURN</span> for full-text search, <span class="bold">TAB</span> for previews
      </span>
    </div>
    <div>
      {{#each suggestions}}
      <a href="{{link}}" class="autocomplete-suggestion" data-index="{{@index}}" tabindex="-1">
        <div class="title">
          {{# if deprecated }}
          <s><span class="header" translate="no">{{{title}}}</span></s>
          {{ else }}
          <span class="header" translate="no">{{{title}}}</span>
          {{/if}}

          {{#each labels}}
          <span class="label">{{this}}</span>
          {{/each}}
          <div class="autocomplete-preview-indicator autocomplete-preview-indicator-open">
            <button onclick="onTogglePreviewClick(event, false)" title="Close preview" tabindex="-1">
              <i class="ri-close-line" aria-hidden="true"></i>
              Close preview
            </button>
          </div>
          <div class="autocomplete-preview-indicator autocomplete-preview-indicator-closed">
            <button onclick="onTogglePreviewClick(event, true)" title="Open preview" tabindex="-1">
              <i class="ri-search-2-line" aria-hidden="true"></i>
              Open preview
            </button>
          </div>
        </div>

        {{#if description}}
        <div class="description" translate="no">
          {{{description}}}
        </div>
        {{/if}}
      </a>
      {{/each}}
    </div>
  </div>
</div>