mirror of
https://github.com/silverstripe/silverstripe-reports
synced 2024-10-04 15:18:29 +02:00
117f1171e7
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@62287 467b73ca-7a2a-4603-9d3b-597d59a354a9
249 lines
7.2 KiB
JavaScript
249 lines
7.2 KiB
JavaScript
/**
|
|
* Javascript handlers for generic model admin.
|
|
*
|
|
* Most of the work being done here is intercepting clicks on form submits,
|
|
* and managing the loading and sequencing of data between the different panels of
|
|
* the CMS interface.
|
|
*
|
|
* @todo add live query to manage application of events to DOM refreshes
|
|
* @todo alias the $ function instead of literal jQuery
|
|
*/
|
|
jQuery(document).ready(function() {
|
|
/**
|
|
* Attach tabs plugin to the set of search filter and edit forms
|
|
*/
|
|
jQuery('ul.tabstrip').tabs();
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Search form
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
/**
|
|
* Stores a jQuery reference to the last submitted search form.
|
|
*/
|
|
__lastSearch = null;
|
|
|
|
/**
|
|
* Submits a search filter query and attaches event handlers
|
|
* to the response table
|
|
*
|
|
* @todo use livequery to manage ResultTable click handlers
|
|
*/
|
|
jQuery('#SearchForm_holder .tab form').submit(function(){
|
|
__lastSearch = jQuery(this);
|
|
|
|
form = jQuery(this);
|
|
data = formData(form);
|
|
jQuery.get(form.attr('action'), data, function(result){
|
|
jQuery('#right #ModelAdminPanel').html(result);
|
|
jQuery('#form_actions_right').remove();
|
|
Behaviour.apply();
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* Clear search button
|
|
*/
|
|
jQuery('#SearchForm_holder button[name=action_clearsearch]').click(function(e) {
|
|
jQuery(this.form).clearForm();
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* Column selection in search form
|
|
*/
|
|
jQuery('a.form_frontend_function.toggle_result_assembly').click(function(){
|
|
var toggleElement = jQuery(this).next();
|
|
toggleElement.toggle();
|
|
return false;
|
|
});
|
|
|
|
jQuery('a.form_frontend_function.tick_all_result_assembly').click(function(){
|
|
var resultAssembly = jQuery('div#ResultAssembly ul li input');
|
|
resultAssembly.attr('checked', 'checked');
|
|
return false;
|
|
});
|
|
|
|
jQuery('a.form_frontend_function.untick_all_result_assembly').click(function(){
|
|
var resultAssembly = jQuery('div#ResultAssembly ul li input');
|
|
resultAssembly.removeAttr('checked');
|
|
return false;
|
|
});
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Results list
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
/**
|
|
* Table record handler for search result record
|
|
*/
|
|
jQuery('#right #Form_ResultsForm tbody td a')
|
|
.livequery('click', function(){
|
|
var el = jQuery(this);
|
|
showRecord(el.attr('href'));
|
|
return false;
|
|
})
|
|
.hover(
|
|
function(){
|
|
jQuery(this).addClass('over').siblings().addClass('over')
|
|
},
|
|
function(){
|
|
jQuery(this).removeClass('over').siblings().removeClass('over')
|
|
}
|
|
);
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// RHS detail form
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
/**
|
|
* RHS panel Back button
|
|
*/
|
|
jQuery('#Form_EditForm_action_goBack').livequery('click', function() {
|
|
if(__lastSearch) __lastSearch.trigger('submit');
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* RHS panel Save button
|
|
*/
|
|
jQuery('#right #form_actions_right input[name=action_doSave]').livequery('click', function(){
|
|
var form = jQuery('#right form');
|
|
var formAction = form.attr('action') + '?' + jQuery(this).fieldSerialize();
|
|
|
|
// Post the data to save
|
|
jQuery.post(formAction, formData(form), function(result){
|
|
jQuery('#right #ModelAdminPanel').html(result);
|
|
|
|
statusMessage("Saved");
|
|
|
|
// TODO/SAM: It seems a bit of a hack to have to list all the little updaters here.
|
|
// Is livequery a solution?
|
|
Behaviour.apply(); // refreshes ComplexTableField
|
|
jQuery('#right ul.tabstrip').tabs();
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* RHS panel Delete button
|
|
*/
|
|
jQuery('#right #form_actions_right input[name=action_doDelete]').livequery('click', function(){
|
|
var confirmed = confirm("Do you really want to delete?");
|
|
if(!confirmed) return false;
|
|
|
|
var form = jQuery('#right form');
|
|
var formAction = form.attr('action') + '?' + jQuery(this).fieldSerialize();
|
|
|
|
// The POST actually handles the delete
|
|
jQuery.post(formAction, formData(form), function(result){
|
|
// On success, the panel is refreshed and a status message shown.
|
|
jQuery('#right #ModelAdminPanel').html(result);
|
|
|
|
statusMessage("Deleted");
|
|
|
|
// TODO/SAM: It seems a bit of a hack to have to list all the little updaters here.
|
|
// Is livequery a solution?
|
|
Behaviour.apply(); // refreshes ComplexTableField
|
|
jQuery('#right ul.tabstrip').tabs();
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Import/Add form
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
/**
|
|
* Add object button
|
|
*/
|
|
jQuery('#Form_ManagedModelsSelect').submit(function(){
|
|
className = jQuery('select option:selected', this).val();
|
|
requestPath = jQuery(this).attr('action').replace('ManagedModelsSelect', className + '/add');
|
|
showRecord(requestPath);
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* Toggle import specifications
|
|
*/
|
|
jQuery('#Form_ImportForm_holder .spec .details').hide();
|
|
jQuery('#Form_ImportForm_holder .spec a.detailsLink').click(function() {
|
|
jQuery('#' + jQuery(this).attr('href').replace(/.*#/,'')).toggle();
|
|
return false;
|
|
});
|
|
|
|
//////////////////////////////////////////////////////////////////
|
|
// Helper functions
|
|
//////////////////////////////////////////////////////////////////
|
|
|
|
/**
|
|
* GET a fragment of HTML to display in the right panel
|
|
* @todo Should this be turned into a method on the #Form_EditForm using effen or something?
|
|
*/
|
|
function showRecord(uri) {
|
|
jQuery('#right #ModelAdminPanel').load(uri, standardStatusHandler(function(result) {
|
|
jQuery('#SearchForm_holder').tabs();
|
|
Behaviour.apply(); // refreshes ComplexTableField
|
|
jQuery('#right ul.tabstrip').tabs();
|
|
}));
|
|
}
|
|
|
|
/**
|
|
* Returns a flattened array of data from each field of the given form.
|
|
* @todo Surely jQuery has a built-in version of this?
|
|
*/
|
|
function formData(scope) {
|
|
var data = {};
|
|
jQuery('*[name]', scope).each(function(){
|
|
var t = jQuery(this);
|
|
if(t.attr('type') != 'checkbox' || t.attr('checked') == true) {
|
|
data[t.attr('name')] = t.val();
|
|
}
|
|
});
|
|
return data;
|
|
}
|
|
|
|
/**
|
|
* Standard SilverStripe status handler for ajax responses
|
|
* It will generate a status message out of the response, and only call the callback for successful responses
|
|
*
|
|
* To use:
|
|
* Instead of passing your callback function as:
|
|
* function(response) { ... }
|
|
*
|
|
* Pass it as this:
|
|
* standardStatusHandler(function(response) { ... })
|
|
*/
|
|
function standardStatusHandler(callback) {
|
|
return function(response, status, xhr) {
|
|
if(status == 'success') {
|
|
statusMessage(xhr.statusText, "good");
|
|
callback(response, status, xhr);
|
|
} else {
|
|
statusMessage(xhr.statusText, "bad");
|
|
}
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
/**
|
|
* @todo Terrible HACK, but thats the cms UI...
|
|
*/
|
|
function fixHeight_left() {
|
|
fitToParent('LeftPane');
|
|
fitToParent('Search_holder',12);
|
|
fitToParent('ResultTable_holder',12);
|
|
}
|
|
|
|
function prepareAjaxActions(actions, formName, tabName) {
|
|
// @todo HACK Overwrites LeftAndMain.js version of this method to avoid double form actions
|
|
// (by new jQuery and legacy prototype)
|
|
return false;
|
|
} |