tonyair
/
GridFieldBulkEditingTools
mirror of https://github.com/colymba/GridFieldBulkEditingTools.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Basic button behavior

This commit is contained in:
colymba 2014-04-06 15:51:15 +03:00 committed by Thierry Francois
parent a726cce755
commit d141765752
4 changed files with 278 additions and 290 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
bulkManager/javascript/GridFieldBulkManager.js
View File

@ -1,6 +1,12 @@
(function($) {
$.entwine('colymba', function($) {
$.entwine('ss', function($) {
// start SS namespace overrides
// end SS namespace overrides
$.entwine('colymba', function($) {
$('td.col-bulkSelect').entwine({
onmatch: function(){
@ -169,9 +175,15 @@
window.location.href = url;
}
},
doBulkAction: function(action, ids)
{
console.log(action, ids);
}
});
});
});
}(jQuery));

12
bulkUpload/code/GridFieldBulkUpload.php
View File

@ -269,21 +269,18 @@ class GridFieldBulkUpload implements GridField_HTMLProvider, GridField_URLHandle
$finishButton = FormAction::create('Finish', _t('GridFieldBulkTools.FINISH_BTN_LABEL', 'Finish'))
->addExtraClass('bulkUploadFinishButton')
->setAttribute('data-icon', 'accept')
->setUseButtonTag(true)
->setAttribute('src', '');//changes type to image so isn't hooked by default actions handlers
->setUseButtonTag(true);
$cancelButton = FormAction::create('Cancel', _t('GridFieldBulkTools.CANCEL_BTN_LABEL', 'Cancel'))
->addExtraClass('bulkUploadCancelButton ss-ui-action-destructive')
->setAttribute('data-icon', 'decline')
->setAttribute('data-url', $gridField->Link('bulkupload/cancel'))
->setUseButtonTag(true)
->setAttribute('src', '');
->setUseButtonTag(true);
$clearErrorButton = FormAction::create('ClearError', _t('GridFieldBulkTools.CLEAR_ERROR_BTN_LABEL', 'Clear errors'))
->addExtraClass('bulkUploadClearErrorButton')
->setAttribute('data-icon', 'arrow-circle-double')
->setUseButtonTag(true)
->setAttribute('src', '');
->setUseButtonTag(true);
if ( $gridField->getConfig()->getComponentsByType('GridFieldBulkManager') )
{
@ -291,8 +288,7 @@ class GridFieldBulkUpload implements GridField_HTMLProvider, GridField_URLHandle
->addExtraClass('bulkUploadEditButton')
->setAttribute('data-icon', 'pencil')
->setAttribute('data-url', $gridField->Link('bulkupload/edit'))
->setUseButtonTag(true)
->setAttribute('src', '');
->setUseButtonTag(true);
}else{
$editAllButton = '';
}

202
bulkUpload/javascript/GridFieldBulkUpload.js
View File

@ -1,117 +1,11 @@
(function($) {
$.entwine('ss', function($) {
// ============================================================================================
// start SS namespace overrides
// ============================================================================================
/*
* open/close edit form
*/
$('div.ss-upload .ss-uploadfield-item-edit, div.ss-upload .ss-uploadfield-item-name').entwine({
onclick: function(e)
{
this.closest('.ss-uploadfield-item').find('.ss-uploadfield-item-editform').toggleEditForm();
}
});
/*
* edit all button
* @TODO fix
*/
$('div.ss-upload .fileOverview .ss-uploadfield-item-edit-all').entwine({
onmatch: function()
{
if( !$(this).hasClass('opened') ){
$(this).addClass('opened');
}
},
onunmatch: function(){},
onclick: function(e)
{
if( $(this).hasClass('opened') )
{
$('.ss-uploadfield-files .ss-uploadfield-item-editform').hide();
$(this).removeClass('opened');
}
else{
$('.ss-uploadfield-files .ss-uploadfield-item-editform').show();
$(this).addClass('opened');
}
e.preventDefault();
}
});
/*
* show/hide edit form
* overrides default behaviour
*/
$('div.ss-upload .ss-uploadfield-item-editform').entwine({
toggleEditForm: function()
{
if( this.css('display') == 'none' ) {
this.show();
}
else{
this.hide();
}
}
});
/*
* prevent submitting of individual edit forms
*/
$('#Form_uploadForm, div.ss-upload .ss-uploadfield-item-editform form').entwine({
onsubmit: function(e)
{
return false;
}
});
/*
* initialise disabled state
*/
$('#bulkImageUploadUpdateBtn,#bulkImageUploadUpdateCancelBtn').entwine({
onmatch: function()
{
$(this).addClass('ui-state-disabled ssui-button-disabled');
$(this).attr('aria-disabled', 'true');
$(this).attr('disabled', 'true');
},
onunmatch: function(){}
});
/*
* finish/return button
*/
$('#bulkImageUploadFinishBtn').entwine({
onmatch: function(){},
onunmatch: function(){},
onclick: function(e)
{
var formsWithUpadtes = $('form.bulkImageUploadUpdateForm.hasUpdate').length,
confirmed = true;
if ( formsWithUpadtes > 0 )
{
confirmed = confirm( ss.i18n._t('GridFieldBulkTools.FINISH_CONFIRM') );
}
if (confirmed)
{
$('.cms-container').loadPanel(this.attr('href'), null, {});
}
}
});
// ============================================================================================
// end SS namespace overrides
// ============================================================================================
// ============================================================================================
// start add-on behaviours
// ============================================================================================
$.entwine('colymba', function($) {
@ -254,7 +148,96 @@
});
$('.bulkUploadClearErrorButton').entwine({
onmatch: function(){
this.removeClass('action');
},
onunmatch: function(){},
onclick: function(e)
{
var $bulkUpload = this.parents('.bulkUpload'),
$errors = $bulkUpload.find('li.ss-uploadfield-item .ui-state-warning-text,li.ss-uploadfield-item .ui-state-error-text').parents('li')
;
$($errors.get().reverse()).each(function(index, Element){
$(this).remove();
});
}
});
$('.bulkUploadCancelButton').entwine({
onmatch: function(){
this.removeClass('action');
},
onunmatch: function(){},
onclick: function()
{
var $bulkUpload = this.parents('.bulkUpload'),
$li = $bulkUpload.find('li.ss-uploadfield-item'),
$records = $li.filter('[data-recordid]'),
recordsID,
$other = $li.not($records),
$doBulkActionButton = $bulkUpload.parents('.ss-gridfield-table').find('.doBulkActionButton')
;
$other.each(function(index, Element){
// skip in progress
$(this).remove();
});
if ( $doBulkActionButton.length > 0 )
{
recordsID = $records.map(function() {
return parseInt( $(this).data('recordid') )
}).get();
$doBulkActionButton.doBulkAction('delete', recordsID);
}
}
});
$('.bulkUploadFinishButton').entwine({
onmatch: function(){
this.removeClass('action');
},
onunmatch: function(){},
onclick: function()
{
var $bulkUpload = this.parents('.bulkUpload'),
$li = $bulkUpload.find('li.ss-uploadfield-item')
;
$li.each(function(index, Element){
// skip in progress
$(this).remove();
});
}
});
$('.bulkUploadEditButton').entwine({
onmatch: function(){
this.removeClass('action');
},
onunmatch: function(){},
onclick: function()
{
var $bulkUpload = this.parents('.bulkUpload'),
$li = $bulkUpload.find('li.ss-uploadfield-item'),
$records = $li.filter('[data-recordid]'),
recordsID,
$doBulkActionButton = $bulkUpload.parents('.ss-gridfield-table').find('.doBulkActionButton')
;
if ( $doBulkActionButton.length > 0 )
{
recordsID = $records.map(function() {
return parseInt( $(this).data('recordid') )
}).get();
$doBulkActionButton.doBulkAction('edit', recordsID);
}
}
});
@ -380,10 +363,7 @@
}
});
});
// ============================================================================================
// end add-on behaviours
// ============================================================================================
}); // colymba namespace
});
}); // ss namespace
}(jQuery));

2
bulkUpload/javascript/GridFieldBulkUpload_downloadtemplate.js
View File

@ -1,6 +1,6 @@
window.tmpl.cache['colymba-bulkuploaddownloadtemplate'] = tmpl(
'{% for (var i=0, files=o.files, l=files.length, file=files[0]; i<l; file=files[++i]) { %}' +
'<li class="ss-uploadfield-item template-download{% if (file.error) { %} ui-state-error{% }else{ %} done{% } %}" data-fileid="{%=file.id%} data-recordid="{%=file.record.id%}">' +
'<li class="ss-uploadfield-item template-download{% if (file.error) { %} ui-state-error{% }else{ %} done{% } %}" data-fileid="{%=file.id%}" data-recordid="{%=file.record.id%}">' +
'<div class="ss-uploadfield-item-preview preview"><span>' +
'<img src="{%=file.thumbnail_url%}" alt="" />' +
'</span></div>' +