Basic operations for bulk editing in place

Create Request_handler edit function returning the form, and JS
manipulation of the UI buttons etc..

code/GridFieldBulkManager.php

@@ -7,8 +7,122 @@
  */
 class GridFieldBulkManager implements GridField_HTMLProvider, GridField_ColumnProvider, GridField_URLHandler {
 	
-	public function __construct()
+	/**
+	 * component configuration
+	 * 
+	 * 'imageFieldName' => field name of the $has_one Model Image relation
+	 * 'editableFields' => fields editable on the Model
+	 * 'fieldsClassBlacklist' => field types that will be removed from the automatic form generation
+	 * 'fieldsNameBlacklist' => fields that will be removed from the automatic form generation
+	 * 
+	 * @var array 
+	 */
+	protected $config = array(
+		'editableFields' => null,
+		'fieldsClassBlacklist' => array(),
+		'fieldsNameBlacklist' => array()
+	);
+	
+	/**
+	 * Holds any class that should not be used as they break the component
+	 * These cannot be removed from the blacklist
+	 */
+	protected $forbiddenFieldsClasses = array( 'GridField', 'UploadField' );
+	
+	
+	public function __construct($editableFields = null)
 	{				
+		if ( $editableFields != null ) $this->setConfig ( 'editableFields', $editableFields );
+		$this->config['fieldsClassBlacklist'] = $this->forbiddenFieldsClasses;
+	}
+	
+	/**
+	 * Set a component configuration parameter
+	 * 
+	 * @param string $reference
+	 * @param mixed $value 
+	 */
+	function setConfig ( $reference, $value )
+	{
+		if ( isset( $this->config[$reference] ) )
+		{
+			if ( ($reference == 'fieldsClassBlacklist' || $reference == 'fieldsClassBlacklist' || $reference == 'editableFields') && !is_array($value) )
+			{
+				$value = array($value);
+			}
+			
+			//makes sure $forbiddenFieldsClasses are in no matter what
+			if ( $reference == 'fieldsClassBlacklist' )
+			{
+				$value = array_unique( array_merge($value, $this->forbiddenFieldsClasses) );
+			}
+			
+			$this->config[$reference] = $value;
+		}
+	}
+	
+	/**
+	 * Returns one $config parameter of the full $config
+	 * 
+	 * @param string $reference $congif parameter to return
+	 * @return mixed 
+	 */
+	function getConfig ( $reference = false )
+	{
+		if ( $reference ) return $this->config[$reference];
+		else return $this->config;
+	}
+	
+	/**
+	 * Add a field to the editable fields blacklist
+	 * 
+	 * @param string $fieldName
+	 * @return boolean 
+	 */
+	function addFieldNameToBlacklist ( $fieldName )
+	{
+		return array_push( $this->config['fieldsNameBlacklist'], $fieldName);
+	}
+	
+	/**
+	 * Add a class to the editable fields blacklist
+	 * 
+	 * @param string $className
+	 * @return boolean 
+	 */
+	function addClassToBlacklist ( $className )
+	{
+		return array_push( $this->config['fieldsClassBlacklist'], $className);
+	}
+	
+	/**
+	 * Remove a field to the editable fields blacklist
+	 * 
+	 * @param string $fieldName
+	 * @return boolean 
+	 */
+	function removeFieldNameFromBlacklist ( $fieldName )
+	{
+		if (key_exists($fieldName, $this->config['fieldsNameBlacklist'])) {
+			return delete( $this->config['fieldsNameBlacklist'][$fieldName] );
+		}else{
+			return false;
+		}
+	}
+	
+	/**
+	 * Remove a class to the editable fields blacklist
+	 * 
+	 * @param string $className
+	 * @return boolean 
+	 */
+	function removeClassFromBlacklist ( $className )
+	{
+		if (key_exists($className, $this->config['fieldsNameBlacklist']) && !in_array($className, $this->forbiddenFieldsClasses)) {
+			return delete( $this->config['fieldsNameBlacklist'][$className] );
+		}else{
+			return false;
+		}
 	}
 	
 	/* GridField_ColumnProvider */
@@ -56,17 +170,24 @@ class GridFieldBulkManager implements GridField_HTMLProvider, GridField_ColumnPr
 		
 		$dropDownActionList = DropdownField::create('bulkActionName', '')
 			->setSource( array('edit' => 'Edit','unlink' => 'UnLink','delete' => 'Delete') );
-		
+		/*
 		$actionButton = FormAction::create('doBulkAction', 'GO')
 				->setAttribute('id', 'doBulkActionButton')
 				//->addExtraClass('cms-panel-link')
 				->setAttribute('data-icon', 'pencil')
 				->setAttribute('data-url', $gridField->Link('bulkEdit'))
+				->setAttribute('href', $gridField->Link('bulkEdit').'/edit')
 				->setUseButtonTag(true);
+		*/
+		$actionButtonHTML = '
+		<a id="doBulkActionButton" href="'.$gridField->Link('bulkEdit').'/edit'.'" data-url="'.$gridField->Link('bulkEdit').'"  class="action ss-ui-button cms-panel-link" data-icon="pencil">
+			GO
+		</a>';
 		
 		$html = '<div id="bulkManagerOptions">'.
 								$dropDownActionList->FieldHolder().
-								$actionButton->Field().
+								//$actionButton->Field().
+								$actionButtonHTML.
 						'</div>';
 		
 		return array(

code/GridFieldBulkManager_Request.php

@@ -60,9 +60,99 @@ class GridFieldBulkManager_Request extends RequestHandler {
 	
 	public function edit(SS_HTTPRequest $request)
 	{
-		$recordList = $request->requestVars(); 
+		$recordList = $this->getPOSTRecordList($request);
+		
+		$crumbs = $this->Breadcrumbs();
+		if($crumbs && $crumbs->count()>=2) $one_level_up = $crumbs->offsetGet($crumbs->count()-2);
+		
+		$actions = new FieldList();		
+		
+		$actions->push(
+			FormAction::create('SaveAll', 'Save All')
+				->setAttribute('id', 'bulkImageUploadUpdateBtn')
+				->addExtraClass('ss-ui-action-constructive cms-panel-link')
+				->setAttribute('data-icon', 'accept')
+				->setAttribute('data-url', $this->Link('update'))
+				->setUseButtonTag(true)
+		);
+		
+		if($crumbs && $crumbs->count()>=2)
+		{			
+			$actions->push(
+				FormAction::create('SaveAndFinish', 'Save All & Finish')
+					->setAttribute('id', 'bulkImageUploadUpdateFinishBtn')
+					->addExtraClass('ss-ui-action-constructive cms-panel-link')
+					->setAttribute('data-icon', 'accept')
+					->setAttribute('data-url', $this->Link('update'))
+					->setAttribute('data-return-url', $one_level_up->Link)
+					->setUseButtonTag(true)
+			);
+		}	
+		
+		$actions->push(
+			FormAction::create('Cancel', 'Cancel & Delete All')
+				->setAttribute('id', 'bulkImageUploadUpdateCancelBtn')
+				->addExtraClass('ss-ui-action-destructive cms-panel-link')
+				->setAttribute('data-icon', 'decline')
+				->setAttribute('data-url', $this->Link('cancel'))
+				->setUseButtonTag(true)
+		);
+		
+		/*
+		 * ********************************************************************
+		 */
+		
+		$editedRecordList = new FieldList();
+		$config = $this->component->getConfig();
+				
+		foreach ( $recordList as $id )
+		{						
+			$recordCMSDataFields = GridFieldBulkEditingHelper::getModelCMSDataFields( $config, $this->gridField->list->dataClass, $id );
+			$recordCMSDataFields = GridFieldBulkEditingHelper::getModelFilteredDataFields($config, $recordCMSDataFields);
+			
+			$recordCMSDataFields = GridFieldBulkEditingHelper::escapeFormFieldsName( $recordCMSDataFields, $id );
+			$editedRecordList->push(
+				ToggleCompositeField::create('GFBM_'.$id, '#'.$id,
+						array_values($recordCMSDataFields)
+					)->setHeadingLevel(4)
+			);
+		}
+		
+		/*
+		 * ********************************************************************
+		 */
+		
+		$form = new Form(
+			$this,
+			'bulkEditingForm',
+			$editedRecordList,
+			$actions
+		);
+		
+		$form->setTemplate('LeftAndMain_EditForm');
+		$form->addExtraClass('center cms-content');
+		$form->setAttribute('data-pjax-fragment', 'CurrentForm Content');
+		
+		if($crumbs && $crumbs->count()>=2){
+			$form->Backlink = $one_level_up->Link;
+		}
+		
+		$formHTML = $form->forTemplate();
+				
+		Requirements::javascript(BULK_EDIT_TOOLS_PATH . '/javascript/GridFieldBulkManager.js');	
+		Requirements::css(BULK_EDIT_TOOLS_PATH . '/css/GridFieldBulkManager.css');		
+		
+		$response = new SS_HTTPResponse($formHTML);
+		$response->addHeader('Content-Type', 'text/plain');
+		$response->addHeader('X-Title', 'SilverStripe - Bulk '.$this->gridField->list->dataClass.' Editing');
+		return $response;
 	}
 	
+	/**
+	 *
+	 * @param SS_HTTPRequest $request
+	 * @return \SS_HTTPResponse 
+	 */
 	public function unlink(SS_HTTPRequest $request)
 	{
 		$recordList = $this->getPOSTRecordList($request);
@@ -84,6 +174,11 @@ class GridFieldBulkManager_Request extends RequestHandler {
 		return $response;
 	}
 	
+	/**
+	 *
+	 * @param SS_HTTPRequest $request
+	 * @return \SS_HTTPResponse 
+	 */
 	public function delete(SS_HTTPRequest $request)
 	{
 		$recordList = $this->getPOSTRecordList($request);

javascript/GridFieldBulkManager.js

@@ -29,7 +29,20 @@
 			onunmatch: function(){				
 			},
 			onclick: function(e) {
-			} 
+			}/*,
+			onchange: function(){
+				var idList, id;
+				
+				idList = $('#doBulkActionButton').data('selection');
+				if ( !idList ) idList = '';
+				
+				id = $(this).attr('name').split('_')[1];
+				
+				if ( !$(this).prop('checked') ) idList.replace( '#' + id, '');
+				else idList = idList + '#' + id;
+				
+				$('#doBulkActionButton').data('selection', idList); 
+			}*/
 		});
 		
 		$('select#bulkActionName').entwine({
@@ -48,18 +61,22 @@
 						$(btn).removeClass('ss-ui-action-destructive');
 						$(btn).attr('data-icon', 'pencil');
 						$(icon).removeClass('btn-icon-decline btn-icon-pencil').addClass('btn-icon-pencil');
+						
+						$(btn).attr('href', $(btn).data('url')+'/edit');
 						break;
 						
 					case 'unlink':
 						$(btn).removeClass('ss-ui-action-destructive');
 						$(btn).attr('data-icon', 'chain--minus');
 						$(icon).removeClass('btn-icon-decline btn-icon-pencil').addClass('btn-icon-chain--minus');
+						$(btn).removeAttr('href');
 						break;
 						
 					case 'delete':
 						$(btn).addClass('ss-ui-action-destructive');
 						$(btn).attr('data-icon', 'decline');
 						$(icon).removeClass('btn-icon-decline btn-icon-pencil').addClass('btn-icon-decline');
+						$(btn).removeAttr('href');
 						break;
 				}
 				
@@ -72,25 +89,41 @@
 			},
 			onunmatch: function(){				
 			},
+			onmouseover: function(){
+				var action, ids = [];
+				action = $('select#bulkActionName').val();
+				if ( action == 'edit' )
+				{
+					$('.col-bulkSelect input:checked').each(function(){
+						ids.push( parseInt( $(this).attr('name').split('_')[1] ) );
+					});
+					if(ids.length > 0) $(this).attr('href', $(this).data('url')+'/'+action+'?records[]='+ids.join('&records[]=') );
+				}
+			},			
 			onclick: function(e) {
 				var action, url, data = {}, ids = [], cacheBuster;
 				action = $('select#bulkActionName').val();
-				url = $(this).data('url');
-				cacheBuster = new Date().getTime();
 				
-				$('.col-bulkSelect input:checked').each(function(){
-					ids.push( parseInt( $(this).attr('name').split('_')[1] ) );
-				});				
-				data.records = ids;
+				if ( action != 'edit' )
+				{				
+					url = $(this).data('url');
+					cacheBuster = new Date().getTime();
+
+					$('.col-bulkSelect input:checked').each(function(){
+						ids.push( parseInt( $(this).attr('name').split('_')[1] ) );
+					});				
+					data.records = ids;
+
+					$.ajax({
+						url: url + '/' + action + '?cacheBuster=' + cacheBuster,
+						data: data,
+						type: "POST",
+						context: $(this)
+					}).done(function() {
+						//@TODO refresh GridField
+					});
+				}
 				
-				$.ajax({
-					url: url + '/' + action + '?cacheBuster=' + cacheBuster,
-					data: data,
-					type: "POST",
-					context: $(this)
-				}).done(function() {
-					//@TODO refresh GridField
-				});
 			} 
 		});