Added a trash bin for drag and drop. Marginal.

jmhobbs · Apr 15, 2010 · 209f516 · 209f516
1 parent d3c2c35
commit 209f516
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/css/screen.css b/css/screen.css
@@ -78,3 +78,18 @@ pre {
 	padding: 10px;
 	display: inline-block;
 }
+.trash {
+	display: inline-block;
+	background: #FAA;
+	padding: 5px;
+	border: 1px solid #F00;
+	list-style: none;
+	margin: 0;
+	font-size: 10px;
+	font-weight: bold;
+}
+.trash > li {
+	margin: 0;
+	display: inline-block;
+	padding: 0;
+}
diff --git a/js/mklst.js b/js/mklst.js
@@ -13,7 +13,8 @@ var MkLst = {
 				}
 			}
 			MkLst.list = $( "#list" );
-			MkLst.list.sortable( { start: function () { MkLst.sorting = true; } } );
+			$( ".trash" ).sortable( { cancel: '.ignore',  receive: function( event, ui ) { ui.item.remove(); MkLst.sorting = false; MkLst.saved = false; } } );
+			MkLst.list.sortable( { start: function () { MkLst.sorting = true; }, connectWith: '.trash' } );
 			$( ".add" ).click( MkLst.createListItem );
 			$( ".list-item" ).click( MkLst.editListItem );
 			$( "#name" ).click( MkLst.editName );

diff --git a/protected/views/list/view.php b/protected/views/list/view.php
@@ -12,6 +12,7 @@
 <div class="buttons">
 	<button class="add">Add Item +</button>
 	<button class="save">Save</button>
+	<ul class="trash"><li class="ignore">Trash</li></ul>
 </div>
 <?php endif; ?>
 
@@ -33,6 +34,7 @@
 <div class="buttons">
 	<button class="add">Add Item +</button>
 	<button class="save">Save</button>
+	<ul class="trash"><li class="ignore">Trash</li></ul>
 </div>
 
 <form id="edit-form" method="POST"><input type="hidden" name="list-value" id="list-value" value="" /></form>