silverstripe-cms/javascript/NewsletterAdmin_right.js

function action_send_right() {
	$('action_send_options').toggle();
}

CMSForm.applyTo('#Form_MemberForm','rightbottom');

Behaviour.register({
	'#Form_EditForm' : {
		initialise : function() {
            this.openTab = null;
			this.prepareForm();
		},
		
		/**
		 * Processing called whenever a page is loaded in the right - including the initial one
		 */
		prepareForm : function() {
			ajaxActionsAtTop('Form_EditForm', 'form_actions', 'right');
		},
		
		/**
		 * Request a page from the server via Ajax
		 */
		getPageFromServer : function(id, type, otherid,openTabName) {
			
            this.openTab = openTabName;
            
			if(id && parseInt(id) == id) {
				this.receivingID = id;
	
				// Treenode might not exist if that part of the tree is closed
				var treeNode = $('sitetree').getTreeNodeByIdx(id);
				if(treeNode) treeNode.addNodeClass('loading');
				statusMessage("loading...");
                
                var requestURL = 'admin/newsletter/showtype/' + id;
                
                if( otherid )
                    requestURL = 'admin/newsletter/shownewsletter/' + otherid;
		
				new Ajax.Request(requestURL, {
					asynchronous : true,
					method : 'post', 
					postBody : /*'ID=' +  id + 'type=' + type + */'ajax=1'+ (otherid?('&otherid='+otherid):''),
					onSuccess : this.successfullyReceivedPage.bind(this),
					onFailure : function(response) { 
						errorMessage('error loading page',response);
					}
				});
			} else {
				throw("getPageFromServer: Bad page ID: " + id);
			}
		},
		
		successfullyReceivedPage : function(response) {
			this.loadNewPage(response.responseText);
			
			// Treenode might not exist if that part of the tree is closed
			var treeNode = $('sitetree').getTreeNodeByIdx(this.receivingID);
			if(treeNode) {
				$('sitetree').changeCurrentTo(treeNode);
				treeNode.removeNodeClass('loading');
			}
			statusMessage('');
      
      onload_init_tabstrip();
            
      if( this.openTab ) {
          openTab( this.openTab );
          this.openTab = null;    
      }
		},
		
		didntReceivePage : function(response) {
			errorMessage('error loading page', response); 
			$('sitetree').getTreeNodeByIdx(this.elements.ID.value).removeNodeClass('loading');
		},
				
		/**
		 * Load a new page into the right-hand form
		 */
		loadNewPage : function(formContent) {
			rightHTML = formContent;
			rightHTML = rightHTML.replace(/href *= *"#/g, 'href="' + window.location.href.replace(/#.*$/,'') + '#');

			// Prepare iframes for removal, otherwise we get loading bugs
			var i, allIframes = this.getElementsByTagName('iframe');
			if(allIframes) for(i=0;i<allIframes.length;i++) {
				allIframes[i].contentWindow.location.href = 'about:blank';
				allIframes[i].parentNode.removeChild(allIframes[i]);
			}
			
			this.innerHTML = rightHTML;
			
			allIframes = this.getElementsByTagName('iframe');
			if(allIframes) for(i=0;i<allIframes.length;i++) {
				try {
					allIframes[i].contentWindow.location.href = allIframes[i].src;
				} catch(er) {alert(er.message);}
			}
			
			_TAB_DIVS_ON_PAGE = [];

			try {
				var tabs = document.getElementsBySelector('#Form_EditForm ul.tabstrip');
			} catch(er) {/* alert('a: '+ er.message + '\n' + er.line);*/ }
			try {
				for(var i=0;i<tabs.length;i++) if(tabs[i].tagName) initTabstrip(tabs[i]);
			} catch(er) { /*alert('b: '+ er.message + '\n' + er.line); */}

			if((typeof tinyMCE != 'undefined') && tinyMCE.instances) {
				tinyMCE.instances = [];
				tinyMCE.isLoaded = false;
				tinyMCE.onLoad();
			}
			
			onload_init_tabstrip();

			// if(this.prepareForm) this.prepareForm();
			Behaviour.apply($('Form_EditForm'));
			if(this.prepareForm) 
				this.prepareForm();
				
			this.resetElements();
				
			window.ontabschanged();
			
		},
		
		/**
		 * Save the contens of the form, by submitting it and resetting is changed checker
		 * on success.
		 */
		save: function(ifChanged, callAfter) {
			
			_AJAX_LOADING = true;
			if(typeof tinyMCE != 'undefined') tinyMCE.triggerSave();
	
			var __callAfter = callAfter;
			var __form = this;
			
			if(__form.notify) __form.notify('BeforeSave', __form.elements.ID.value);
			
			var success = function(response) {
			
				Ajax.Evaluator(response);
				__form.resetElements();

				if(__callAfter) __callAfter();
				if(__form.notify) __form.notify('PageSaved', __form.elements.ID.value);
				_AJAX_LOADING = false;
			}
			
			var action = 'action_save';
			
			if( $('Form_NewsletterEditForm_Type') && $('Form_NewsletterEditForm_Type').value == 'Newsletter' )
				action += 'newsletter';
			
			if(ifChanged) {
				var data = this.serializeChangedFields('ID') + '&ajax=1&' + action + '=1';
			} else {
				var data = this.serializeAllFields() + '&ajax=1&' + action + '=1';
			}
			
			// alert(this.action + '\n\n' + data);
			
			new Ajax.Request(this.action, {
				method : this.method,
				postBody: data,
				onSuccess : success,
				onFailure : function(response) {
					alert(response.responseText);
					errorMessage('Error saving content', response);
					_AJAX_LOADING = false;
				}
			});
		}
	}
});

Behaviour.register({
	'#action_send_options' : {
		/**
		 * Open the form
		 */
		open : function() {
			this.elements.NewsletterID.value = $('Form_EditForm').elements.ID.value;
			
			var allInputs = this.getElementsByTagName('input');
			this.submitButton = allInputs[allInputs.length-1];
			this.submitButton.onclick = this.send.bind(this);
			this.style.display = '';
		},
		close : function() {
			this.style.display = 'none';
		},
		toggle : function() {
			if(this.style.display == '') this.close();
			else this.open();
		},
		
		send_test: function() {
			// Show a "submitting..." box
			if(!this.sendingText) {
				this.sendingText = document.createElement('div');
				this.sendingText.innerHTML = 'Sending newsletter...';
				this.sendingText.className = 'sendingText';
				Element.setOpacity(this.sendingText, 0.9);
				this.appendChild(this.sendingText);
			}
			this.sendingText.style.display = '';
			
			var form = $('Form_EditForm');
			
			if( form.isChanged() )
				form.save();
			
			// Send the request
			ajaxSubmitForm(false, this.onCompleteTest.bind(this), this, '', 'sendnewsletter')
			
			return false;
		},
		
		send: function() {
			if( $('SendTypeList').checked )
				return this.send_to_list();
			else
				return this.send_test();
		},
		
		/**
		 * Submit the option form and carry out the action
		 */
		send_to_list : function() {
			// Show a "submitting..." box
			/*if(!this.sendingText) {
				this.sendingText = document.createElement('div');
				this.sendingText.innerHTML = 'Sending newsletter...';
				this.sendingText.className = 'sendingText';
				Element.setOpacity(this.sendingText, 0.9);
				this.appendChild(this.sendingText);
			}
			this.sendingText.style.display = '';*/
			
			var form = $('Form_EditForm');
			
			if( form.isChanged() )
				form.save();
				
			
			if( $('SendProgressBar') )
				$('SendProgressBar').start();
			
			// Send the request
			Ajax.SubmitForm( $('Form_EditForm'), 'action_sendnewsletter', {
				extraData: '&SendType=List',
				onSuccess: this.incrementProcess.bind(this),
				onFailure: function(response) {
					statusMessage(response.responseText);
				}
			});
			/*var form = $('Form_EditForm');
			var data = form.serializeChangedFields('ID','type') + '&ajax=1&action_savenewsletter=1&SendType=List';
			
			new Ajax.Request(form.action, {
				method : form.method,
				postBody: data,
				onSuccess : this.incrementProcess.bind(this),
				onFailure : function(response) {
					errorMessage('Error sending to mailing list', response);
				}
			});*/
			
			return false;
		},
		
		incrementProcess: function( response ) {
			var processParts = response.responseText.match( /(\d+):(\d+)\/(\d+)/ );
			
			if( !processParts || parseInt( processParts[2] ) >= parseInt( processParts[3] ) ) {
				this.onComplete( response );
				return;
			}
			
			
			// update the progress bar
			$('SendProgressBar').setProgress( ( parseInt( processParts[2] ) / parseInt( processParts[3] ) ) * 100 ); 
			var estimate = $('SendProgressBar').estimateTime();
			$('SendProgressBar').setText( 'Sent ' + processParts[2] + ' of ' + processParts[3] + '. ' + estimate + ' remaining...' );
			
			// set the action to the batch process controller
			var updateRequest = baseHref() + 'processes/next/' + processParts[1] + '/10?ajax=1';
			
			var request = new Ajax.Request( updateRequest, {
				onSuccess: this.incrementProcess.bind(this),
				onFailure: function( response ) {
					errorMessage( response.responseText );
				}
			});
		},
		
		/**
		 * Process the action's Ajax response
		 */
		onComplete: function( response ) {
			// $('SendProgressBar').setProgress( 100 ); 
			// $('SendProgressBar').setText( 'Done!' );
			$('SendProgressBar').reset();
			// this.elements.Message.value = '';
        this.close();
      if( response ) 
        Ajax.Evaluator(response);
		},
		
		onCompleteTest: function( response ) {
			// this.sendingText.innerHTML = '';
			if( this.sendingText.parentNode == this )
				this.removeChild( this.sendingText );
      this.close();
      if( response ) 
        Ajax.Evaluator(response);
		}
	}
});


function save(ifChanged, callAfter, confirmation) {
	tinyMCE.triggerSave(true);
	
	var form = $('Form_EditForm');
	
	var alreadySaved = false;

	if(ifChanged) {
		if(form.elements.length < 2) alreadySaved = true;
		else alreadySaved = !form.isChanged();
	}
	
	if(alreadySaved && ifChanged) { // pressing save always saves
		if(!ifChanged && !confirmation) {
			statusMessage("There's nothing to save");
		}
		
		if(callAfter) callAfter();
	
	} else {
		var options = {
			save: (function() {
				statusMessage('saving...', '', true);
		
				var success = function(response) {
					Ajax.Evaluator(response);
					if(this.callAfter) this.callAfter();
				}
				if(callAfter) success = success.bind(this);
		
				if( $('Form_EditForm_Type').value == 'Newsletter' )
					var data = form.serializeChangedFields('ID','type') + '&ajax=1&action_savenewsletter=1';
				else
					var data = form.serializeChangedFields('ID','type') + '&ajax=1&action_save=1';	
		
				new Ajax.Request(form.action, {
					method : form.method,
					postBody: data,
					onSuccess : success,
					onFailure : function(response) {
						errorMessage('Error saving content', response);
					}
				});
			}).bind({callAfter : callAfter}),
				
			discard: callAfter,
			cancel: function() {
			}
		}
		
		if(confirmation) doYouWantToSave(options);
		else options.save();
	}
	
	return false;
}

Behaviour.register({
	/**
	 * When the iframe has loaded, apply the listeners
	 */
	'div#ImportFile' : {
		frameLoaded: function( doc ) {
			this.showTable = true;
			var fileField = doc.getElementsByTagName('input')[0];
			var idField = doc.getElementsByTagName('input')[1];
			
			idField.value = $('Form_EditForm_ID').value;

			fileField.onchange = this.selectedFile.bind(this);
		},
		loadTable: function( doc ) {
			this.innerHTML = doc.getElementsByTagName('body')[0].innerHTML;
		}
	}
});

NewsletterList = Class.create();
NewsletterList.applyTo('table.NewsletterList');
NewsletterList.prototype = {
    initialize: function() {
        this.tableBody = this.getElementsByTagName('tbody')[0];
        this.deleteLinks = this.getElementsByTagName('a');
        
        for( var i = 0; i < this.deleteLinks.length; i++ ) {
            this.deleteLinks[i].onclick = this.deleteNewsletter.bindAsEventListener(this);
        }
    },
    
    deleteNewsletter: function( event ) {
        var link = event.target;
              
        if( event.srcElement )
            link = event.srcElement;
        
        var rowNode = link.parentNode.parentNode;
        
        new Ajax.Request( link.href, {
            onSuccess: this.removeRow,
            onFailure: function( response ) {
                alert('The newsletter could not be deleted');    
            }
        });
    },
    
    removeRow: function( response ) {
        this.tableBody.removeChild( $(response.responseText) );
    }
}

/**
 * Add page action
 * @todo Remove duplication between this and the CMSMain Add page action
 */
Behaviour.register( {
	'#Form_EditForm_action_save': {
		onclick : function() {
			$('Form_EditForm').save();
			return false;
		}
	}
});

/**
 * Handle auto-saving.  Detects if changes have been made, and if so save everything on the page.
 * If confirmation is true it will ask for confirmation.
 */
function autoSave(confirmation, callAfter) {
	if(typeof tinyMCE != 'undefined') tinyMCE.triggerSave();

	var __forms = []
	if($('Form_EditForm')) __forms.push($('Form_EditForm'));
	if($('Form_SubForm')) __forms.push($('Form_SubForm'));
	if($('Form_MemberForm')) __forms.push($('Form_MemberForm'));

	var __somethingHasChanged = false;
	var __callAfter = callAfter;
	
	__forms.each(function(form) {
		if(form.isChanged && form.isChanged()) {
			__somethingHasChanged = true;
		}
	});
	
	if(__somethingHasChanged) {
		var options = {
			save: function() {
				statusMessage('saving...', '', true);
				var i;
				for(i=0;i<__forms.length;i++) {
					if(__forms[i].isChanged && __forms[i].isChanged()) {
						if(i == 0) __forms[i].save(true, __callAfter);
						else __forms[i].save(true);
					}
				}
			},
			discard: function() {
				__forms.each(function(form) { form.resetElements(false); });
				if(__callAfter) __callAfter();
			},
			cancel: function() {
			}
		}
		
		if(confirmation) doYouWantToSave(options);
		else options.save();

	} else {
		if(__callAfter) __callAfter();
	}
}

function reloadRecipientsList() {
	
	var id = $('Form_EditForm_ID').value;
	
	var request = new Ajax.Request( 'admin/newsletter/getrecipientslist/' + id + '?ajax=1', {
		onSuccess: function( response ) {
			$('MemberList').outerHTML = response.responseText;
			Behaviour.apply( $('MemberList') );
		},
		onFailure: function(response) {
			statusMessage('Could not automatically refresh recipients list', 'bad');
		}
	});	
}

/*RecipientImportField = Class.create();
RecipientImportField.applyTo('iframe.RecipientImportField');
RecipientImportField.prototype = {
	initialize: function() {
		this.src = document.getElementsByTagName('base')[0].href + this.src;	
	}	
}*/

/**
 * We don't want hitting the enter key in the subject field
 * to submit the form.
 */
 Behaviour.register({
 	'#Form_EditForm_Subject' : {
 		onkeypress : function(event) {
 			event = (event) ? event : window.event;
 			var kc = event.keyCode ? event.keyCode : event.charCode;
 			if(kc == 13) {
 				return false;
 			}
 		}
 	}
 });