htmlmailinglist.js

一个页面界面的邮件程序

/*
 * GContact / PAUL Grégory
 *
 * In this file are functions relative to mailing-lists to update the view (html)
 */

/*
 * Get the form to create a new mailing-list
 */
function getNewMailingListForm() {
	var content = document.getElementById("content");
	content.innerHTML = '<form name="fomML" id="formML" method="post" action="#">' + 
			'<fieldset><legend>'+ lbl_mailing_list_create +'</legend>' +
			'<label for="mailingListName">'+ lbl_mailing_list_name +'&nbsp;:&nbsp;</label><input type="text" name="mailingListName" id="mailingListName" value="" maxlength="32" />&nbsp;*<br/>' +
			'<input type="button" class="marginButtons" name="create" value="'+ action_create +'" onclick="return createMailingList();"/>' +
			'</fieldset></form>' +
			msgRequired;
	return true;
}

/*
 * Get the form to modify a mailing-list
 * @param XML result like this one :
 * 	<response>
 *		<mailinglist id="21" name="Friends" nbEmail="" canBeDeleted="true">
 *			<emails>
 * 				<email id="636" value="[e-mail]"/> ...
 *			</emails>
 *		</mailinglist>
 *		<emailsForMailingList>
 *			<MLGroup name="Friends">
 *				<MLPerson firstname="Smith" lastname="John">
 *					<MLEmail value="[e-mail]" id="820"/> ...
 */
function getModifyMailingListForm(resultXML) {
	var content = document.getElementById("content");
	if (resultXML) {
		content.innerHTML = "";

		var mailinglist = resultXML.getElementsByTagName("mailinglist")[0],
			to = mailinglist.getAttribute("dest");
			checkedEmails = null,
			arrayCheckedEmails = Array(),
			MLGroups = resultXML.getElementsByTagName("MLGroup"),
			mainZone = "<div class='multiColumn'>";

		// Fill an array with checked emails
		if (mailinglist.childNodes.length == 1) {
			checkedEmails = mailinglist.childNodes[0].childNodes;
			for(var i = 0; i < checkedEmails.length; i++) {
				arrayCheckedEmails[i] = checkedEmails[i].getAttribute("id");
			}
		}

		// Groups loop
		for (var i = 0; i < MLGroups.length; i++) {
			mainZone += '<h2>'+ MLGroups[i].getAttribute("name") +'</h2><ul>';
			// Persons loop
			var MLPersons = MLGroups[i].childNodes;
			for(var j = 0; j < MLPersons.length; j++) {
				mainZone += '<li>'+ MLPersons[j].getAttribute("firstname") + ' ' + MLPersons[j].getAttribute("lastname") + '<br/>';
				// Emails loop
				var MLEmails = MLPersons[j].childNodes;
				for(var h = 0; h < MLEmails.length; h++) {
					var id 		= MLEmails[h].getAttribute('id'),
						email 	= MLEmails[h].getAttribute('value'),
						checked = '';
					
					// Emails checked ?
					for (var a = 0; a < arrayCheckedEmails.length; a++) {
						if (arrayCheckedEmails[a] == id) {
							checked = ' checked ';
							break;
						}
					}
					mainZone += '<label class="labelCheckBox" for="email'+id+'">'+ email + '</label><input type="checkbox" id="email'+id+'" name="email'+id+'" value="'+id+'" '+ checked +'/><br/>';
				}
				mainZone += '</li>';
			}
			mainZone += '</ul>';
		}
		mainZone += "</div>";

		content.innerHTML = '<form name="fomML" id="formML" method="post" action="#">' + 
			'<fieldset><legend>'+ lbl_mailing_list_update +'</legend>' +
			'<label for="mailingListName">'+ lbl_mailing_list_name +':&nbsp;</label><input type="text" name="mailingListName" id="mailingListName" value="'+ mailinglist.getAttribute("name") +'" maxlength="32" />&nbsp;*<br/><br/>' +
			'<label for="mailingListTo">'+ lbl_mailing_list_dest_are +'</label>&nbsp;' + 
				'<input type="radio" name="mailingListTo" id="mailingListTo" value="to" '+ ((to == 'to') ? ' checked ' : '') +'/>'+ lbl_mailing_list_dest_to +'</input>' +
				'<input type="radio" name="mailingListTo" id="mailingListCC" value="cc" '+ ((to == 'cc') ? ' checked ' : '') +'/>'+ lbl_mailing_list_dest_cc +'</input>' +
				'<input type="radio" name="mailingListTo" id="mailingListBCC" value="bcc" '+ ((to == 'bcc') ? ' checked ' : '') +'/>'+ lbl_mailing_list_dest_bcc +'</input><br/>' +
			'<input type="hidden" name="mailingListId" id="mailingListId" value="'+ mailinglist.getAttribute("id") +'"/>' +
			'<hr/>' + mainZone + '<hr/>' +
			'<input type="button" class="marginButtons" name="update" value="'+ action_update +'" onclick="return modifyMailingList();"/>' +
			'</fieldset></form>' +
			msgRequired;
			
		// On met à jour la liste des mailing-lists
		if (resultXML.documentElement.getAttribute("modifiedMailingList") != null || resultXML.documentElement.getAttribute("createdMailingList") != null) {
			getMailingLists();
		}					
	} else
		content.innerHTML = problemXmlResult;
	return true;
}


/*
 * Update the mailing-lists zone (called after a mailing-list has been created)
 * @param mailing-lists, formated in XML
 */
function updateMailingLists(resultXML) {
	var listeMailingList = document.getElementById("listeMailingList");

	if (resultXML) {
		listeMailingList.innerHTML = "";
		
		var mailingLists = resultXML.getElementsByTagName("mailinglist");
		for (var i = 0; i < mailingLists.length; i++) {
			var id = mailingLists[i].getAttribute("id");
			var name = mailingLists[i].getAttribute("name");			
			var nbEmail = mailingLists[i].getAttribute("nbEmail");			
			listeMailingList.innerHTML += '<li><a href="#" onclick="return getMailingListToShow('+ id +');">'+ name +'</a>&nbsp;('+ nbEmail +')</li>';
		}
		listeMailingList.innerHTML = '<ul>' + listeMailingList.innerHTML + '</ul>';

	} else
		listeMailingList.innerHTML = problemXmlResult;
	return true;
}

/*
 * Update the mailing-lists zone (called after a mailing-list has been deleted)
 * @param mailing-lists, formated in XML
 */
function updateMailingListDeleted(resultXML) {
	var content = document.getElementById("content");
	getMailingLists();
	content.innerHTML = "";
	return true;
}

/*
 * Show a mailing-list
 * @param XML result like this one :
 *	<response>
 *		<mailinglist id="61" name="test" nbEmail="" canBeDeleted="true"/>...
 *			<emails>
 * 				<email id="636" value="[e-mail]"/> ...
 *			</emails>
 */
function showMailingList(resultXML) {
	var content = document.getElementById("content");
	if (resultXML) {
		content.innerHTML = "";

		var mainZone = '', 
			mailinglist = resultXML.getElementsByTagName("mailinglist")[0],
			emailslist = '',
			mailto = '',
			mailtoList = '',
			emailSep = mailinglist.getAttribute('dest');

		// Fill an array with checked emails
		if (mailinglist.childNodes.length == 1) {
			var emails = mailinglist.childNodes[0].childNodes;
			emailslist += '<ul class="multiColumn">';
			mailto += mailinglist.getAttribute('firstEmail') + '?';
			for(var i = 0; i < emails.length; i++) {
				emailslist += '<li>' + emails[i].getAttribute("value") + '</li>';
				if (i) {
					mailto += '&';
					mailtoList += ','
				}
				mailto += emailSep +'='+ emails[i].getAttribute("value");
				mailtoList += emails[i].getAttribute("value");
			}
			emailslist += '</ul>';
		}
		
		mainZone += '<div>' +
					'<h2>Mailing-list '+ mailinglist.getAttribute('name') + '</h2>';

		if (emails.length > 0) {
			mainZone += '<p>'+ lbl_mailing_list_send_email +' <a href="mailto:'+ mailto +'">'+ lbl_mailing_list_email +'</a> '+ lbl_mailing_list_send_end +'</p>' +
						'<p>'+ lbl_mailing_list_list +' : <textarea style="width: 100%">' + mailtoList + '</textarea></p>' +
						'<h2>'+ lbl_mailing_list_emails +'</h2>' + emailslist;
		}
		else {
			mainZone += lbl_mailing_list_empty;
		}					

		mainZone += 	'<h2>'+ lbl_mailing_list_update +'</h2>' +
					'<a href="#" onclick="return getMailingListToModify('+ mailinglist.getAttribute('id') +')";>'+ lbl_mailing_list_update +'</a>' +
					'</div>';

		mainZone += 	'<h2>'+ lbl_mailing_list_delete +'</h2>' +
					'<a href="#" onclick="return deleteMailingList('+ mailinglist.getAttribute('id') +')";>'+ lbl_mailing_list_delete +'</a>' +
					'</div>';

		content.innerHTML = mainZone;
		
		// On met à jour la liste des mailing-lists
		if (resultXML.documentElement.getAttribute("modifiedMailingList") != null || resultXML.documentElement.getAttribute("createdMailingList") != null) {
			getMailingLists();
		}
		
	} else
		content.innerHTML = problemXmlResult;
	return true;

}