Skip to content

Commit d407b10

Browse files
fpbraultfpbrault
committed
Revert "add examples for troubleshooting"
This reverts commit e5fcbee.
1 parent b9d1b56 commit d407b10

File tree

7 files changed

+177
-456
lines changed

7 files changed

+177
-456
lines changed

‎packages/atomic/dev/examples/commerce-website/search.html‎

Lines changed: 36 additions & 230 deletions
Large diffs are not rendered by default.

‎packages/atomic/dev/examples/fashion.html‎

Lines changed: 0 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -97,51 +97,6 @@
9797
</head>
9898

9999
<body>
100-
<atomic-external selector="atomic-recs-interface"> <atomic-search-box>
101-
<atomic-search-box-query-suggestions></atomic-search-box-query-suggestions>
102-
<atomic-search-box-instant-results image-size="small">
103-
<atomic-result-template>
104-
<template>
105-
<style>
106-
div.result-root.with-sections.display-list.image-small atomic-result-section-visual {
107-
height: 120px;
108-
}
109-
110-
.rating-wrapper {
111-
display: flex;
112-
align-items: center;
113-
}
114-
115-
.rating-wrapper span {
116-
margin-left: 5px;
117-
color: #8e959d;
118-
}
119-
</style>
120-
<atomic-result-section-visual>
121-
<atomic-result-image field="ec_images" aria-hidden="true"></atomic-result-image>
122-
</atomic-result-section-visual>
123-
<atomic-result-section-title>
124-
<atomic-result-link></atomic-result-link>
125-
</atomic-result-section-title>
126-
<atomic-result-section-title-metadata>
127-
<div class="rating-wrapper">
128-
<atomic-result-rating field="ec_rating"></atomic-result-rating>
129-
<atomic-field-condition class="field" if-defined="ec_rating">
130-
<span>
131-
<atomic-result-number field="cat_rating_count"></atomic-result-number>
132-
</span>
133-
</atomic-field-condition>
134-
</div>
135-
</atomic-result-section-title-metadata>
136-
<atomic-result-section-bottom-metadata>
137-
<atomic-result-number field="ec_price">
138-
<atomic-format-currency currency="USD"></atomic-format-currency>
139-
</atomic-result-number>
140-
</atomic-result-section-bottom-metadata>
141-
</template>
142-
</atomic-result-template>
143-
</atomic-search-box-instant-results>
144-
</atomic-search-box></atomic-external>
145100
<atomic-search-interface
146101
pipeline="Search"
147102
search-hub="MainSearch"
@@ -279,7 +234,6 @@
279234
<atomic-query-error></atomic-query-error>
280235
<atomic-no-results></atomic-no-results>
281236
</atomic-layout-section>
282-
283237

284238
<atomic-recs-interface
285239
fields-to-include='["cat_rating_count"]'

‎samples/atomic/search-commerce-angular/src/app/atomic-angular-page/atomic-angular-page.component.html‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
<atomic-external selector="atomic-search-interface">
2-
<atomic-search-box></atomic-search-box>
3-
<atomic-query-summary></atomic-query-summary>
4-
<atomic-facet field="source"></atomic-facet>
5-
</atomic-external>
61
<atomic-search-interface
72
#searchInterface
83
searchHub="MainSearch"
@@ -63,6 +58,7 @@
6358
</div>
6459
<atomic-facet-manager>
6560
<atomic-category-facet field="ec_category" label="Category" withSearch="true"></atomic-category-facet>
61+
<atomic-facet field="ec_brand" label="Brand"></atomic-facet>
6662
<atomic-numeric-facet field="cat_review_count" label="Amount of reviews" displayValuesAs="link">
6763
<atomic-numeric-range start="0" end="150" label="Few"></atomic-numeric-range>
6864
<atomic-numeric-range start="150" end="650" label="A moderate amount"></atomic-numeric-range>
@@ -85,6 +81,7 @@
8581
<atomic-rating-facet field="ec_rating" label="Rating" numberOfIntervals="5"></atomic-rating-facet>
8682
<atomic-rating-range-facet field="ec_rating" label="Rating range" numberOfIntervals="5" facetId="ec_rating_range">
8783
</atomic-rating-range-facet>
84+
<atomic-facet field="source"></atomic-facet>
8885
</atomic-facet-manager>
8986

9087
<atomic-breadbox></atomic-breadbox>

‎samples/atomic/search-commerce-angular/src/app/atomic-angular-search-page/atomic-angular-search-page.component.html‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
<atomic-external selector="atomic-search-interface">
2-
<atomic-search-box></atomic-search-box>
3-
<atomic-query-summary></atomic-query-summary>
4-
<atomic-facet field="source"></atomic-facet>
5-
</atomic-external>
6-
71
<atomic-search-interface #searchInterface2 fields-to-include='["snrating", "sncost"]'>
82
<atomic-search-layout>
93
<div class="header-bg"></div>
@@ -15,7 +9,7 @@
159
<atomic-automatic-facet-generator desired-count="3"></atomic-automatic-facet-generator>
1610
<atomic-category-facet field="geographicalhierarchy" label="World Atlas" with-search> </atomic-category-facet>
1711
<atomic-facet field="author" label="Authors"></atomic-facet>
18-
12+
<atomic-facet field="source" label="Source" display-values-as="link"></atomic-facet>
1913
<atomic-facet field="year" label="Year" display-values-as="box"></atomic-facet>
2014
<atomic-numeric-facet
2115
field="ytviewcount"

‎samples/atomic/search-commerce-angular/src/app/atomic-commerce-angular-page/atomic-commerce-angular-page.component.html‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
<atomic-external selector="atomic-commerce-interface">
2-
<atomic-commerce-search-box></atomic-commerce-search-box>
3-
<atomic-commerce-query-summary></atomic-commerce-query-summary>
4-
<atomic-commerce-facets> </atomic-commerce-facets>
5-
</atomic-external>
6-
71
<atomic-commerce-interface type="search" #commerceInterface searchHub="UI_KIT_E2E" pipeline="UI_KIT_E2E">
82
<atomic-commerce-layout>
93
<atomic-layout-section section="search">

‎samples/atomic/search-commerce-react/src/components/AtomicPageWrapper.tsx‎

Lines changed: 110 additions & 127 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import {
22
AtomicBreadbox,
33
AtomicColorFacet,
44
AtomicDidYouMean,
5-
AtomicExternal,
65
AtomicFacet,
76
AtomicFacetManager,
87
AtomicFormatCurrency,
@@ -108,137 +107,121 @@ export const AtomicPageWrapper: FunctionComponent<Props> = ({
108107
}
109108

110109
return (
111-
<>
112-
<AtomicExternal selector="atomic-search-interface">
113-
<AtomicSearchBox></AtomicSearchBox>
114-
<AtomicFacet field="source" label="Source" />
115-
<AtomicFacet field="objecttype" label="Type" />
116-
<AtomicQuerySummary />
117-
</AtomicExternal>
118-
119-
<AtomicSearchInterface
120-
engine={engine}
121-
fieldsToInclude={[
122-
'ec_price',
123-
'ec_rating',
124-
'ec_images',
125-
'ec_brand',
126-
'cat_platform',
127-
'cat_condition',
128-
'cat_categories',
129-
'cat_review_count',
130-
'cat_color',
131-
]}
132-
localization={(i18n) => {
133-
i18n.addResourceBundle('en', 'translation', {
134-
'no-ratings-available': 'No ratings available',
135-
});
136-
}}
137-
>
138-
<AtomicSearchLayout>
139-
<AtomicLayoutSection section="search">
140-
<AtomicSearchBox>
141-
<AtomicSearchBoxQuerySuggestions />
142-
{options.recentQueries && <AtomicSearchBoxRecentQueries />}
143-
{options.instantResults && (
144-
<AtomicSearchBoxInstantResults
145-
template={InstantResultsTemplate}
146-
imageSize="small"
147-
ariaLabelGenerator={InstantResultsAriaLabelTemplate}
148-
/>
149-
)}
150-
</AtomicSearchBox>
151-
</AtomicLayoutSection>
152-
<AtomicLayoutSection section="facets">
153-
<AtomicFacetManager>
154-
<AtomicFacet field="source" label="Source" />
155-
<AtomicFacet field="objecttype" label="Type" />
156-
<AtomicNumericFacet
157-
field="cat_review_count"
158-
label="Amount of reviews"
159-
displayValuesAs="link"
160-
>
161-
<AtomicNumericRange start={0} end={150} label="Few" />
162-
<AtomicNumericRange
163-
start={150}
164-
end={650}
165-
label="A moderate amount"
166-
/>
167-
<AtomicNumericRange
168-
start={650}
169-
end={9999999999}
170-
label="A lot"
171-
/>
172-
</AtomicNumericFacet>
173-
<AtomicColorFacet
174-
field="cat_color"
175-
label="Color"
176-
numberOfValues={6}
177-
sortCriteria="occurrences"
110+
<AtomicSearchInterface
111+
engine={engine}
112+
fieldsToInclude={[
113+
'ec_price',
114+
'ec_rating',
115+
'ec_images',
116+
'ec_brand',
117+
'cat_platform',
118+
'cat_condition',
119+
'cat_categories',
120+
'cat_review_count',
121+
'cat_color',
122+
]}
123+
localization={(i18n) => {
124+
i18n.addResourceBundle('en', 'translation', {
125+
'no-ratings-available': 'No ratings available',
126+
});
127+
}}
128+
>
129+
<AtomicSearchLayout>
130+
<AtomicLayoutSection section="search">
131+
<AtomicSearchBox>
132+
<AtomicSearchBoxQuerySuggestions />
133+
{options.recentQueries && <AtomicSearchBoxRecentQueries />}
134+
{options.instantResults && (
135+
<AtomicSearchBoxInstantResults
136+
template={InstantResultsTemplate}
137+
imageSize="small"
138+
ariaLabelGenerator={InstantResultsAriaLabelTemplate}
178139
/>
179-
<AtomicNumericFacet
180-
field="ec_price"
181-
label="Cost"
182-
withInput="integer"
183-
>
184-
<AtomicFormatCurrency currency="USD" />
185-
</AtomicNumericFacet>
186-
<AtomicTimeframeFacet withDatePicker label="Listed within">
187-
<AtomicTimeframe unit="hour" />
188-
<AtomicTimeframe unit="day" />
189-
<AtomicTimeframe unit="week" />
190-
<AtomicTimeframe unit="month" />
191-
<AtomicTimeframe unit="quarter" />
192-
<AtomicTimeframe unit="year" />
193-
<AtomicTimeframe unit="year" amount={10} period="next" />
194-
</AtomicTimeframeFacet>
195-
<AtomicRatingFacet
196-
field="ec_rating"
197-
label="Rating"
198-
numberOfIntervals={5}
140+
)}
141+
</AtomicSearchBox>
142+
</AtomicLayoutSection>
143+
<AtomicLayoutSection section="facets">
144+
<AtomicFacetManager>
145+
<AtomicFacet field="source" label="Source" />
146+
<AtomicFacet field="objecttype" label="Type" />
147+
<AtomicNumericFacet
148+
field="cat_review_count"
149+
label="Amount of reviews"
150+
displayValuesAs="link"
151+
>
152+
<AtomicNumericRange start={0} end={150} label="Few" />
153+
<AtomicNumericRange
154+
start={150}
155+
end={650}
156+
label="A moderate amount"
199157
/>
200-
<AtomicRatingRangeFacet
201-
field="ec_rating"
202-
label="Rating Range"
203-
numberOfIntervals={5}
204-
facetId="ec_rating_range"
158+
<AtomicNumericRange start={650} end={9999999999} label="A lot" />
159+
</AtomicNumericFacet>
160+
<AtomicColorFacet
161+
field="cat_color"
162+
label="Color"
163+
numberOfValues={6}
164+
sortCriteria="occurrences"
165+
/>
166+
<AtomicNumericFacet
167+
field="ec_price"
168+
label="Cost"
169+
withInput="integer"
170+
>
171+
<AtomicFormatCurrency currency="USD" />
172+
</AtomicNumericFacet>
173+
<AtomicTimeframeFacet withDatePicker label="Listed within">
174+
<AtomicTimeframe unit="hour" />
175+
<AtomicTimeframe unit="day" />
176+
<AtomicTimeframe unit="week" />
177+
<AtomicTimeframe unit="month" />
178+
<AtomicTimeframe unit="quarter" />
179+
<AtomicTimeframe unit="year" />
180+
<AtomicTimeframe unit="year" amount={10} period="next" />
181+
</AtomicTimeframeFacet>
182+
<AtomicRatingFacet
183+
field="ec_rating"
184+
label="Rating"
185+
numberOfIntervals={5}
186+
/>
187+
<AtomicRatingRangeFacet
188+
field="ec_rating"
189+
label="Rating Range"
190+
numberOfIntervals={5}
191+
facetId="ec_rating_range"
192+
/>
193+
</AtomicFacetManager>
194+
</AtomicLayoutSection>
195+
<AtomicLayoutSection section="main">
196+
<AtomicLayoutSection section="status">
197+
<AtomicBreadbox />
198+
<AtomicQuerySummary />
199+
<AtomicRefineToggle />
200+
<AtomicSortDropdown>
201+
<AtomicSortExpression label="relevance" expression="relevancy" />
202+
<AtomicSortExpression
203+
label="Price (low to high)"
204+
expression="ec_price ascending"
205205
/>
206-
</AtomicFacetManager>
207-
</AtomicLayoutSection>
208-
<AtomicLayoutSection section="main">
209-
<AtomicLayoutSection section="status">
210-
<AtomicBreadbox />
211-
<AtomicQuerySummary />
212-
<AtomicRefineToggle />
213-
<AtomicSortDropdown>
214-
<AtomicSortExpression
215-
label="relevance"
216-
expression="relevancy"
217-
/>
218-
<AtomicSortExpression
219-
label="Price (low to high)"
220-
expression="ec_price ascending"
221-
/>
222-
<AtomicSortExpression
223-
label="Price (high to low)"
224-
expression="ec_price descending"
225-
/>
226-
</AtomicSortDropdown>
206+
<AtomicSortExpression
207+
label="Price (high to low)"
208+
expression="ec_price descending"
209+
/>
210+
</AtomicSortDropdown>
227211

228-
<AtomicDidYouMean />
229-
</AtomicLayoutSection>
230-
<AtomicLayoutSection section="results">
231-
{children}
232-
<AtomicQueryError />
233-
<AtomicNoResults />
234-
</AtomicLayoutSection>
235-
<AtomicLayoutSection section="pagination">
236-
<AtomicLoadMoreResults />
237-
</AtomicLayoutSection>
212+
<AtomicDidYouMean />
238213
</AtomicLayoutSection>
239-
</AtomicSearchLayout>
240-
</AtomicSearchInterface>
241-
</>
214+
<AtomicLayoutSection section="results">
215+
{children}
216+
<AtomicQueryError />
217+
<AtomicNoResults />
218+
</AtomicLayoutSection>
219+
<AtomicLayoutSection section="pagination">
220+
<AtomicLoadMoreResults />
221+
</AtomicLayoutSection>
222+
</AtomicLayoutSection>
223+
</AtomicSearchLayout>
224+
</AtomicSearchInterface>
242225
);
243226
};
244227

0 commit comments

Comments
 (0)