8 |
9 | This will bring up the amount due per supermarket for the shopping list.
10 |
11 | 
12 |
13 | After setting up your shopping list and selecting your preferred supermarket, simply check off items as you collect them from the store.
14 |
15 | 
16 |
17 | You can share your current shopping list with family members or friends at any time, or use the sharing functionality to use the shopping list created on your desktop or tablet to your phone as you go out to get groceries.
18 |
19 | # Including in other products
20 |
21 | To include Checkjebon.nl in other products, use the [checkjebon-js](https://github.com/supermarkt/checkjebon-js) library as a starting point. This library will take care of loading the latest data and exposing it in a format that is easy to use.
22 |
23 | # Supported supermarkets
24 |
25 | Checkjebon.nl is aimed at the Dutch market, and currently aims to provide accurate and recent prices for:
26 |
27 | * [AH](https://www.ah.nl/)
28 | * [ALDI](https://www.aldi.nl/) - Note; limited assortment due to not all products being available online.
29 | * [Coop](https://www.coop.nl/)
30 | * [DekaMarkt](https://www.dekamarkt.nl/) - Note; limited assortment due to not all products being available online.
31 | * [Dirk](https://www.dirk.nl/)
32 | * [Hoogvliet](https://www.hoogvliet.com/)
33 | * [Jan Linders](https://www.janlinders.nl/)
34 | * [Jumbo](https://www.jumbo.com/)
35 | * [Picnic](http://picnic.nl/) - Note; no links to products
36 | * [Plus](https://www.plus.nl/)
37 | * [SPAR](https://www.spar.nl/)
38 | * [Vomar](https://www.vomar.nl/)
39 |
40 | Some supermarkets do not provide prices for their products online or are not yet indexed on a daily basis, and therefor are currently not included in the data set:
41 |
42 | * [Boni](https://bonisupermarkt.nl/) - No online assortment.
43 | * [Boon's Markt (MCD)](https://www.boonsmarkt.nl/) - No online assortment.
44 | * [Butlon](https://butlon.com/) - Not yet indexed.
45 | * [Crisp](https://www.crisp.nl/) - No online assortment without an account.
46 | * [Dagwinkel](https://www.lekkermakkelijk.nl/) - Not yet indexed.
47 | * [EkoPlaza](https://www.ekoplaza.nl/) - Not yet indexed.
48 | * [Flink](https://www.goflink.com/) - Not yet indexed.
49 | * [GORILLAS](https://gorillas.io/nl) - No online assortment without an account.
50 | * [Hanos](https://hanos.nl/) - No online assortment without an account.
51 | * [Makro](https://www.makro.nl/) - Not yet indexed.
52 | * [Marqt](https://www.marqt.nl/) - No online assortment.
53 | * [LIDL](https://www.lidl.nl/) - No online assortment.
54 | * [Nettorama](https://www.nettorama.nl/) - No online assortment.
55 | * [Odin](https://www.odin.nl/) - Not yet indexed.
56 | * [Poiesz](https://www.poiesz-supermarkten.nl/) - Not yet indexed.
57 | * [Sligro](https://www.sligro.nl/) - No online assortment without an account.
58 |
59 | # Product selection algorithm
60 |
61 | For any product added to the shopping list, Checkjebon.nl tries to take a best guess at what you actually meant. Sometimes this may result in not seeing what you expect, simply because other products come up cheaper. In general, first an exact match by name is attempted. If there was no exact match, a fuzzy search will be applied, compiling a list of all products that contain the words from the shopping list item. The fuzzy search finds products based on if they contain all the letters from your shopping list item in the same order as they are given, but not necessarily right next to each other. For example, `milk` will find `skiM mILK` as well as `whole MILK`. When an amount in liter or kilogram is given, all products below the given amount are filtered out unless this returns zero results, in which case the filter is undone. Finally, products are first ordered by the string length of the fuzzy search (so `whole MILK`=>4 goes before `skiM mILK`=>6) in an attempt to find the closed possible match, those results are then ordered by price, and finally the top item from that list is returned.
62 |
63 | The algorithm works better when supplying exactly what you are looking for. Note that generic names like `milk` are not well suited for this even though in in day to day live that would be enough to write down since you will make the choice between `skim milk` or `whole milk` once you get to the cooling compartment. The same goes for products like `butter` (`salted butter`, `whipped butter`, `cream butter`, etc).
64 |
65 | When no prices are found for a specific product for any of the given supermarkets, a price estimate is used based on the average price for that product among other supermarkets.
66 |
67 | # Receipt scanning
68 |
69 | When scanning receipts, [Tesseract.js](https://github.com/naptha/tesseract.js/) is used in order to detect text. After that, some processing is done to align the recognized text with true product names. Adjust any errors where necessary.
70 |
71 | # Privacy
72 |
73 | When entering your shopping list, you data never leaves your computer. All processing is done in the browser. This means no one can keep track of your purchases or build an advertisement profile based on your searches. Upon opening Checkjebon.nl, all available prices will be downloaded. You will notice that reloading the page will not empty your shopping list; this is stored in your browser using the [localStorage API](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage).
74 |
75 | # Open data
76 |
77 | Product [price data](https://github.com/supermarkt/checkjebon/blob/main/data/supermarkets.json?raw=true) is updated frequently and may be reused in other projects. For example, you can get a price alert when a product you don't buy often is discounted, such as cleaning supplies or personal care products, or more expensive products with long expiration dates such as (soft) drinks or bake-off pizzas. Data journalists may use the data to see trends or verify claims from supermarkets.
78 |
--------------------------------------------------------------------------------
/js/site/script.js:
--------------------------------------------------------------------------------
1 | // Global filters
2 | Vue.filter('formatPrice', function(value)
3 | {
4 | if (value && value > 0)
5 | {
6 | return value.toFixed(2).replace(".", ",");
7 | }
8 | else
9 | {
10 | return "-";
11 | }
12 | });
13 |
14 | Vue.filter('formatAmount', function(value)
15 | {
16 | var pattern = new RegExp("([\\d]+) (gram|milliliter)", "i");
17 |
18 | if (value && pattern.test(value))
19 | {
20 | var amount = value.match(pattern);
21 | if (amount[2].toLowerCase() == "gram" && amount[1] >= 1000)
22 | {
23 | return (amount[1] / 1000) + " kilogram";
24 | }
25 | else if (amount[2].toLowerCase() == "milliliter" && amount[1] >= 1000)
26 | {
27 | return (amount[1] / 1000) + " liter";
28 | }
29 | else
30 | {
31 | return value.toLowerCase();
32 | }
33 | }
34 | else
35 | {
36 | return value?.toLowerCase();
37 | }
38 | });
39 |
40 | Vue.filter('formatCount', function(value)
41 | {
42 | // Add thousand separator
43 | return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
44 | });
45 |
46 | Vue.component('share-button', {
47 | template: '#share-button-template'
48 | });
49 |
50 | Vue.component('supermarket-products', {
51 | template: '#supermarket-products-template',
52 | props: ['supermarket', 'showShareButton']
53 | });
54 |
55 | var app = new Vue(
56 | {
57 | el: "#checkjebon",
58 | data:
59 | {
60 | prices: [],
61 | pricesLastUpdated: null,
62 | shoppinglist: "",
63 | products: [],
64 | supermarkets: [],
65 | selectedSupermarket: null,
66 | isSearching: false,
67 | shopMultipleSupermarkets: false,
68 | maxSupermarkets: null,
69 | availableSupermarkets: [],
70 | selectedSupermarketCodes: [],
71 | shoppingPlan: null,
72 | showSupermarketSelection: false
73 | },
74 | watch:
75 | {
76 | shopMultipleSupermarkets: function(val)
77 | {
78 | if (!val)
79 | {
80 | this.showSupermarketSelection = false;
81 | this.shoppingPlan = null;
82 | }
83 | this.supermarkets = [];
84 | this.selectedSupermarket = null;
85 | this.saveShoppinglist();
86 | }
87 | },
88 | methods:
89 | {
90 | loadSupermarkets: async function()
91 | {
92 | try {
93 | this.availableSupermarkets = await checkjebon.getSupermarkets();
94 | } catch (e) {
95 | console.error("Failed to load supermarkets", e);
96 | }
97 | },
98 | createShoppingPlan: async function(scrollToResults = true)
99 | {
100 | if (this.selectedSupermarketCodes.length === 0) {
101 | this.shoppingPlan = null;
102 | return;
103 | }
104 |
105 | this.isSearching = true;
106 | const productNames = this.shoppinglist.split("\n").filter(product => product.trim() !== "");
107 |
108 | try {
109 | const result = await checkjebon.getOptimalShoppingPlan(
110 | productNames,
111 | this.maxSupermarkets,
112 | this.selectedSupermarketCodes
113 | );
114 |
115 | // Initialize checked state based on originalQuery
116 | result.supermarkets.forEach(s => {
117 | s.products.forEach(p => {
118 | p.checked = p.originalQuery && p.originalQuery.startsWith("x ");
119 | });
120 | });
121 |
122 | this.shoppingPlan = result;
123 | // Ensure each supermarket in the shopping plan has totalPrice and notFound properties
124 | this.shoppingPlan.supermarkets = this.shoppingPlan.supermarkets.map(s => ({
125 | ...s,
126 | products: s.products.map(p => (p)),
127 | totalPrice: s.products.reduce((sum, p) => sum + (p.price || 0), 0),
128 | notFound: s.products.filter(p => p.isEstimate).length
129 | }));
130 | this.selectedSupermarket = null; // Clear single selection
131 |
132 | // Compute aggregate values for the shopping plan
133 | // totalCost: sum of assigned products' prices
134 | this.shoppingPlan.totalCost = this.shoppingPlan.supermarkets.reduce((sum, s) => sum + (s.totalPrice || 0), 0);
135 |
136 | // Compute best single-supermarket total using current product list and selected supermarket codes
137 | try {
138 | const allPricesResults = await checkjebon.getPricesForProducts(productNames);
139 | // Filter to only supermarkets that were selectable for this plan (selectedSupermarketCodes)
140 | const filtered = allPricesResults.filter(s => this.selectedSupermarketCodes.includes(s.code));
141 | const singleTotals = filtered.map(s => ({
142 | code: s.code,
143 | name: s.name,
144 | totalPrice: s.products.reduce((sum, p) => sum + (p.price || 0), 0)
145 | }));
146 | if (singleTotals.length > 0) {
147 | const best = singleTotals.reduce((min, s) => s.totalPrice < min.totalPrice ? s : min, singleTotals[0]);
148 | this.shoppingPlan.bestSingleTotal = best.totalPrice;
149 | this.shoppingPlan.bestSingleName = best.name;
150 | this.shoppingPlan.totalSavings = (this.shoppingPlan.bestSingleTotal || 0) - this.shoppingPlan.totalCost;
151 | } else {
152 | this.shoppingPlan.bestSingleTotal = null;
153 | this.shoppingPlan.bestSingleName = null;
154 | this.shoppingPlan.totalSavings = 0;
155 | }
156 | } catch (e) {
157 | console.error('Failed to compute single-shop totals', e);
158 | this.shoppingPlan.bestSingleTotal = null;
159 | this.shoppingPlan.totalSavings = 0;
160 | }
161 |
162 | if (scrollToResults) {
163 | setTimeout(function()
164 | {
165 | document.getElementById("shopping-plan").scrollIntoView({behavior: "smooth", block: "start"});
166 | }, 100);
167 | }
168 |
169 | } catch (e) {
170 | alert('Er is een fout opgetreden bij het maken van het winkelplan.');
171 | console.error(e);
172 | }
173 | this.isSearching = false;
174 | },
175 | updateShoppingPlan: function()
176 | {
177 | if (this.shoppingPlan)
178 | {
179 | this.createShoppingPlan(false);
180 | }
181 | },
182 | example: function()
183 | {
184 | this.shoppinglist = "1,5 liter halfvolle melk\nKnoflooksaus\n400 g shoarma\nPita brood\nKipschnitzel\n250 gram kipfilet\n1 kilo bananen\n1 liter coca cola\nkokosbrood\n500 ml soep\nhalvarine\n";
185 | this.saveShoppinglist();
186 | },
187 | scan: function()
188 | {
189 | if (this.prices.length == 0)
190 | {
191 | setTimeout(function()
192 | {
193 | // Still loading prices, wait and retry
194 | app.scan();
195 | }, 100);
196 | return;
197 | }
198 |
199 | var fileSelector = document.getElementById("file-selector");
200 |
201 | fileSelector.addEventListener("change", (event) =>
202 | {
203 | var fileList = event.target.files;
204 | if (fileList.length > 0)
205 | {
206 | var fileReader = new FileReader();
207 | fileReader.addEventListener("load", (event) =>
208 | {
209 | var imageData = event.target.result;
210 | Tesseract.recognize(
211 | imageData,
212 | "nld",
213 | {
214 | logger: m =>
215 | {
216 | this.shoppinglist = m.status + ": " + (m.progress * 100).toFixed(0) + "%";
217 | }
218 | }
219 | ).then(({ data: { text } }) =>
220 | {
221 | // Remove all non-text characters
222 | text = text.toLowerCase().replace(/([^a-zA-Z\s])+/g, "");
223 | // Remove all words that are 3 or less characters
224 | text = text.replace(/\b([a-zA-Z]){0,3}\b/g, "");
225 | // Trim results
226 | text = text.split("\n").map(t => t.trim()).join("\n");
227 | // Remove empty lines
228 | text = text.trim().replace(/\n{2,}/g, "\n");
229 | // Use fuzzy search logic to find closest match in an attempt to fix reading errors
230 | var words = [... new Set(app.prices.map(p => p.d).flat().map(p => p.n.toLowerCase().split(" ")).flat())].filter(p => p.length > 4);
231 | var ignoredWords = ["prijs", "aantal", "e-prijs", "actieprijs", "kassa", "lade", "omschrijving", "subtotaal", "totaal"];
232 | words = words.concat(ignoredWords);
233 | text = text.split("\n").filter(line => line.trim() != "").map((line, i) =>
234 | {
235 | // Update status
236 | this.shoppinglist = "matching: " + (i / text.split("\n").length * 100).toFixed(0) + "%";
237 | // Find closest match
238 | return line.split(/\s/).map(word =>
239 | {
240 | const options = {
241 | shouldSort: true,
242 | threshold: 0.4,
243 | };
244 | // Find closest match using words that somewhat match in length
245 | const fuse = new Fuse(words.filter(w => Math.abs(w.length - word.length) < 3), options);
246 | var results = fuse.search(word);
247 | // Exclude ignored words
248 | var result = results[0]?.item || word
249 | if (ignoredWords.includes(result))
250 | {
251 | return "";
252 | }
253 | // Return result
254 | return result;
255 | }).join(" ");
256 | }).join("\n");
257 | // Capitalize first letter of each word
258 | text = text.replace(/\b[a-z]/g, letter => letter.toUpperCase());
259 | // Update shoppinglist
260 | this.shoppinglist = text;
261 | })
262 |
263 | });
264 | fileReader.readAsDataURL(fileList[0]);
265 | }
266 | });
267 |
268 | fileSelector.showPicker();
269 | },
270 | search: async function()
271 | {
272 | if (!this.shoppinglist || this.shoppinglist.trim() === "") {
273 | this.supermarkets = [];
274 | return;
275 | }
276 |
277 | if (this.shopMultipleSupermarkets) {
278 | this.showSupermarketSelection = true;
279 | this.shoppingPlan = null;
280 | this.selectedSupermarket = null;
281 | this.supermarkets = [];
282 | if (this.availableSupermarkets.length === 0) {
283 | await this.loadSupermarkets();
284 | }
285 | setTimeout(function()
286 | {
287 | const el = document.getElementById("supermarket-selection");
288 | if(el) el.scrollIntoView({behavior: "smooth", block: "start"});
289 | }, 100);
290 | return;
291 | }
292 |
293 | this.isSearching = true;
294 | this.showSupermarketSelection = false;
295 | this.shoppingPlan = null;
296 | const productNames = this.shoppinglist.split("\n").filter(product => product.trim() !== "");
297 | try {
298 | const results = await checkjebon.getPricesForProducts(productNames);
299 | this.pricesLastUpdated = checkjebon.pricesLastUpdated();
300 | this.supermarkets = results.map(s => ({
301 | ...s,
302 | products: s.products.map(p => {
303 | p.checked = p.originalQuery.startsWith("x ");
304 | return p;
305 | }),
306 | totalPrice: s.products.reduce((sum, p) => sum + (p.price || 0), 0),
307 | notFound: s.products.filter(p => p.isEstimate).length
308 | }));
309 | this.supermarkets.sort((a, b) => a.totalPrice - b.totalPrice);
310 | if (!this.selectedSupermarket) {
311 | setTimeout(function()
312 | {
313 | document.getElementById("supermarkets").scrollIntoView({behavior: "smooth", block: "start"});
314 | }, 100);
315 | }
316 | } catch (e) {
317 | alert('Er is een fout opgetreden bij het zoeken naar prijzen.');
318 | console.error(e);
319 | }
320 | this.isSearching = false;
321 | },
322 | select: function()
323 | {
324 | setTimeout(function()
325 | {
326 | document.getElementById("articles").scrollIntoView({behavior: "smooth", block: "start"});
327 | }, 100);
328 | },
329 | check: function(product, event)
330 | {
331 | // Process checking and unchecking of products
332 | product.checked = event.target.checked;
333 | this.shoppinglist = this.shoppinglist.split("\n").map(line =>
334 | {
335 | if (line.includes(product.originalQuery))
336 | {
337 | if (line.startsWith("x "))
338 | {
339 | line = line.substring(2);
340 | }
341 | if (product.checked)
342 | {
343 | line = "x " + line;
344 | }
345 | }
346 | return line;
347 | }).join("\n");
348 | this.saveShoppinglist();
349 | },
350 | edit: async function(product, event, message)
351 | {
352 | var newProduct = window.prompt(message, product.originalQuery?.replace(/^x\s/, ''));
353 | if (newProduct)
354 | {
355 | this.shoppinglist = this.shoppinglist.split("\n").map(line =>
356 | {
357 | if (line.includes(product.originalQuery))
358 | {
359 | line = (product.originalQuery.startsWith("x ") ? "x " : "") + newProduct;
360 | }
361 | return line;
362 | }).join("\n");
363 | this.saveShoppinglist();
364 |
365 | const currentCode = this.selectedSupermarket ? this.selectedSupermarket.code : null;
366 | await this.search();
367 |
368 | if (currentCode) {
369 | this.selectedSupermarket = this.supermarkets.find(s => s.code == currentCode);
370 | }
371 | }
372 | },
373 | share: async function()
374 | {
375 | var hash = this.shoppinglist.replace(/\n/g, "%0A");
376 | if (this.shopMultipleSupermarkets) {
377 | hash += "|" + (this.shopMultipleSupermarkets ? "1" : "0");
378 | hash += "|" + this.maxSupermarkets;
379 | hash += "|" + this.selectedSupermarketCodes.join(",");
380 | }
381 | window.location.hash = hash;
382 | var shared = false;
383 | // Share the shoppinglist using the device's share functionality
384 | if (navigator.share)
385 | {
386 | try
387 | {
388 | await navigator.share(
389 | {
390 | title: "Checkjebon.nl",
391 | text: "Je boodschappenlijst van Checkjebon.nl",
392 | url: window.location.href
393 | });
394 | shared = true;
395 | }
396 | catch(e)
397 | {
398 | console.log('Error sharing link', e);
399 | }
400 | }
401 | // Share the shoppinglist via email
402 | if (!shared)
403 | {
404 | var body = `Hoi, hier is je boodschappenlijst:`;
405 | body += `%0A%0A`;
406 | body += encodeURIComponent(this.shoppinglist.split("\n").map(p => "- " + p.trim()).filter(p => p).join("\n"));
407 | if (this.selectedSupermarket)
408 | {
409 | body += `%0A%0A`;
410 | body += `De totaalprijs bij ${this.selectedSupermarket.c} komt uit op ${this.$options.filters.formatPrice(this.selectedSupermarket.totalPrice)} euro.`;
411 | }
412 | body += `%0A%0A`;
413 | body += `Ga verder met deze boodschappenlijst via de link hieronder.%0A%0A`;
414 | body += encodeURIComponent(window.location.href);
415 | window.location = `mailto:?subject=Checkjebon.nl - boodschappenlijst&body=${body}`;
416 | }
417 | window.location.hash = "";
418 | },
419 | saveShoppinglist: function()
420 | {
421 | localStorage.setItem("shoppinglist", this.shoppinglist);
422 | localStorage.setItem("shopMultipleSupermarkets", this.shopMultipleSupermarkets);
423 | localStorage.setItem("maxSupermarkets", this.maxSupermarkets);
424 | localStorage.setItem("selectedSupermarketCodes", JSON.stringify(this.selectedSupermarketCodes));
425 | },
426 | loadShoppinglist: async function()
427 | {
428 | // Populate shoppinglist from memory
429 | this.shoppinglist = localStorage.getItem("shoppinglist");
430 | this.shopMultipleSupermarkets = localStorage.getItem("shopMultipleSupermarkets") === "true";
431 | this.maxSupermarkets = parseInt(localStorage.getItem("maxSupermarkets")) || null;
432 | try {
433 | this.selectedSupermarketCodes = JSON.parse(localStorage.getItem("selectedSupermarketCodes")) || [];
434 | } catch(e) {
435 | this.selectedSupermarketCodes = [];
436 | }
437 |
438 | // Override shoppinglist from URL hash, if present
439 | if (window.location.hash)
440 | {
441 | if (!this.shoppinglist || window.confirm("Druk op OK om de lijst die je net opent te gebruiken of Annuleren om verder te gaan met de lijst die je eerder hebt gemaakt."))
442 | {
443 | var hashContent = decodeURI(window.location.hash).substr(1);
444 | var parts = hashContent.split("|");
445 | this.shoppinglist = parts[0];
446 | if (parts.length > 1) {
447 | this.shopMultipleSupermarkets = parts[1] === "1";
448 | this.maxSupermarkets = parseInt(parts[2]) || null;
449 | this.selectedSupermarketCodes = parts[3] ? parts[3].split(",") : [];
450 | }
451 | }
452 | window.location.hash = "";
453 | }
454 |
455 | if (this.shopMultipleSupermarkets && this.shoppinglist && this.shoppinglist.trim() !== '') {
456 | // Only show the supermarket selection on load when there is a non-empty shopping list.
457 | this.showSupermarketSelection = true;
458 | if (this.availableSupermarkets.length === 0) {
459 | await this.loadSupermarkets();
460 | }
461 |
462 | if (this.maxSupermarkets && this.selectedSupermarketCodes.length > 0) {
463 | this.createShoppingPlan(true);
464 | }
465 | } else {
466 | // Ensure the supermarket selection and any results are hidden when there's
467 | // no shopping list during initial page load.
468 | this.showSupermarketSelection = false;
469 | this.shoppingPlan = null;
470 | this.supermarkets = [];
471 | this.selectedSupermarket = null;
472 | }
473 | },
474 | update: function()
475 | {
476 | this.selectedSupermarket = null;
477 | this.supermarkets = [];
478 |
479 | if (this.shopMultipleSupermarkets)
480 | {
481 | this.showSupermarketSelection = false;
482 | this.shoppingPlan = null;
483 | }
484 |
485 | this.saveShoppinglist();
486 | },
487 | clear: function()
488 | {
489 | this.shoppinglist = "";
490 | this.update();
491 | }
492 | },
493 | created: function()
494 | {
495 | this.loadShoppinglist();
496 | }
497 | });
498 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
34 |
182 |
35 |
70 |
71 |
36 |
69 | Checkjebon.nl
37 |Bekijk wat je kwijt zou zijn voor dezelfde boodschappen bij een andere supermarkt en bespaar elke keer dat je naar de winkel gaat.
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
51 |
68 |
52 |
57 |
62 |
66 |
67 |
72 |
106 |
107 |
73 |
105 | Winkelplan opstellen
74 | 75 |
76 |
77 |
81 |
82 |
83 |
84 |
104 |
85 |
86 |
96 |
97 |
87 |
95 |
88 |
89 |
93 |
94 |
98 |
102 |
103 |
108 |
136 |
137 |
109 |
135 | Supermarkten
110 |-
111 |
-
112 |
113 |
114 | 115 | {{supermarket.name}} 116 | 117 |126 |118 | 119 | {{supermarket.notFound}} van {{supermarket.products.length | formatCount}} niet gevonden in {{supermarket.totalProducts | formatCount}} producten 120 | 121 | 122 | {{supermarket.totalProducts | formatCount}} producten 123 | 124 |125 |127 | {{ supermarket.totalPrice | formatPrice }} 128 |129 |
130 |
132 | Waarom sommige supermarkten ontbreken, zoals Nettorama, Boni, etc. 133 |
134 |
138 |
140 |
141 |
142 |
180 |
181 |
143 |
176 |
144 |
171 | Winkelplan overzicht
145 |
146 |
147 |
148 |
166 |
167 | | {{ s.name }} | 150 |{{ s.totalPrice | formatPrice }} | 151 |
| Totaal | 154 |{{ shoppingPlan.totalCost | formatPrice }} | 155 |
| Als je alle producten bij de goedkoopste winkel koopt ({{ shoppingPlan.bestSingleName }}) | 158 |{{ shoppingPlan.bestSingleTotal | formatPrice }} | 159 |
| Extra besparing | 162 |{{ shoppingPlan.totalSavings | formatPrice }} | 163 |
168 |
170 |
172 |
175 | Totaalprijs: {{ shoppingPlan.totalCost | formatPrice }}
173 |Aantal winkels: {{ shoppingPlan.supermarkets.length }}
174 |
177 |
179 |