feat(items): right click to remove item

SteveVanOpstal · Apr 13, 2016 · faa9a26 · faa9a26
1 parent cdf7461
commit faa9a26
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/app/build/items/items.component.ts b/src/app/build/items/items.component.ts
@@ -12,7 +12,7 @@ import * as d3 from 'd3'; //TODO: remove test
   directives: [NgFor, NgClass, ItemComponent],
   template: `
     <template ngFor #item [ngForOf]="items" #i="index">
-      <item [item]="item" [ngClass]="{disabled: item.disabled}" [attr.title]="item.description" style="left: {{xScaleTime(item.time)}}px"></item>
+      <item [item]="item" [ngClass]="{disabled: item.disabled}" [attr.title]="item.description" style="left: {{xScaleTime(item.time)}}px" (contextmenu)="rightClicked(item)"></item>
     </template>`
 })
 
@@ -89,4 +89,9 @@ export class ItemsComponent implements DoCheck {
     }
     return -1;
   }
+
+  private rightClicked(item: Object) {
+    this.items.splice(this.items.indexOf(item), 1);
+    return false; // stop context menu from appearing
+  }
 }