text: import $ from '../jQuery';
  
  $.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();
  		},
  		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() {
  			this.toggleCheckboxes();
  
  			this._super();
  		},
  		onunmatch: function() {
  			this._super();
  		},
  		onclick: function(e) {
  			this.toggleCheckboxes();
  		},
  		toggleCheckboxes: function() {
  			var checkboxes = this.getCheckboxesExceptThisOne();
  			if($(this).is(':checked')) {
  				checkboxes.each(function() {
  					$(this).data('PermissionCheckboxSetField.oldChecked', $(this).is(':checked'));
  					$(this).data('PermissionCheckboxSetField.oldDisabled', $(this).is(':disabled'));
  					$(this).prop('disabled', 'disabled');
  					$(this).prop('checked', 'checked');
  				});
  			} else {
  				checkboxes.each(function() {
  					$(this).prop('checked', $(this).data('PermissionCheckboxSetField.oldChecked'));
  					$(this).prop('disabled', $(this).data('PermissionCheckboxSetField.oldDisabled'));
  				});
  			}
  		}
  	});
  
  });
  