Delete support

src/app/pages/home/home.page.ts

@@ -37,18 +37,20 @@ export class HomePage implements OnInit {
   }
 
   deleteItem(item) {
-    console.log('Delete item');
-    // TODO
+    this.itemService.deleteItem(item).subscribe(result => {
+      console.log('Result from query', result);
+      this.loading = result.loading;
+      this.errors = result.errors;
+      if (result.data) {
+        this.items = this.items.filter((data: any) => {
+          return !data.id === result.data.deleteTask;
+        });
+      }
+    });
   }
-
   subscribe() {
     console.log('Subscribe');
     // TODO
   }
-
-  loadMore(item) {
-    console.log('Load more items');
-    // TODO
-  }
-
 }
+

src/app/pages/update-item/update-item.page.ts

@@ -29,19 +29,19 @@ export class UpdateItemPage implements OnInit {
           description: new FormControl(this.item.description, Validators.required),
         });
       }
-    )
+    );
   }
 
-  goBack(){
+  goBack() {
     this.router.navigate(['/home']);
   }
 
-  updateItem(value){
-    let newValues = {
+  updateItem(value) {
+    const newValues = {
       id: this.item.id,
       title: value.title,
       description: value.description
-    }
+    };
     this.itemService.updateItem(newValues);
     this.goBack();
   }

src/app/services/graphql.queries.ts

@@ -24,12 +24,7 @@ export const GET_TASKS = gql`
 
 export const DELETE_TASK = gql`
 mutation deleteTask($id: ID!){
-  deleteTask(id: $id){
-    id
-    title
-    description
-    version
-  }
+  deleteTask(id: $id)
 }
 `;
 

src/app/services/item.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { GET_TASKS , UPDATE_TASK } from './graphql.queries';
+import { GET_TASKS, UPDATE_TASK, DELETE_TASK } from './graphql.queries';
 import { Apollo } from 'apollo-angular';
 
 
@@ -36,4 +36,8 @@ export class ItemService {
   updateItem(newValues) {
     return this.apollo.mutate<Task>({ mutation: UPDATE_TASK, variables: newValues });
   }
+
+  deleteItem(item) {
+    return this.apollo.mutate<Task>({ mutation: DELETE_TASK, variables: { id: item.id } });
+  }
 }