add component, delete functionality

components/ionList/ionList.js

@@ -23,8 +23,9 @@ Template.ionList.helpers({
 
 
 Template.ionList.rendered = function() {
-    var list = this.$('.list')[0];
+    var list = this.$('.list')[0]; 
     new Slip(list);
+   //TODO: ensure not creating a slip list if unnecessary
 };
 
 
@@ -51,6 +52,7 @@ Template.ionList.events({
         originalIndex = e.originalEvent.detail.originalIndex
 
         if (spliceIndex != originalIndex) {
+           
             template.data.collection.find({}, {
                 sort: {
                     order: 1

components/ionListButton/ionListButton.html

@@ -0,0 +1,10 @@
+<template name="ionListButton">
+
+	<!-- <div class="item-left-edit item-delete enable-pointer-events" > -->
+	<div class="{{classes}}" >
+
+	<!-- <div class="{{classes}}"> -->
+		 {{> UI.contentBlock}}
+    </div>
+
+</template>

components/ionListButton/ionListButton.js

@@ -0,0 +1,27 @@
+Template.ionListButton.events({
+	'click .item-delete' : function(e, template){
+		e.preventDefault();
+		itemContext = Template.parentData(1);
+	    template.data.collection._collection.remove({
+             _id: itemContext._id
+        }, function(error, result) { });
+	}
+})
+
+Template.ionListButton.helpers({
+	classes: function(){
+		
+		var classes = [];
+
+		var action = this.action || 'delete';
+		var side = this.side || 'left';
+
+		classes.push('item-' + action);
+		classes.push('item-' + side + '-edit');
+
+		classes.push('enable-pointer-events');
+		
+		return classes.join(' ');
+
+	}
+})