Implementing checkjebon-js

Author: sjoerdvanderhoorn

index.html

@@ -105,11 +105,11 @@ <h2 class="w3-wide w3-center caps">{{ selectedSupermarket?.name }}</h2>
 									</td>
 									<td>
 										<span class="w3-large">
-											<a v-if="!product.isEstimate" v-bind:href="product.link" target="_blank" class="noline" :title="product.originalQuery">
+											<a v-if="!product.isEstimate" v-bind:href="product.link" target="_blank" class="noline" :title="product.originalQuery?.replace(/^x\s/, '')">
 												{{ product.name }}
 											</a>
 											<span v-if="!product.price || product.isEstimate">
-												{{product.originalQuery}}
+												{{product.originalQuery?.replace(/^x\s/, '')}}
 											</span>
 										</span><br>
 										<span class="w3-text-blue-gray">

js/site/script.js

@@ -114,6 +114,10 @@ var app = new Vue(
 				this.pricesLastUpdated = checkjebon.pricesLastUpdated();
 				this.supermarkets = results.map(s => ({
 					...s,
+					products: s.products.map(p => {
+						p.checked = p.originalQuery.startsWith("x ");
+						return p;
+					}),
 					totalPrice: s.products.reduce((sum, p) => sum + (p.price || 0), 0),
 					notFound: s.products.filter(p => p.isEstimate).length
 				}));
@@ -159,14 +163,14 @@ var app = new Vue(
 		},
 		edit: async function(product, event, message)
 		{
-			var newProduct = window.prompt(message, product.originalQuery);
+			var newProduct = window.prompt(message, product.originalQuery?.replace(/^x\s/, ''));
 			if (newProduct)
 			{
 				this.shoppinglist = this.shoppinglist.split("\n").map(line => 
 				{
 					if (line.includes(product.originalQuery))
 					{
-						line = newProduct;
+						line = (product.originalQuery.startsWith("x ") ? "x " : "") + newProduct;
 					}
 					return line;
 				}).join("\n");