Skip to content

Commit 9b5f0be

Browse files
lamATnginxlamATnginx
authored
Coveo: Moved html to partials (#268)
1 parent 932ab2d commit 9b5f0be

File tree

6 files changed

+172
-168
lines changed

6 files changed

+172
-168
lines changed

‎layouts/partials/coveo-atomic-search.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<atomic-search-interface id="search-standalone-header" data-mf="true" style="display:none;">
2+
<atomic-search-box redirection-url="/search.html">
3+
</atomic-search-box>
4+
</atomic-search-interface>

‎layouts/partials/coveo-atomic.html‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<atomic-search-interface id="search-v2">
2+
<atomic-search-layout>
3+
<!-- Search/Metadata Section -->
4+
<atomic-layout-section section="search">
5+
<div class="atomic-full-summary-and-sort">
6+
<atomic-query-summary></atomic-query-summary>
7+
<atomic-sort-dropdown>
8+
<atomic-sort-expression label="relevance" expression="relevancy"></atomic-sort-expression>
9+
<atomic-sort-expression label="most-recent" expression="date descending"></atomic-sort-expression>
10+
</atomic-sort-dropdown>
11+
</div>
12+
</atomic-layout-section>
13+
14+
<!-- Facet Section -->
15+
<atomic-layout-section section="facets">
16+
<atomic-facet field="f5_product" label="Show by product"></atomic-facet>
17+
<atomic-refine-toggle></atomic-refine-toggle>
18+
</atomic-layout-section>
19+
20+
<!-- Main Section -->
21+
<atomic-layout-section section="main">
22+
<!-- Results -->
23+
<atomic-layout-section section="results">
24+
<atomic-no-results></atomic-no-results>
25+
<atomic-result-list>
26+
<atomic-result-template>
27+
<template>
28+
<!-- Title -->
29+
<atomic-result-section-title>
30+
<div style="display: flex; align-items: center; justify-content: space-between;">
31+
<atomic-result-link></atomic-result-link>
32+
<atomic-quickview></atomic-quickview>
33+
</div>
34+
</atomic-result-section-title>
35+
36+
<!-- URL -->
37+
<atomic-result-section-title-metadata>
38+
<atomic-result-printable-uri></atomic-result-printable-uri>
39+
</atomic-result-section-title-metadata>
40+
41+
<!-- Excerpt -->
42+
<atomic-result-section-excerpt>
43+
<atomic-result-text field="excerpt"></atomic-result-text>
44+
</atomic-result-section-excerpt>
45+
46+
<!-- Date -->
47+
<atomic-result-section-bottom-metadata>
48+
Modification Date: <atomic-result-date format="MMM D, YYYY"></atomic-result-date>
49+
</atomic-result-section-bottom-metadata>
50+
</template>
51+
</atomic-result-template>
52+
</atomic-result-list>
53+
</atomic-layout-section>
54+
55+
<!-- Pagination -->
56+
<atomic-layout-section section="pagination" style="margin-top: 2rem;">
57+
<atomic-pager></atomic-pager>
58+
<atomic-results-per-page></atomic-results-per-page>
59+
</atomic-layout-section>
60+
</atomic-layout-section>
61+
</atomic-search-layout>
62+
</atomic-search-interface>

‎layouts/partials/coveo-legacy-search.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<div id="searchbox">
2+
<!--div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div-->
3+
<div class="CoveoSearchbox" data-placeholder='Search NGINX Docs...'></div>
4+
</div>

‎layouts/partials/coveo-legacy.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<div id="search" class="CoveoSearchInterface" data-enable-history="true" >
2+
<div class="CoveoFolding"></div>
3+
<div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div>
4+
<div class="coveo-search-section" style="display: none;">
5+
<div class="CoveoSearchbox" data-enable-omnibox="true"></div>
6+
</div>
7+
<div class="coveo-main-section">
8+
<div class="coveo-facet-column">
9+
<div class="CoveoFacet" data-title="Show by product" data-field="@f5_product" data-tab="All"
10+
data-number-of-values="15"></div>
11+
<div class="CoveoFacet" id="f5_product_module" data-title="Module" data-field="@f5_product_module" data-enable-settings="true" data-is-multi-value-field="true" data-number-of-values="10"></div>
12+
<button id="reset_btn"><img src="{{ "/images/svg/refresh.svg" | absURL }}">Reset</button>
13+
</div>
14+
<div class="coveo-results-column">
15+
<div class="CoveoShareQuery"></div>
16+
<div class="CoveoPreferencesPanel">
17+
<div class="CoveoResultsPreferences"></div>
18+
<div class="CoveoResultsFiltersPreferences"></div>
19+
</div>
20+
<div class="CoveoTriggers"></div>
21+
<div class="CoveoBreadcrumb"></div>
22+
<div class="CoveoDidYouMean"></div>
23+
<div class="coveo-results-header">
24+
<div class="coveo-summary-section">
25+
<span class="CoveoQuerySummary">
26+
<div class="coveo-show-if-no-results"></div>
27+
</span>
28+
<span class="CoveoQueryDuration"></span>
29+
</div>
30+
<div class="coveo-result-layout-section">
31+
<span class="CoveoResultLayout"></span>
32+
</div>
33+
<div class="coveo-sort-section">
34+
<span>Sort By: </span>
35+
<span class="CoveoSort" data-sort-criteria="relevancy" data-caption="Relevance"></span>
36+
<span class="CoveoSort"
37+
data-sort-criteria="@f5_updated_published_date descending,@f5_updated_published_date ascending"
38+
data-caption="Date"></span>
39+
</div>
40+
</div>
41+
<div class="CoveoHiddenQuery"></div>
42+
<div class="CoveoErrorReport" data-pop-up="false"></div>
43+
<div class="CoveoResultList" data-layout="list" data-wait-animation="fade"
44+
data-auto-select-fields-to-include="true">
45+
<script id="Default" class="result-template" type="text/html" data-layout="list">
46+
<div class="coveo-result-frame">
47+
<div class="coveo-result-cell" style="vertical-align:top;text-align:center;width:32px;">
48+
<img src="{{ "/images/article-icon.svg" | absURL }}" alt="Article" height="32" width="32" title="Article" />
49+
</div>
50+
<div class="coveo-result-cell" style="vertical-align: top;padding-left: 16px;">
51+
<div class="coveo-result-row" style="margin:0;">
52+
<div class="coveo-result-cell" style="vertical-align:top;font-size:16px;" role="heading" aria-level="2">
53+
<a class="CoveoResultLink" target="_blank"></a>
54+
</div>
55+
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
56+
<span class="CoveoQuickview" data-enable-loading-animation="false">
57+
Quick View
58+
</span>
59+
<div class="coveo-result-row">
60+
</div>
61+
</div>
62+
</div>
63+
<div class="coveo-result-row" style="margin: 0;">
64+
<div class="coveo-result-cell" id="uri_link">
65+
<span class="CoveoFieldValue" data-field="@Uri"></span>
66+
</div>
67+
</div>
68+
<div class="coveo-result-row" style="margin-top:10px;">
69+
<div class="coveo-result-cell">
70+
<span class="CoveoExcerpt"></span>
71+
</div>
72+
</div>
73+
<div class="coveo-result-row modified_date" style="margin-top:10px;">
74+
<div class="coveo-result-cell">
75+
<span class="CoveoFieldValue" data-field="@f5_updated_published_date" data-text-caption=' Modification Date:' data-helper="date" data-helper-options-predefined-format="MMM DD, yyyy">
76+
</span>
77+
</div>
78+
</div>
79+
<div class="coveo-result-row" style="margin-top:10px;">
80+
<div class="coveo-result-cell">
81+
</div>
82+
</div>
83+
<div class="coveo-result-row">
84+
<div class="coveo-result-cell">
85+
<div class="CoveoMissingTerms"></div>
86+
</div>
87+
</div>
88+
</div>
89+
</div>
90+
</script>
91+
</div>
92+
<div class="pagination-bar">
93+
<div class="CoveoPager"></div>
94+
<div class="CoveoResultsPerPage"></div>
95+
</div>
96+
</div>
97+
</div>
98+
</div>

‎layouts/partials/header.html‎

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,8 @@
77
{{ if ( not ( in .Site.Params.buildtype "package" ) ) }}
88
<div class="navbar navbar-nav">
99
<!-- Standalone search box. -->
10-
<div id="searchbox">
11-
<!--div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div-->
12-
<div class="CoveoSearchbox" data-placeholder='Search NGINX Docs...'></div>
13-
</div>
14-
<atomic-search-interface id="search-standalone-header" data-mf="true" style="display:none;">
15-
<atomic-search-box redirection-url="/search.html">
16-
</atomic-search-box>
17-
</atomic-search-interface>
10+
{{ partial "coveo-legacy-search.html" . }}
11+
{{ partial "coveo-atomic-search.html" . }}
1812
</div>
1913
{{ end }}
2014
{{ if ( in .Site.Params.buildtype "package" ) }}

‎layouts/search/single.html‎

Lines changed: 2 additions & 160 deletions
Original file line numberDiff line numberDiff line change
@@ -4,169 +4,11 @@
44
<main class="col-md-10 content" role="main">
55
<div class="container"><h1>{{ .Title}}</h1></div>
66

7-
<div id="search" class="CoveoSearchInterface" data-enable-history="true" >
8-
<div class="CoveoFolding"></div>
9-
<div class="CoveoAnalytics" data-search-hub="HUB_ES_Nginx_Docs_And_Org"></div>
10-
<div class="coveo-search-section" style="display: none;">
11-
<div class="CoveoSearchbox" data-enable-omnibox="true"></div>
12-
</div>
13-
<div class="coveo-main-section">
14-
<div class="coveo-facet-column">
15-
<div class="CoveoFacet" data-title="Show by product" data-field="@f5_product" data-tab="All"
16-
data-number-of-values="15"></div>
17-
<div class="CoveoFacet" id="f5_product_module" data-title="Module" data-field="@f5_product_module" data-enable-settings="true" data-is-multi-value-field="true" data-number-of-values="10"></div>
18-
<button id="reset_btn"><img src="{{ "/images/svg/refresh.svg" | absURL }}">Reset</button>
19-
</div>
20-
<div class="coveo-results-column">
21-
<div class="CoveoShareQuery"></div>
22-
<div class="CoveoPreferencesPanel">
23-
<div class="CoveoResultsPreferences"></div>
24-
<div class="CoveoResultsFiltersPreferences"></div>
25-
</div>
26-
<div class="CoveoTriggers"></div>
27-
<div class="CoveoBreadcrumb"></div>
28-
<div class="CoveoDidYouMean"></div>
29-
<div class="coveo-results-header">
30-
<div class="coveo-summary-section">
31-
<span class="CoveoQuerySummary">
32-
<div class="coveo-show-if-no-results"></div>
33-
</span>
34-
<span class="CoveoQueryDuration"></span>
35-
</div>
36-
<div class="coveo-result-layout-section">
37-
<span class="CoveoResultLayout"></span>
38-
</div>
39-
<div class="coveo-sort-section">
40-
<span>Sort By: </span>
41-
<span class="CoveoSort" data-sort-criteria="relevancy" data-caption="Relevance"></span>
42-
<span class="CoveoSort"
43-
data-sort-criteria="@f5_updated_published_date descending,@f5_updated_published_date ascending"
44-
data-caption="Date"></span>
45-
</div>
46-
</div>
47-
<div class="CoveoHiddenQuery"></div>
48-
<div class="CoveoErrorReport" data-pop-up="false"></div>
49-
<div class="CoveoResultList" data-layout="list" data-wait-animation="fade"
50-
data-auto-select-fields-to-include="true">
51-
<script id="Default" class="result-template" type="text/html" data-layout="list">
52-
<div class="coveo-result-frame">
53-
<div class="coveo-result-cell" style="vertical-align:top;text-align:center;width:32px;">
54-
<img src="{{ "/images/article-icon.svg" | absURL }}" alt="Article" height="32" width="32" title="Article" />
55-
</div>
56-
<div class="coveo-result-cell" style="vertical-align: top;padding-left: 16px;">
57-
<div class="coveo-result-row" style="margin:0;">
58-
<div class="coveo-result-cell" style="vertical-align:top;font-size:16px;" role="heading" aria-level="2">
59-
<a class="CoveoResultLink" target="_blank"></a>
60-
</div>
61-
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
62-
<span class="CoveoQuickview" data-enable-loading-animation="false">
63-
Quick View
64-
</span>
65-
<div class="coveo-result-row">
66-
</div>
67-
</div>
68-
</div>
69-
<div class="coveo-result-row" style="margin: 0;">
70-
<div class="coveo-result-cell" id="uri_link">
71-
<span class="CoveoFieldValue" data-field="@Uri"></span>
72-
</div>
73-
</div>
74-
<div class="coveo-result-row" style="margin-top:10px;">
75-
<div class="coveo-result-cell">
76-
<span class="CoveoExcerpt"></span>
77-
</div>
78-
</div>
79-
<div class="coveo-result-row modified_date" style="margin-top:10px;">
80-
<div class="coveo-result-cell">
81-
<span class="CoveoFieldValue" data-field="@f5_updated_published_date" data-text-caption=' Modification Date:' data-helper="date" data-helper-options-predefined-format="MMM DD, yyyy">
82-
</span>
83-
</div>
84-
</div>
85-
<div class="coveo-result-row" style="margin-top:10px;">
86-
<div class="coveo-result-cell">
87-
</div>
88-
</div>
89-
<div class="coveo-result-row">
90-
<div class="coveo-result-cell">
91-
<div class="CoveoMissingTerms"></div>
92-
</div>
93-
</div>
94-
</div>
95-
</div>
96-
</script>
97-
</div>
98-
<div class="pagination-bar">
99-
<div class="CoveoPager"></div>
100-
<div class="CoveoResultsPerPage"></div>
101-
</div>
102-
</div>
103-
</div>
104-
</div>
7+
{{ partial "coveo-legacy.html" .}}
1058
</main>
1069
</div>
10710

10811
<section class="main-layout" data-mf="true" style="display: none; margin-left: 2rem;" >
109-
<atomic-search-interface id="search-v2">
110-
<atomic-search-layout>
111-
<!-- Search/Metadata Section -->
112-
<atomic-layout-section section="search">
113-
<div class="atomic-full-summary-and-sort">
114-
<atomic-query-summary></atomic-query-summary>
115-
<atomic-sort-dropdown>
116-
<atomic-sort-expression label="relevance" expression="relevancy"></atomic-sort-expression>
117-
<atomic-sort-expression label="most-recent" expression="date descending"></atomic-sort-expression>
118-
</atomic-sort-dropdown>
119-
</div>
120-
</atomic-layout-section>
121-
122-
<!-- Facet Section -->
123-
<atomic-layout-section section="facets">
124-
<atomic-facet field="f5_product" label="Show by product"></atomic-facet>
125-
<atomic-refine-toggle></atomic-refine-toggle>
126-
</atomic-layout-section>
127-
128-
<!-- Main Section -->
129-
<atomic-layout-section section="main">
130-
<!-- Results -->
131-
<atomic-layout-section section="results">
132-
<atomic-no-results></atomic-no-results>
133-
<atomic-result-list>
134-
<atomic-result-template>
135-
<template>
136-
<!-- Title -->
137-
<atomic-result-section-title>
138-
<div style="display: flex; align-items: center; justify-content: space-between;">
139-
<atomic-result-link></atomic-result-link>
140-
<atomic-quickview></atomic-quickview>
141-
</div>
142-
</atomic-result-section-title>
143-
144-
<!-- URL -->
145-
<atomic-result-section-title-metadata>
146-
<atomic-result-printable-uri></atomic-result-printable-uri>
147-
</atomic-result-section-title-metadata>
148-
149-
<!-- Excerpt -->
150-
<atomic-result-section-excerpt>
151-
<atomic-result-text field="excerpt"></atomic-result-text>
152-
</atomic-result-section-excerpt>
153-
154-
<!-- Date -->
155-
<atomic-result-section-bottom-metadata>
156-
Modification Date: <atomic-result-date format="MMM D, YYYY"></atomic-result-date>
157-
</atomic-result-section-bottom-metadata>
158-
</template>
159-
</atomic-result-template>
160-
</atomic-result-list>
161-
</atomic-layout-section>
162-
163-
<!-- Pagination -->
164-
<atomic-layout-section section="pagination" style="margin-top: 2rem;">
165-
<atomic-pager></atomic-pager>
166-
<atomic-results-per-page></atomic-results-per-page>
167-
</atomic-layout-section>
168-
</atomic-layout-section>
169-
</atomic-search-layout>
170-
</atomic-search-interface>
12+
{{ partial "coveo-atomic.html" .}}
17113
</section>
17214
{{ end }}

0 commit comments

Comments
 (0)