silverstripe-framework/javascript/PermissionCheckboxSetField.js

(function($) {
	
	$.entwine('ss', function($){
		
		/**
		 * Automatically check and disable all checkboxes if ADMIN permissions are selected.
		 * As they're disabled, any changes won't be submitted (which is intended behaviour),
		 * checking all boxes is purely presentational.
		 */
		$('.permissioncheckboxset .valADMIN input').entwine({
			onmatch: function() {
				this._super();

				this.toggleCheckboxes();
			},
			onunmatch: function() {
				this._super();
			},
			onclick: function(e) {
				this.toggleCheckboxes();
			},
			toggleCheckboxes: function() {
				var checkboxes = $(this).parents('.field:eq(0)').find('.checkbox').not(this);

				if($(this).is(':checked')) {
					checkboxes.each(function() {
						$(this).data('SecurityAdmin.oldChecked', $(this).attr('checked'));
						$(this).data('SecurityAdmin.oldDisabled', $(this).attr('disabled'));
						$(this).attr('disabled', 'disabled');
						$(this).attr('checked', 'checked');
					});
				} else {
					checkboxes.each(function() {
						// only update attributes if previous values have been saved
						var oldChecked = $(this).data('SecurityAdmin.oldChecked');
						var oldDisabled = $(this).data('SecurityAdmin.oldDisabled');
						if(oldChecked !== null) $(this).attr('checked', oldChecked);
						if(oldDisabled !== null) $(this).attr('disabled', oldDisabled);
					});
				}
			}
		});
		
		/**
		 * Automatically check all "CMS section" checkboxes when "Access to all CMS interfaces" is ticked.
		 * 
		 * @todo This should really be abstracted into a declarative dependency system
		 * instead of custom logic.
		 */
		$('.permissioncheckboxset .valCMS_ACCESS_LeftAndMain input').entwine({
			getCheckboxesExceptThisOne: function() {
				return $(this).parents('.field:eq(0)').find('li').filter(function(i) {
					var klass = $(this).attr('class');
					return (klass ? klass.match(/CMS_ACCESS_/) : false);
				}).find('.checkbox').not(this);
			},
			onmatch: function() {
				var checkboxes = this.getCheckboxesExceptThisOne();
				if($(this).is(':checked')) {
					checkboxes.each(function() {
						$(this).attr('disabled', 'disabled');
						$(this).attr('checked', 'checked');
					});
				}
				
				this._super();
			},
			onunmatch: function() {
				this._super();
			},
			onclick: function(e) {
				var checkboxes = this.getCheckboxesExceptThisOne();
				if($(this).is(':checked')) {
					checkboxes.each(function() {
						$(this).attr('disabled', 'disabled');
						$(this).attr('checked', 'checked');
					});
				} else {
					checkboxes.each(function() {
						$(this).attr('checked', '');
						$(this).attr('disabled', '');
					});
				}
			}
		});
		
	});
}(jQuery));