silverstripe-cms/javascript/NewsletterMemberList.js

/**
 * Auto-lookup on ajax fields
 */
AjaxMemberLookup = {
	initialise : function() {
		var div = document.createElement('div');
		div.id = this.id + '_ac';
		div.className = 'autocomplete';
		this.parentNode.appendChild(div);
		new Ajax.Autocompleter(this.id, div.id, 'admin/security/autocomplete/' + this.name, {
			afterUpdateElement : this.afterAutocomplete.bind(this)
		});
	},
	afterAutocomplete : function(field, selectedItem) {
		var data = selectedItem.getElementsByTagName('span')[1].innerHTML;
		var items = data.split(",");
		form = Element.ancestorOfType(field, 'form');
		
		form.elements.FirstName.value = items[0];
		form.elements.Surname.value = items[1];
		form.elements.Email.value = items[2];
		form.elements.Password.value = items[3];
		var fieldSet = field.parentNode.parentNode.getElementsByTagName('input');
		ajaxSubmitFieldSet('admin/newsletter/savemember', fieldSet);
	}		
}

/**
 * Member list behaviour
 */
 
Behaviour.register({
	'#MemberList tr' : {
		onmouseover : hover_over,
		onmouseout : hover_out,

		onclick : function() {
			if(this.className.indexOf('addrow') == -1) {
				Element.addClassName(this, 'loading');
				new Ajax.Request('admin/newsletter/getmember', {
					method : 'post', 
					postBody : 'ID=' + this.id.replace('member-','') + '&ajax=1',
					onSuccess : this.select_success.bind(this)
				});
				
			} else {
				$('Form_MemberForm').innerHTML = "<p>Choose a member from above.</p>";
			}
		},
		select_success : function(response) {
			Element.removeClassName(this, 'loading');
			$('Form_MemberForm').loadNewPage(response.responseText);
	
			statusMessage('loaded','good');
			// for (var n in tinyMCE.instances) tinyMCE.removeMCEControl(n);
		}
	},

	'#MemberList thead tr' : {
		onmouseover : null,
		onmouseout : null,
		onclick : null
	},
	
	'#MemberList' : {
		initialise : function() {
			this.headerMap = [];
			
			var i, item, headers = this.getElementsByTagName('thead')[0].getElementsByTagName('tr')[0].getElementsByTagName('td');
			for(i=0;item=headers[i];i++) {
				this.headerMap[i] = item.className;
			}
		},
		
		setRecordDetails : function(id, details, groupID) {
			var row = document.getElementById('member-' + id);
			if(row) {
				var i, item, cells = row.getElementsByTagName('td');
				for(i=0;item=cells[i];i++) {
					if(details[this.headerMap[i]]) {
						item.innerHTML = details[this.headerMap[i]];
					}
				}
			} else {
				this.createRecord(id, details, groupID);
			}
		},
		
		createRecord : function (id, details, groupId) {
			var row = document.createElement('tr');
			row.id = 'member-' + id;
			var i, cell, cellField;
			for(i=0;cellField=this.headerMap[i];i++) {
				cell = document.createElement('td')
				if(details[cellField]) {
					cell.innerHTML = details[cellField];
				}
				row.appendChild(cell);
			}
			
			// Add the delete icon
			if(typeof groupId == 'undefined')
				var groupId = $('Form_EditForm').elements.ID.value;
			cell = document.createElement('td')
			cell.innerHTML = '<a class="deletelink" href="admin/security/removememberfromgroup/' + groupId + '/' + id + '"><img src="cms/images/delete.gif" alt="delete" /></a>';
			cell.getElementsByTagName('0');
			row.appendChild(cell);
			
			var tbody = this.getElementsByTagName('tbody')[0];
			var addRow = document.getElementsByClassName('addrow',tbody)[0];
			if(addRow) tbody.insertBefore(row, addRow);
			else tbody.appendChild(row);
			Behaviour.apply(row, true);
		},
		
		clearAddForm : function() {
			var tbody = this.getElementsByTagName('tbody')[0];
			var addRow = document.getElementsByClassName('addrow',tbody)[0];
			if(addRow) {
				var i,field,fields = addRow.getElementsByTagName('input');
				for(i=0;field=fields[i];i++) {
					if(field.type != 'hidden' && field.type != 'submit') field.value = '';
				}
			}
		},
		
		removeMember : function(memberID) {
			var record;
			if(record = $('member-' + memberID)) {
				record.parentNode.removeChild(record);
			} 
		}
	},

	'#MemberList input' : AjaxMemberLookup,
	
	'#MemberList a.deletelink' : {
		onclick : function(event) {
			if(confirm("Do you want to remove this member from the group?")) {
				this.getElementsByTagName('img')[0].src = 'cms/images/network-save.gif';
				ajaxLink(this.href);
			}
			Event.stop(event);
			return false;
		}
	},
	
	'#MemberList tr.addrow' : {
		onmouseover : null,
		onmouseout : null,
		onclick : null
	},
	
	'#MemberList tr.addrow td.actions input' : {
		onclick : function(event) {
			data = this.parentNode.parentNode.getElementsByTagName('input');
			var i,item,error = [];
			for(i=0;item=data[i];i++) {
				if(item.name == 'Email' && !item.value) error[error.length] = "Email";
				if(item.name == 'Password' && !item.value) error[error.length] = "Password";
			}
			if(error.length > 0) {
				alert('Please enter a ' + error.join(' and a ') + ' to add a member.');
				
			} else {
				ajaxSubmitFieldSet('admin/newsletter/addmember', data);
			}
			
			return false;
		}
	}
});