silverstripe-cms/javascript/ModelAdmin.js

/**
 * Javascript handlers for generic model admin.
 * 
 * Most of the work being done here is intercepting clicks on form submits,
 * and managing the loading and sequencing of data between the different panels of
 * the CMS interface.
 * 
 * @todo add live query to manage application of events to DOM refreshes
 * @todo alias the $ function instead of literal jQuery
 */
(function($) {
	$.concrete('ss', function($){

		////////////////////////////////////////////////////////////////// 
		// Search form 
		////////////////////////////////////////////////////////////////// 
	
		/**
		 * If a dropdown is used to choose between the classes, it is handled by this code
		 */
		$('#ModelClassSelector select').concrete({
			onmatch: function() {
				// Initialise the form by calling this onchange event straight away
				this.change();
				
				this._super();
			},
			
			/**
			 * Set up an onchange function to show the applicable form and hide all others
			 */
			onchange: function(e) {
				this.find('option').each(function() {
					var $form = $('#'+this.val());
					if(this.val() == this.val()) $form.show();
					else $form.hide();
				});
			}
		});
		/**
		 * Submits a search filter query and attaches event handlers
		 * to the response table, excluding the import form because 
		 * file ($_FILES) submission doesn't work using AJAX 
		 * 
		 * Note: This is used for Form_CreateForm and all Form_SearchForm_* variations
		 */
		$('#SearchForm_holder form').concrete({
			onsubmit: function(e) {
				// Import forms are processed without ajax
				if(this.is('#Form_ImportForm')) return true;
			
				this.trigger('beforeSubmit');

				var btn = $(this[0].clickedButton);
				btn.addClass('loading');

				$('#Form_EditForm').loadForm(
					this.attr('action'),
					function() {
						btn.removeClass('loading');
					},
					{data: this.serialize()}
				);

				return false;
			}
		});

		/**
		 * Column selection in search form
		  */
		$('a.form_frontend_function.toggle_result_assembly').concrete({
			onclick: function(e) {
				var toggleElement = $(this).next();
				toggleElement.toggle();
				return false;
			}
		});
	
		$('a.form_frontend_function.tick_all_result_assembly').concrete({
			onclick: function(e) {
				var resultAssembly = $(this).prevAll('div#ResultAssembly').find('ul li input');
				resultAssembly.attr('checked', 'checked');
				return false;
			}
		});
	
		$('a.form_frontend_function.untick_all_result_assembly').concrete({
			onclick: function(e) {
				var resultAssembly = $(this).prevAll('div#ResultAssembly').find('ul li input');
				resultAssembly.removeAttr('checked');
				return false;
			}
		});

		/**
		 * Table record handler for search result record
		 */
		$('.resultsTable tbody td').concrete({
			onclick: function(e) {
				var firstLink = this.find('a[href]');
				if(!firstLink) return;
				$('#Form_EditForm').loadForm(firstLink.attr('href'));
				return false;
			}
		});

		/**
		 * Add object button
		 */
		$('#Form_ManagedModelsSelect').concrete({
			onsubmit: function(e) {
				className = $('select option:selected', this).val();
				requestPath = this.attr('action').replace('ManagedModelsSelect', className + '/add');
				var $button = $(':submit', this);
				$('#Form_EditForm').loadForm(
					requestPath,
					function() {
						$button.removeClass('loading');
						$button = null;
					}
				);
				
				return false;
			}
		});
	
		/**
		 * RHS panel Delete button
		 */
		$('#Form_EditForm input[name=action_doDelete]').concrete({
			onclick: function(e) {
				if(!confirm(ss.i18n._t('ModelAdmin.REALLYDELETE', 'Really delete?'))) {
					this.removeClass('loading');
					return false;
				}
			}
		});
	
		/**
		 * Toggle import specifications
		 */
		$('.importSpec').concrete({
			onmatch: function() {
				this.hide();
				this.find('a.detailsLink').click(function() {
					$('#' + $(this).attr('href').replace(/.*#/,'')).toggle();
					return false;
				});
				
				this._super();
			}
		});
		
	});
})(jQuery);