Skip to content
This repository was archived by the owner on May 27, 2019. It is now read-only.

Commit 406a2f4

Browse files
HaroenvHaroenv
authored
fix(demos): remove ikea (#44)
* fix(demos): remove ikea * fix: quick start * fix: ssr * fix(ssr): don't use ikea * fix(multi-index: use atis instead of ikea * chore: update lockfile
1 parent 91ef03e commit 406a2f4

File tree

6 files changed

+7218
-653
lines changed

6 files changed

+7218
-653
lines changed

‎examples/e-commerce/src/App.vue‎

Lines changed: 68 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<ais-search-box>
1212
<div class="input-group">
1313
<ais-input
14-
placeholder="Search product by name or reference..."
15-
:classNames="{
16-
'ais-input': 'form-control'
17-
}"
14+
placeholder="Search product by name or reference..."
15+
:classNames="{
16+
'ais-input': 'form-control'
17+
}"
1818
/>
1919

2020
<span class="input-group-btn">
@@ -36,53 +36,80 @@
3636

3737
<div class="row">
3838
<div class="col-md-2 col-sm-3">
39-
<ais-tree-menu :attributes="['category', 'sub_category']" :classNames="{
40-
'ais-tree-menu__list': 'list-unstyled',
41-
'ais-tree-menu__count': 'badge'
42-
}">
39+
<ais-tree-menu
40+
:attributes="[
41+
'hierarchicalCategories.lvl0',
42+
'hierarchicalCategories.lvl1',
43+
'hierarchicalCategories.lvl2',
44+
]"
45+
:classNames="{
46+
'ais-tree-menu__list': 'list-unstyled',
47+
'ais-tree-menu__count': 'badge'
48+
}"
49+
>
4350
<h3 slot="header">Browse by</h3>
4451
</ais-tree-menu>
4552

4653

47-
<ais-price-range attribute-name="price" :classNames="{
48-
'ais-price-range__input': 'form-control'
49-
}">
54+
<ais-price-range
55+
attribute-name="price"
56+
:classNames="{
57+
'ais-price-range__input': 'form-control'
58+
}"
59+
>
5060
<h3 slot="header">Price</h3>
5161
</ais-price-range>
5262

5363

54-
<ais-refinement-list attribute-name="materials" :classNames="{
55-
'ais-refinement-list__count': 'badge',
56-
'ais-refinement-list__item': 'checkbox'
57-
}">
58-
<h3 slot="header">Material</h3>
64+
<ais-refinement-list
65+
attribute-name="categories"
66+
:classNames="{
67+
'ais-refinement-list__count': 'badge',
68+
'ais-refinement-list__item': 'checkbox'
69+
}"
70+
>
71+
<h3 slot="header">Category</h3>
5972
</ais-refinement-list>
6073

61-
<ais-refinement-list attribute-name="colors" :classNames="{
62-
'ais-refinement-list__count': 'badge',
63-
'ais-refinement-list__item': 'checkbox'
64-
}">
65-
<h3 slot="header">Color</h3>
74+
<ais-refinement-list
75+
attribute-name="brand"
76+
:classNames="{
77+
'ais-refinement-list__count': 'badge',
78+
'ais-refinement-list__item': 'checkbox'
79+
}"
80+
>
81+
<h3 slot="header">Brand</h3>
6682
</ais-refinement-list>
6783

68-
<ais-rating attribute-name="rating" :classNames="{
69-
'ais-rating__count': 'badge'
70-
}">
84+
<ais-rating
85+
attribute-name="rating"
86+
:classNames="{
87+
'ais-rating__count': 'badge'
88+
}"
89+
>
7190
<h3 slot="header">Rating</h3>
7291
</ais-rating>
7392

7493
</div>
7594
<div class="col-md-10 col-sm-9">
7695
<div class="search-controls form-inline">
77-
<ais-sort-by-selector :indices="[
78-
{name: 'ikea', label: 'Relevance'},
79-
{name: 'ikea_price_asc', label: 'Lowest price'},
80-
{name: 'ikea_price_desc', label: 'Highest price'}
81-
]"
82-
:classNames="{'ais-sort-by-selector': 'form-control' }"
96+
<ais-sort-by-selector
97+
:indices="[
98+
{name: 'instant_search', label: 'Relevance'},
99+
{name: 'instant_search_price_asc', label: 'Lowest price'},
100+
{name: 'instant_search_price_desc', label: 'Highest price'}
101+
]"
102+
:classNames="{
103+
'ais-sort-by-selector': 'form-control'
104+
}"
83105
/>
84106

85-
<ais-results-per-page-selector :options="[12, 24, 48]" :classNames="{'ais-results-per-page-selector': 'form-control' }"/>
107+
<ais-results-per-page-selector
108+
:options="[12, 24, 48]"
109+
:classNames="{
110+
'ais-results-per-page-selector': 'form-control'
111+
}"
112+
/>
86113

87114
<ais-powered-by />
88115

@@ -115,12 +142,15 @@
115142

116143
<ais-no-results/>
117144

118-
<ais-pagination class="pagination" :classNames="{
119-
'ais-pagination': 'pagination',
120-
'ais-pagination__item--active': 'active',
121-
'ais-pagination__item--disabled': 'disabled'
122-
123-
}" v-on:page-change="onPageChange"/>
145+
<ais-pagination
146+
class="pagination"
147+
:classNames="{
148+
'ais-pagination': 'pagination',
149+
'ais-pagination__item--active': 'active',
150+
'ais-pagination__item--disabled': 'disabled'
151+
}"
152+
v-on:page-change="onPageChange"
153+
/>
124154

125155
</div>
126156
</div>
@@ -199,6 +229,7 @@ export default {
199229
200230
.result__image {
201231
margin-bottom: 100px;
232+
height: 150px;
202233
}
203234
204235
.result__name {

‎examples/multi-index/src/App.vue‎

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,12 @@
99
<ais-powered-by />
1010

1111
<div class="grid">
12-
<ais-index appId="latency" apiKey="6be0576ff61c053d5f9a3225e2a90f76" indexName="bestbuy" :query="query">
12+
<ais-index
13+
appId="latency"
14+
apiKey="6be0576ff61c053d5f9a3225e2a90f76"
15+
indexName="bestbuy"
16+
:query="query"
17+
>
1318
<ais-results>
1419
<div slot="header">
1520
<h2>Products from first index</h2>
@@ -44,7 +49,12 @@
4449
</ais-results>
4550
</ais-index>
4651

47-
<ais-index appId="latency" apiKey="6be0576ff61c053d5f9a3225e2a90f76" indexName="ikea" :query="query">
52+
<ais-index
53+
appId="latency"
54+
apiKey="6be0576ff61c053d5f9a3225e2a90f76"
55+
indexName="atis-prods"
56+
:query="query"
57+
>
4858
<ais-results>
4959

5060
<div slot="header">
@@ -54,25 +64,18 @@
5464

5565
<template slot-scope="{ result }">
5666
<div class="search-result">
57-
<img class="result__image img-responsive" :src="result.image">
58-
67+
<img
68+
v-if="result.hasImg"
69+
class="result__image img-responsive"
70+
:src="result.largeImage"
71+
>
5972
<div class="result__info">
6073
<h2 class="result__name">
61-
<ais-highlight :result="result" attribute-name="name"/>
74+
<ais-highlight :result="result" attribute-name="title"/>
6275
</h2>
63-
<div class="result__type">
64-
<ais-highlight :result="result" attribute-name="type"/>
65-
</div>
66-
<div class="result__description">
67-
<ais-highlight :result="result" attribute-name="description"/>
68-
</div>
69-
<div class="result__rating">
70-
<template v-for="n in 5">
71-
<span v-if="n <= result.rating" class="result__star"></span>
72-
<span v-else class="result__star--empty"></span>
73-
</template>
74-
</div>
75-
<div class="result__price">${{result.price}}</div>
76+
<div class="result__type">{{result.type}}</div>
77+
<div class="result__description">{{result.features && result.features[0]}}</div>
78+
<div class="result__price">${{result.priceDisplay}}</div>
7679
</div>
7780
</div>
7881
</template>
@@ -81,7 +84,7 @@
8184
</ais-index>
8285
</div>
8386

84-
<p style="text-align: center;">Data courtesy of ikea.com &amp; bestbuy.com</p>
87+
<p style="text-align: center;">Data courtesy of bestbuy.com</p>
8588
</div>
8689

8790

‎examples/quick-start/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
</head>
1010
<body>
1111
<div id="app">
12-
<ais-index app-id="latency" api-key="6be0576ff61c053d5f9a3225e2a90f76" index-name="ikea">
12+
<ais-index app-id="latency" api-key="6be0576ff61c053d5f9a3225e2a90f76" index-name="instant_search">
1313
<ais-search-box placeholder="Search for a product..."></ais-search-box>
1414
<ais-results>
1515
<template slot-scope="{ result }">

‎examples/ssr/src/Search.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export default {
3232
'6be0576ff61c053d5f9a3225e2a90f76'
3333
);
3434
35-
store.indexName = 'ikea';
35+
store.indexName = 'instant_search';
3636
store.query = route.params.query ? route.params.query : '';
3737
store.addFacet('colors', FACET_OR);
3838
store.highlightPreTag = '<mark>';

‎examples/vue-router/src/Search.vue‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,15 @@
1313

1414
<ais-results>
1515
<template slot-scope="{ result }">
16-
<h2>{{ result.name }}</h2>
16+
<h2>
17+
<ais-highlight
18+
attribute-name="name"
19+
:result="result"
20+
/>
21+
<span>
22+
@ ${{result.price}}
23+
</span>
24+
</h2>
1725
</template>
1826
</ais-results>
1927
</ais-index>
@@ -26,7 +34,7 @@ const searchStore = createFromAlgoliaCredentials(
2634
'latency',
2735
'6be0576ff61c053d5f9a3225e2a90f76'
2836
);
29-
searchStore.indexName = 'ikea';
37+
searchStore.indexName = 'instant_search';
3038
3139
export default {
3240
props: {

0 commit comments

Comments
 (0)