Add ui-state to save and delete buttons

Switch buttons between enabled and disabled as necessary
elvinas-liut · Jan 17, 2013 · 67958b4 · 67958b4
1 parent a0ebac8
commit 67958b4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/code/GridFieldBulkImageUpload_Request.php b/code/GridFieldBulkImageUpload_Request.php
@@ -166,6 +166,7 @@ public function index()
 				->setAttribute('data-icon', 'accept')
 				->setAttribute('data-url', $this->Link('update'))
 				->setUseButtonTag(true)
+        ->setDisabled(true)
 		);
 		/*
 		if($crumbs && $crumbs->count()>=2)
@@ -188,6 +189,7 @@ public function index()
 				->setAttribute('data-icon', 'decline')
 				->setAttribute('data-url', $this->Link('cancel'))
 				->setUseButtonTag(true)
+        ->setDisabled(true)
 		);
 
 

diff --git a/javascript/GridFieldBulkImageUpload.js b/javascript/GridFieldBulkImageUpload.js
@@ -14,7 +14,7 @@
 			onmatch: function(){
 				if( !$(this).hasClass('opened') ){					
 					$(this).addClass('opened');
-				}
+				}        
 			},
 			onunmatch: function(){
 
@@ -63,10 +63,11 @@
 					if ( !$(itemInfo).hasClass('dirty') ) $(itemInfo).addClass('dirty');
 
 					$('#bulkImageUploadUpdateFinishBtn').addClass('dirty');
+          $('#bulkImageUploadUpdateBtn').removeClass('ui-state-disabled');
 				}
 			});
 
-			$('#bulkImageUploadUpdateBtn').entwine({
+			$('#bulkImageUploadUpdateBtn:not(.ui-state-disabled)').entwine({
 				onmatch: function(){
 					$(this).data('completedForms', 0);
 				},
@@ -114,10 +115,11 @@
 								$('#bulkImageUploadUpdateFinishBtn').removeClass('dirty');
 								$('#bulkImageUploadUpdateBtn').data('completedForms', 0);
 								$('#bulkImageUploadUpdateBtn').removeClass('loading');
+                $('#bulkImageUploadUpdateBtn').addClass('ui-state-disabled');
 								if ( $('#bulkImageUploadUpdateBtn').hasClass('doFinish') ) {
 									//@TODO find a way to pass this as CMS navigation through AJAX
 									window.location = $('#bulkImageUploadUpdateFinishBtn').data('return-url');
-								}								
+								}		
 							}
 
 						});
@@ -135,7 +137,16 @@
 				}				
 			});	
 
-			$('#bulkImageUploadUpdateCancelBtn').entwine({
+      $('.ss-uploadfield-item-editform').entwine({
+        onmatch: function(e){
+          console.log(this);
+          $('#bulkImageUploadUpdateCancelBtn').removeClass('ui-state-disabled');
+        },
+				onunmatch: function(){					
+				}
+      });
+
+			$('#bulkImageUploadUpdateCancelBtn:not(.ui-state-disabled)').entwine({
 				onclick: function(e){
 
 					var url = $(this).data('url');
@@ -156,6 +167,7 @@
 							if ( $('li.ss-uploadfield-item').length == 0 ) {
 								$('.ss-uploadfield-editandorganize').css('display', 'none');
 								$('#Form_bulkImageUploadForm').removeClass('loading');
+                $('#bulkImageUploadUpdateCancelBtn').addClass('ui-state-disabled');
 							}
 
 						});