-
Notifications
You must be signed in to change notification settings - Fork 73
/
search_results.hbs
109 lines (105 loc) · 4.39 KB
/
search_results.hbs
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<div class="container container-spacing">
<nav class="sub-nav">{{breadcrumbs}}</nav>
<section id="main-content" class="search-results">
<h1 class="search-results-heading">
{{#if results_count}}Hiya! {{else}}Oh! {{/if}}
{{t 'results' query=query count=results_count}}
</h1>
<div class="search search-full">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="search-icon" aria-hidden="true">
<circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor" />
<path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5" />
</svg>
{{search submit=false instant=settings.instant_search placeholder="Search knowledge base..."}}
</div>
{{#if results}}
<ul class="search-results-list">
{{#each results}}
<li class="search-result-list-item result-{{type}}">
<h2 class="search-result-title">
<a href="{{url}}" class="results-list-item-link" {{#if is_external}} target="_blank" {{/if}}>
{{title}}
{{#if is_external}}
<svg viewBox="0 0 12 12" height="12" id="zd-svg-icon-12-new-window-fill">
<path fill="none" stroke="currentColor" stroke-linecap="round"
d="M10.5 8.5V10c0 .28-.22.5-.5.5H2c-.28 0-.5-.22-.5-.5V2c0-.28.22-.5.5-.5h1.5M6 6l4-4"></path>
<path fill="currentColor"
d="M10.5 6.5a.47.47 0 0 1-.35-.15l-4.5-4.5a.474.474 0 0 1-.11-.54C5.62 1.12 5.8 1 6 1h4c.55 0 1 .45 1 1v4c0 .2-.12.38-.31.46-.06.03-.13.04-.19.04z">
</path>
</svg>
{{/if}}
</a>
</h2>
<article>
<ul class="meta-group">
<li>
<ol class="breadcrumbs search-result-breadcrumbs">
{{#each path_steps}}
<li title="{{name}}"><a href="{{url}}" target="{{target}}">{{name}}</a></li>
{{/each}}
</ol>
</li>
<li class="meta-data">
{{#if edited_at}}
Updated {{date edited_at timeago=true}}
{{else}}
Published {{date created_at timeago=true}}
{{/if}}
</li>
{{#if vote_sum}}
<li>
<span class="search-result-votes">
<span class="visibility-hidden">
{{t 'votes_sum' count=vote_sum}}
</span>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="search-result-votes-icon">
<g fill="none" stroke="currentColor">
<path stroke-linejoin="round"
d="M10.77 4.5a.73.73 0 01.73.73C11.43 7 11.21 11.5 10 11.5H5a.5.5 0 01-.5-.5V4.5s1-.5 1-3a1 1 0 012 0v3z" />
<rect width="2" height="7" x=".5" y="4.5" rx=".5" ry=".5" />
</g>
</svg>
{{vote_sum}}
</span>
</span>
</li>
{{/if}}
{{#if comment_count}}
<li>
<span class="search-result-meta-count">
<span class="visibility-hidden">
{{t 'comments_count' count=comment_count}}
</span>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12"
class="search-result-meta-count-icon">
<path fill="none" stroke="currentColor"
d="M1 .5h10c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H6l-2.6 2.6c-.3.3-.9.1-.9-.4V8.5H1C.7 8.5.5 8.3.5 8V1C.5.7.7.5 1 .5z" />
</svg>
{{comment_count}}
</span>
</span>
</li>
{{/if}}
</ul>
<p class="search-result-description">{{text}}</p>
</article>
</li>
{{/each}}
</ul>
{{else}}
<p>
Sorry, we looked everywhere. Please try a different search, <a href="/hc/en-us#browse-knowledge-base">browse articles</a> or {{#link 'new_request'}}submit a request{{/link}}.
</p>
{{/if}}
</section>
<div class="search-results-pagination-container">
{{pagination}}
</div>
</div>
<style>
.header-desktop-search { display: none; }
</style>