mirror of
https://github.com/silverstripe/silverstripe-cms
synced 2024-10-22 08:05:56 +02:00
abb9a61d0d
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@39000 467b73ca-7a2a-4603-9d3b-597d59a354a9
537 lines
14 KiB
JavaScript
Executable File
537 lines
14 KiB
JavaScript
Executable File
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;
|
|
}
|
|
}
|
|
}
|
|
});
|