Clone the grocery object to force a change in the UI

Fixes #46
NativeScript · Feb 23, 2016 · c6e82b6 · c6e82b6
1 parent aba01a5
commit c6e82b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/platform.android.css b/app/platform.android.css
@@ -1,3 +1,5 @@
 .link {
 	background-color: transparent;
+	border: none;
+	box-shadow: none;
 }
diff --git a/app/shared/view-models/grocery-list-view-model.js b/app/shared/view-models/grocery-list-view-model.js
@@ -145,7 +145,10 @@ function GroceryListViewModel(items) {
 	viewModel.toggleDone = function(index) {
 		var item = viewModel.getItem(index);
 		item.done = !item.done;
-		viewModel.setItem(index, item);
+
+		// Use Object.assign to clone the object to ensure NativeScript
+		// detects the change and updates the UI accordingly
+		viewModel.setItem(index, Object.assign({}, item));
 
 		return fetch(config.apiUrl + "Groceries/" + item.id, {
 			method: "PUT",