mirror of
https://github.com/symbiote/silverstripe-gridfieldextensions.git
synced 2024-09-29 20:59:26 +02:00
317 lines
8.8 KiB
JavaScript
317 lines
8.8 KiB
JavaScript
(function($) {
|
|
$.entwine("ss", function($) {
|
|
/**
|
|
* GridFieldAddExistingSearchButton
|
|
*/
|
|
|
|
$(".add-existing-search-dialog").entwine({
|
|
loadDialog: function(deferred) {
|
|
var dialog = this.addClass("loading").children(".ui-dialog-content").empty();
|
|
|
|
deferred.done(function(data) {
|
|
dialog.html(data).parent().removeClass("loading");
|
|
});
|
|
}
|
|
});
|
|
|
|
$(".ss-gridfield .add-existing-search").entwine({
|
|
onclick: function() {
|
|
var dialog = $("<div></div>").appendTo("body").dialog({
|
|
modal: true,
|
|
resizable: false,
|
|
width: 500,
|
|
height: 600,
|
|
close: function() {
|
|
$(this).dialog("destroy").remove();
|
|
}
|
|
});
|
|
|
|
dialog.parent().addClass("add-existing-search-dialog").loadDialog(
|
|
$.get(this.prop("href"))
|
|
);
|
|
dialog.data("grid", this.closest(".ss-gridfield"));
|
|
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".add-existing-search-dialog .add-existing-search-form").entwine({
|
|
onsubmit: function() {
|
|
this.closest(".add-existing-search-dialog").loadDialog($.get(
|
|
this.prop("action"), this.serialize()
|
|
));
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".add-existing-search-dialog .add-existing-search-items a").entwine({
|
|
onclick: function() {
|
|
var link = this.closest(".add-existing-search-items").data("add-link");
|
|
var id = this.data("id");
|
|
|
|
var dialog = this.closest(".add-existing-search-dialog")
|
|
.addClass("loading")
|
|
.children(".ui-dialog-content")
|
|
.empty()
|
|
|
|
$.post(link, { id: id }, function() {
|
|
dialog.data("grid").reload();
|
|
dialog.dialog("close");
|
|
});
|
|
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".add-existing-search-dialog .add-existing-search-pagination a").entwine({
|
|
onclick: function() {
|
|
this.closest(".add-existing-search-dialog").loadDialog($.get(
|
|
this.prop("href")
|
|
));
|
|
return false;
|
|
}
|
|
});
|
|
|
|
/**
|
|
* GridFieldAddNewInlineButton
|
|
*/
|
|
|
|
$(".ss-gridfield.ss-gridfield-editable").entwine({
|
|
reload: function(opts, success) {
|
|
var grid = this;
|
|
var added = grid.find("tbody:first").find(".ss-gridfield-inline-new").detach();
|
|
|
|
this._super(opts, function() {
|
|
if(added.length) {
|
|
added.appendTo(grid.find("tbody:first"));
|
|
grid.find("tbody:first").children(".ss-gridfield-no-items").hide();
|
|
}
|
|
|
|
if(success) success.apply(grid, arguments);
|
|
});
|
|
},
|
|
onpaste: function(e) {
|
|
// The following was used as a basis for clipboard data access:
|
|
// http://stackoverflow.com/questions/2176861/javascript-get-clipboard-data-on-paste-event-cross-browser
|
|
var clipboardData = typeof e.originalEvent.clipboardData !== "undefined" ? e.originalEvent.clipboardData : null;
|
|
if (clipboardData) {
|
|
// Get current input wrapper div class (ie. 'col-Title')
|
|
var input = $(e.target);
|
|
var inputType = input.attr('type');
|
|
if (inputType === 'text' || inputType === 'email')
|
|
{
|
|
var lastInput = this.find(".ss-gridfield-inline-new:last").find("input");
|
|
if (input.attr('type') === 'text' && input.is(lastInput) && input.val() === '')
|
|
{
|
|
var inputWrapperDivClass = input.parent().attr('class');
|
|
// Split clipboard data into lines
|
|
var lines = clipboardData.getData("text/plain").match(/[^\r\n]+/g);
|
|
var linesLength = lines.length;
|
|
// If there are multiple newlines detected, split the data into new rows automatically
|
|
if (linesLength > 1)
|
|
{
|
|
var elementsChanged = [];
|
|
for (var i = 1; i < linesLength; ++i)
|
|
{
|
|
this.trigger("addnewinline");
|
|
var row = this.find(".ss-gridfield-inline-new:last");
|
|
var rowInput = row.find("."+inputWrapperDivClass).find("input");
|
|
rowInput.val(lines[i]);
|
|
elementsChanged.push(rowInput);
|
|
}
|
|
// Store the rows added via this method so they can be undo'd.
|
|
input.data('pasteManipulatedElements', elementsChanged);
|
|
// To set the current row to not just be all the clipboard data, must wait a frame
|
|
setTimeout(function() {
|
|
input.val(lines[0]);
|
|
}, 0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
onkeyup: function(e) {
|
|
if (e.keyCode == 90 && e.ctrlKey)
|
|
{
|
|
var target = $(e.target);
|
|
var elementsChanged = target.data("pasteManipulatedElements");
|
|
if (typeof elementsChanged !== "undefined" && elementsChanged && elementsChanged.length)
|
|
{
|
|
for (var i = 0; i < elementsChanged.length; ++i)
|
|
{
|
|
elementsChanged[i].closest('tr').remove();
|
|
}
|
|
target.data("pasteManipulatedElements", []);
|
|
}
|
|
}
|
|
},
|
|
onaddnewinline: function(e) {
|
|
if(e.target != this[0]) {
|
|
return;
|
|
}
|
|
|
|
var tmpl = window.tmpl;
|
|
var row = this.find(".ss-gridfield-add-inline-template:last");
|
|
var num = this.data("add-inline-num") || 1;
|
|
|
|
tmpl.cache[this[0].id + "ss-gridfield-add-inline-template"] = tmpl(row.html());
|
|
|
|
this.find("tbody:first").append(tmpl(this[0].id + "ss-gridfield-add-inline-template", { num: num }));
|
|
this.find("tbody:first").children(".ss-gridfield-no-items").hide();
|
|
this.data("add-inline-num", num + 1);
|
|
}
|
|
});
|
|
|
|
$(".ss-gridfield-add-new-inline").entwine({
|
|
onclick: function() {
|
|
this.getGridField().trigger("addnewinline");
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".ss-gridfield-delete-inline").entwine({
|
|
onclick: function() {
|
|
var msg = ss.i18n._t("GridFieldExtensions.CONFIRMDEL", "Are you sure you want to delete this?");
|
|
|
|
if(confirm(msg)) {
|
|
this.parents("tr.ss-gridfield-inline-new:first").remove();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
});
|
|
|
|
/**
|
|
* GridFieldAddNewMultiClass
|
|
*/
|
|
|
|
$(".ss-gridfield-add-new-multi-class .ss-ui-button").entwine({
|
|
onclick: function() {
|
|
var link = this.data("href");
|
|
var cls = this.parents(".ss-gridfield-add-new-multi-class").find("select").val();
|
|
|
|
if(cls && cls.length) {
|
|
this.getGridField().showDetailView(link.replace("{class}", cls));
|
|
}
|
|
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$(".ss-gridfield-add-new-multi-class select").entwine({
|
|
onadd: function() {
|
|
this.update();
|
|
},
|
|
onchange: function() {
|
|
this.update();
|
|
},
|
|
update: function() {
|
|
var btn = this.parents(".ss-gridfield-add-new-multi-class").find(".ss-ui-button");
|
|
|
|
if(this.val() && this.val().length) {
|
|
btn.button("enable");
|
|
} else {
|
|
btn.button("disable");
|
|
}
|
|
}
|
|
});
|
|
|
|
/**
|
|
* GridFieldEditableColumns
|
|
*/
|
|
|
|
$('.ss-gridfield.ss-gridfield-editable .ss-gridfield-item td').entwine({
|
|
onclick: function(e) {
|
|
// Prevent the default row click action when clicking a cell that contains a field
|
|
if (this.find('.editable-column-field').length) {
|
|
e.stopPropagation();
|
|
}
|
|
}
|
|
});
|
|
|
|
/**
|
|
* GridFieldOrderableRows
|
|
*/
|
|
|
|
$(".ss-gridfield-orderable tbody").entwine({
|
|
onadd: function() {
|
|
var self = this;
|
|
|
|
var helper = function(e, row) {
|
|
return row.clone()
|
|
.addClass("ss-gridfield-orderhelper")
|
|
.width("auto")
|
|
.find(".col-buttons")
|
|
.remove()
|
|
.end();
|
|
};
|
|
|
|
var update = function() {
|
|
var grid = self.getGridField();
|
|
|
|
var data = grid.getItems().map(function() {
|
|
return { name: "order[]", value: $(this).data("id") };
|
|
});
|
|
|
|
grid.reload({
|
|
url: grid.data("url-reorder"),
|
|
data: data.get()
|
|
});
|
|
};
|
|
|
|
this.sortable({
|
|
handle: ".handle",
|
|
helper: helper,
|
|
opacity: .7,
|
|
update: update
|
|
});
|
|
},
|
|
onremove: function() {
|
|
if(this.data('sortable')) {
|
|
this.sortable("destroy");
|
|
}
|
|
}
|
|
});
|
|
|
|
$(".ss-gridfield-orderable .ss-gridfield-previouspage, .ss-gridfield-orderable .ss-gridfield-nextpage").entwine({
|
|
onadd: function() {
|
|
var grid = this.getGridField();
|
|
|
|
if(this.is(":disabled")) {
|
|
return false;
|
|
}
|
|
|
|
var drop = function(e, ui) {
|
|
var page;
|
|
|
|
if($(this).hasClass("ss-gridfield-previouspage")) {
|
|
page = "prev";
|
|
} else {
|
|
page = "next";
|
|
}
|
|
|
|
grid.find("tbody").sortable("cancel");
|
|
grid.reload({
|
|
url: grid.data("url-movetopage"),
|
|
data: [
|
|
{ name: "move[id]", value: ui.draggable.data("id") },
|
|
{ name: "move[page]", value: page }
|
|
]
|
|
});
|
|
};
|
|
|
|
this.droppable({
|
|
accept: ".ss-gridfield-item",
|
|
activeClass: "ui-droppable-active ui-state-highlight",
|
|
disabled: this.prop("disabled"),
|
|
drop: drop,
|
|
tolerance: "pointer"
|
|
});
|
|
},
|
|
onremove: function() {
|
|
if(this.hasClass("ui-droppable")) this.droppable("destroy");
|
|
}
|
|
});
|
|
});
|
|
})(jQuery);
|