first import
This commit is contained in:
Bachir Soussi Chiadmi
235
sites/all/modules/views/js/ajax.js
Normal file
235
sites/all/modules/views/js/ajax.js
Normal file
@@ -0,0 +1,235 @@
|
||||
/**
|
||||
* @file
|
||||
* Handles AJAX submission and response in Views UI.
|
||||
*/
|
||||
(function ($) {
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsSetForm = function (ajax, response, status) {
|
||||
var ajax_title = Drupal.settings.views.ajax.title;
|
||||
var ajax_body = Drupal.settings.views.ajax.id;
|
||||
var ajax_popup = Drupal.settings.views.ajax.popup;
|
||||
$(ajax_title).html(response.title);
|
||||
$(ajax_body).html(response.output);
|
||||
$(ajax_popup).dialog('open');
|
||||
Drupal.attachBehaviors($(ajax_popup), ajax.settings);
|
||||
if (response.url) {
|
||||
// Identify the button that was clicked so that .ajaxSubmit() can use it.
|
||||
// We need to do this for both .click() and .mousedown() since JavaScript
|
||||
// code might trigger either behavior.
|
||||
var $submit_buttons = $('input[type=submit], button', ajax_body);
|
||||
$submit_buttons.click(function(event) {
|
||||
this.form.clk = this;
|
||||
});
|
||||
$submit_buttons.mousedown(function(event) {
|
||||
this.form.clk = this;
|
||||
});
|
||||
|
||||
$('form', ajax_body).once('views-ajax-submit-processed').each(function() {
|
||||
var element_settings = { 'url': response.url, 'event': 'submit', 'progress': { 'type': 'throbber' } };
|
||||
var $form = $(this);
|
||||
var id = $form.attr('id');
|
||||
Drupal.ajax[id] = new Drupal.ajax(id, this, element_settings);
|
||||
Drupal.ajax[id].form = $form;
|
||||
});
|
||||
}
|
||||
Drupal.viewsUi.resizeModal();
|
||||
};
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsDismissForm = function (ajax, response, status) {
|
||||
Drupal.ajax.prototype.commands.viewsSetForm({}, {'title': '', 'output': Drupal.settings.views.ajax.defaultForm});
|
||||
$(Drupal.settings.views.ajax.popup).dialog('close');
|
||||
}
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsHilite = function (ajax, response, status) {
|
||||
$('.hilited').removeClass('hilited');
|
||||
$(response.selector).addClass('hilited');
|
||||
};
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsAddTab = function (ajax, response, status) {
|
||||
var id = '#views-tab-' + response.id;
|
||||
$('#views-tabset').viewsAddTab(id, response.title, 0);
|
||||
$(id).html(response.body).addClass('views-tab');
|
||||
|
||||
// Update the preview widget to preview the new tab.
|
||||
var display_id = id.replace('#views-tab-', '');
|
||||
$("#preview-display-id").append('<option selected="selected" value="' + display_id + '">' + response.title + '</option>');
|
||||
|
||||
Drupal.attachBehaviors(id);
|
||||
var instance = $.viewsUi.tabs.instances[$('#views-tabset').get(0).UI_TABS_UUID];
|
||||
$('#views-tabset').viewsClickTab(instance.$tabs.length);
|
||||
};
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsShowButtons = function (ajax, response, status) {
|
||||
$('div.views-edit-view div.form-actions').removeClass('js-hide');
|
||||
$('div.views-edit-view div.view-changed.messages').removeClass('js-hide');
|
||||
};
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsTriggerPreview = function (ajax, response, status) {
|
||||
if ($('input#edit-displays-live-preview').is(':checked')) {
|
||||
$('#preview-submit').trigger('click');
|
||||
}
|
||||
};
|
||||
|
||||
Drupal.ajax.prototype.commands.viewsReplaceTitle = function (ajax, response, status) {
|
||||
// In case we're in the overlay, get a reference to the underlying window.
|
||||
var doc = parent.document;
|
||||
// For the <title> element, make a best-effort attempt to replace the page
|
||||
// title and leave the site name alone. If the theme doesn't use the site
|
||||
// name in the <title> element, this will fail.
|
||||
var oldTitle = doc.title;
|
||||
// Escape the site name, in case it has special characters in it, so we can
|
||||
// use it in our regex.
|
||||
var escapedSiteName = response.siteName.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
var re = new RegExp('.+ (.) ' + escapedSiteName);
|
||||
doc.title = oldTitle.replace(re, response.title + ' $1 ' + response.siteName);
|
||||
|
||||
$('h1.page-title').text(response.title);
|
||||
$('h1#overlay-title').text(response.title);
|
||||
};
|
||||
|
||||
/**
|
||||
* Get rid of irritating tabledrag messages
|
||||
*/
|
||||
Drupal.theme.tableDragChangedWarning = function () {
|
||||
return [];
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger preview when the "live preview" checkbox is checked.
|
||||
*/
|
||||
Drupal.behaviors.livePreview = {
|
||||
attach: function (context) {
|
||||
$('input#edit-displays-live-preview', context).once('views-ajax-processed').click(function() {
|
||||
if ($(this).is(':checked')) {
|
||||
$('#preview-submit').click();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Sync preview display.
|
||||
*/
|
||||
Drupal.behaviors.syncPreviewDisplay = {
|
||||
attach: function (context) {
|
||||
$("#views-tabset a").once('views-ajax-processed').click(function() {
|
||||
var href = $(this).attr('href');
|
||||
// Cut of #views-tabset.
|
||||
var display_id = href.substr(11);
|
||||
// Set the form element.
|
||||
$("#views-live-preview #preview-display-id").val(display_id);
|
||||
}).addClass('views-ajax-processed');
|
||||
}
|
||||
}
|
||||
|
||||
Drupal.behaviors.viewsAjax = {
|
||||
collapseReplaced: false,
|
||||
attach: function (context, settings) {
|
||||
if (!settings.views) {
|
||||
return;
|
||||
}
|
||||
// Create a jQuery UI dialog, but leave it closed.
|
||||
var dialog_area = $(settings.views.ajax.popup, context);
|
||||
dialog_area.dialog({
|
||||
'autoOpen': false,
|
||||
'dialogClass': 'views-ui-dialog',
|
||||
'modal': true,
|
||||
'position': 'center',
|
||||
'resizable': false,
|
||||
'width': 750
|
||||
});
|
||||
|
||||
var base_element_settings = {
|
||||
'event': 'click',
|
||||
'progress': { 'type': 'throbber' }
|
||||
};
|
||||
// Bind AJAX behaviors to all items showing the class.
|
||||
$('a.views-ajax-link', context).once('views-ajax-processed').each(function () {
|
||||
var element_settings = base_element_settings;
|
||||
// Set the URL to go to the anchor.
|
||||
if ($(this).attr('href')) {
|
||||
element_settings.url = $(this).attr('href');
|
||||
}
|
||||
var base = $(this).attr('id');
|
||||
Drupal.ajax[base] = new Drupal.ajax(base, this, element_settings);
|
||||
});
|
||||
|
||||
$('div#views-live-preview a')
|
||||
.once('views-ajax-processed').each(function () {
|
||||
// We don't bind to links without a URL.
|
||||
if (!$(this).attr('href')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
var element_settings = base_element_settings;
|
||||
// Set the URL to go to the anchor.
|
||||
element_settings.url = $(this).attr('href');
|
||||
if (Drupal.Views.getPath(element_settings.url).substring(0, 21) != 'admin/structure/views') {
|
||||
return true;
|
||||
}
|
||||
|
||||
element_settings.wrapper = 'views-live-preview';
|
||||
element_settings.method = 'html';
|
||||
var base = $(this).attr('id');
|
||||
Drupal.ajax[base] = new Drupal.ajax(base, this, element_settings);
|
||||
});
|
||||
|
||||
// Within a live preview, make exposed widget form buttons re-trigger the
|
||||
// Preview button.
|
||||
// @todo Revisit this after fixing Views UI to display a Preview outside
|
||||
// of the main Edit form.
|
||||
$('div#views-live-preview input[type=submit]')
|
||||
.once('views-ajax-processed').each(function(event) {
|
||||
$(this).click(function () {
|
||||
this.form.clk = this;
|
||||
return true;
|
||||
});
|
||||
var element_settings = base_element_settings;
|
||||
// Set the URL to go to the anchor.
|
||||
element_settings.url = $(this.form).attr('action');
|
||||
if (Drupal.Views.getPath(element_settings.url).substring(0, 21) != 'admin/structure/views') {
|
||||
return true;
|
||||
}
|
||||
|
||||
element_settings.wrapper = 'views-live-preview';
|
||||
element_settings.method = 'html';
|
||||
element_settings.event = 'click';
|
||||
|
||||
var base = $(this).attr('id');
|
||||
Drupal.ajax[base] = new Drupal.ajax(base, this, element_settings);
|
||||
});
|
||||
|
||||
if (!this.collapseReplaced && Drupal.collapseScrollIntoView) {
|
||||
this.collapseReplaced = true;
|
||||
Drupal.collapseScrollIntoView = function (node) {
|
||||
for (var $parent = $(node); $parent.get(0) != document && $parent.size() != 0; $parent = $parent.parent()) {
|
||||
if ($parent.css('overflow') == 'scroll' || $parent.css('overflow') == 'auto') {
|
||||
if (Drupal.viewsUi.resizeModal) {
|
||||
// If the modal is already at the max height, don't bother with
|
||||
// this since the only reason to do it is to grow the modal.
|
||||
if ($('.views-ui-dialog').height() < parseInt($(window).height() * .8)) {
|
||||
Drupal.viewsUi.resizeModal('', true);
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var h = document.documentElement.clientHeight || document.body.clientHeight || 0;
|
||||
var offset = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
||||
var posY = $(node).offset().top;
|
||||
var fudge = 55;
|
||||
if (posY + node.offsetHeight + fudge > h + offset) {
|
||||
if (node.offsetHeight > h) {
|
||||
window.scrollTo(0, posY);
|
||||
}
|
||||
else {
|
||||
window.scrollTo(0, posY + node.offsetHeight - h + fudge);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user