From b14404922d9cec48fed21e9b2b4b91dcb77f9970 Mon Sep 17 00:00:00 2001
From: Sam Minnee <sam@silverstripe.com>
Date: Tue, 12 Jan 2010 23:50:39 +0000
Subject: [PATCH] ENHANCEMENT: Files and images section warns if you are
 deleting a file that is linked to

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.4@96778 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 javascript/AssetTableField.js         | 57 ++++++++++++++++++++++++++-
 templates/Includes/AssetTableField.ss |  3 +-
 2 files changed, 58 insertions(+), 2 deletions(-)

diff --git a/javascript/AssetTableField.js b/javascript/AssetTableField.js
index 50e82ab2..3040742b 100644
--- a/javascript/AssetTableField.js
+++ b/javascript/AssetTableField.js
@@ -18,6 +18,13 @@ AssetTableField.prototype = {
 				}
 			}
 		});
+		
+		var rules = {};
+		
+		// Assume that the delete link uses the deleteRecord method
+		rules['#'+this.id+' table.data a.deletelink'] = {onclick: this.deleteRecord.bind(this)};
+		
+		Behaviour.register('ComplexTableField_'+this.id,rules);
 	},
 	
 	// prevent submission of wrong form-button (FileFilterButton)
@@ -32,6 +39,54 @@ AssetTableField.prototype = {
 			Event.stop(event);
 			return false;
 		}
+	},
+	
+	
+	// Override deleteRecord function, so that we can give warning if there are
+	// links to this file. This  is mostly a copy paste from TableField.js
+	deleteRecord: function(e) {
+		var img = Event.element(e);
+		var link = Event.findElement(e,"a");
+		var row = Event.findElement(e,"tr");
+		
+		var linkCount = row.getElementsByClassName('linkCount')[0];
+		if(linkCount) linkCount = linkCount.innerHTML;
+		
+		var confirmMessage = ss.i18n._t('TABLEFIELD.DELETECONFIRMMESSAGE', 'Are you sure you want to delete this record?');
+		if(linkCount) confirmMessage += '\nThere are ' + linkCount + ' page(s) that use this file, please review the list of pages on the Links tab of the file before continuing.';
+		
+		// TODO ajaxErrorHandler and loading-image are dependent on cms, but formfield is in sapphire
+		var confirmed = confirm(confirmMessage);
+		if(confirmed)
+		{
+			img.setAttribute("src",'cms/images/network-save.gif'); // TODO doesn't work
+			new Ajax.Request(
+				link.getAttribute("href"),
+				{
+					method: 'post', 
+					postBody: 'forceajax=1' + ($('SecurityID') ? '&SecurityID=' + $('SecurityID').value : ''),
+					onComplete: function(){
+						Effect.Fade(
+							row,
+							{
+								afterFinish: function(obj) {
+									// remove row from DOM
+									obj.element.parentNode.removeChild(obj.element);
+									// recalculate summary if needed (assumes that TableListField.js is present)
+									// TODO Proper inheritance
+									if(this._summarise) this._summarise();
+									// custom callback
+									if(this.callback_deleteRecord) this.callback_deleteRecord(e);
+								}.bind(this)
+							}
+						);
+					}.bind(this),
+					onFailure: this.ajaxErrorHandler
+				}
+			);
+		}
+		
+		Event.stop(e);
 	}
 }
 
@@ -94,4 +149,4 @@ FileFilterButton.prototype = {
 
 		return false;	
 	}
-}
\ No newline at end of file
+}
diff --git a/templates/Includes/AssetTableField.ss b/templates/Includes/AssetTableField.ss
index 9b7fd7b2..036760ef 100755
--- a/templates/Includes/AssetTableField.ss
+++ b/templates/Includes/AssetTableField.ss
@@ -21,6 +21,7 @@
 					<tr id="record-$Parent.Name-$ID">
 						<td class="dragfile" id="drag-$Parent.Name-$ID">
 							<img id="drag-img-$Parent.Name-$ID" alt="Drag" title="<% _t('DRAGTOFOLDER','Drag to folder on left to move file') %>" src="sapphire/images/drag.gif" />
+							<span class="linkCount" style="display: none;">$BackLinkTrackingCount</span>
 						</div>
 						<% if Markable %><td class="markingcheckbox">$MarkingCheckbox</td><% end_if %>
 						<% control Fields %>
@@ -55,4 +56,4 @@
 			<% end_if %>
 		</tbody>
 	</table>
-</div>
\ No newline at end of file
+</div>