From a19a224c208e8aede41547e712c3c9fc7cbd399c Mon Sep 17 00:00:00 2001 From: Ryan Cramer Date: Fri, 29 Oct 2021 11:23:44 -0400 Subject: [PATCH] Add support for copy and paste of repeater items between pages (or same page). To copy, click the copy/clone icon and a dialog will appear asking what action you want. Use the same dialog action to paste. This also updates the clone feature to support insert before/after. --- .../FieldtypeFieldsetPage.module | 2 +- .../FieldtypeRepeater.module | 6 +- .../FieldtypeRepeater/InputfieldRepeater.css | 2 +- .../FieldtypeRepeater/InputfieldRepeater.js | 217 +++++++++++++++++- .../InputfieldRepeater.min.js | 2 +- .../InputfieldRepeater.module | 69 +++++- .../FieldtypeRepeater/InputfieldRepeater.scss | 15 ++ .../InputfieldImage/InputfieldImage.css | 2 +- .../InputfieldImage/InputfieldImage.scss | 4 + 9 files changed, 298 insertions(+), 21 deletions(-) diff --git a/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeFieldsetPage.module b/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeFieldsetPage.module index 2de9b9cd..46bdc4b8 100644 --- a/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeFieldsetPage.module +++ b/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeFieldsetPage.module @@ -332,7 +332,7 @@ class FieldtypeFieldsetPage extends FieldtypeRepeater implements ConfigurableMod * @return Page * */ - protected function getRepeaterPageParent(Page $page, Field $field, $create = true) { + public function getRepeaterPageParent(Page $page, Field $field, $create = true) { return $this->getRepeaterParent($field); } diff --git a/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeRepeater.module b/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeRepeater.module index 454e6649..e49d41db 100644 --- a/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeRepeater.module +++ b/wire/modules/Fieldtype/FieldtypeRepeater/FieldtypeRepeater.module @@ -33,7 +33,7 @@ class FieldtypeRepeater extends Fieldtype implements ConfigurableModule { return array( 'title' => __('Repeater', __FILE__), // Module Title 'summary' => __('Maintains a collection of fields that are repeated for any number of times.', __FILE__), // Module Summary - 'version' => 108, + 'version' => 110, 'autoload' => true, 'installs' => 'InputfieldRepeater' ); @@ -1114,7 +1114,7 @@ class FieldtypeRepeater extends Fieldtype implements ConfigurableModule { * @return Page|NullPage * */ - protected function getRepeaterPageParent(Page $page, Field $field, $create = true) { + public function getRepeaterPageParent(Page $page, Field $field, $create = true) { $repeaterParent = $this->getRepeaterParent($field); $parentName = self::repeaterPageNamePrefix . $page->id; // for-page-123 @@ -1149,7 +1149,7 @@ class FieldtypeRepeater extends Fieldtype implements ConfigurableModule { * @throws WireException * */ - protected function getRepeaterParent(Field $field) { + public function getRepeaterParent(Field $field) { $pages = $this->wire()->pages; $parentID = (int) $field->get('parent_id'); diff --git a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.css b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.css index 4d0903ed..20444bdd 100644 --- a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.css +++ b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.css @@ -1 +1 @@ -.Inputfields .InputfieldRepeater>.InputfieldContent>ul.Inputfields{margin-bottom:1em}.Inputfields .InputfieldRepeater>.InputfieldContent>ul.Inputfields:last-child{margin-bottom:0}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader{line-height:1em;padding:.5em 0 .5em .4em;white-space:nowrap;overflow:hidden;position:relative}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader .InputfieldRepeaterItemLabel,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader .InputfieldRepeaterItemControls{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemLabel{display:inline-block;padding-left:.25em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls{display:block;padding-right:.5em;padding-left:.5em;margin-top:.5em;position:absolute;top:0;right:0;z-index:1;display:block;white-space:nowrap;height:100%}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .toggle-icon{cursor:pointer;float:right}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .toggle-icon:hover{opacity:.8}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash{padding-right:3px}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore{margin-right:.75em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .pw-icon-disabled{opacity:.3}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .toggle-icon{line-height:1em;margin-right:.5em}.Inputfields .InputfieldRepeater>.InputfieldContent>.Inputfields>.InputfieldRepeaterInsertItem{opacity:.5}.Inputfields .InputfieldRepeater .InputfieldStateCollapsed .InputfieldRepeaterSettingsToggle{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldStateCollapsed>.InputfieldHeader{opacity:.9}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldStateCollapsed>.InputfieldHeader:hover{opacity:1}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterUnpublished>.InputfieldHeader{opacity:.7}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterOff>.InputfieldHeader{opacity:.5}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterOff>.InputfieldHeader:not(:hover)>.InputfieldRepeaterItemLabel{text-decoration:line-through}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldRepeaterDeletePending>.InputfieldHeader>.InputfieldRepeaterItemLabel{text-decoration:line-through}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldRepeaterItemLoading{margin-bottom:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldStateCollapsed>.InputfieldContent{display:none !important}.Inputfields .InputfieldRepeater .InputfieldRepeaterNewItem{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterDelete{display:none}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields{margin-bottom:0}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields>.InputfieldRepeaterItem{margin-bottom:0}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields>.InputfieldRepeaterItem>.InputfieldHeader{display:none}.InputfieldRepeater{z-index:1}.InputfieldRepeater .InputfieldWrapper,.InputfieldRepeater .InputfieldWrapper>.Inputfields{margin-top:0 !important}.InputfieldRepeater ul.ui-sortable>.InputfieldRepeaterItem>.InputfieldHeader{position:relative}.InputfieldRepeater .InputfieldRepeaterAddItem input{display:none !important}.InputfieldRepeater ul.Inputfields+.InputfieldRepeaterAddItem{margin-top:0}.InputfieldRepeater .InputfieldRepeaterDrag{display:inline-block;cursor:ns-resize;opacity:.7;line-height:1em}.InputfieldRepeater .InputfieldRepeaterDrag:hover{cursor:move;opacity:1}.InputfieldRepeater.InputfieldRenderValueMode .InputfieldRepeaterDrag{margin-right:.25em;opacity:.5}.InputfieldRepeater.InputfieldRenderValueMode .InputfieldRepeaterDrag:hover{cursor:not-allowed;opacity:.5}.AdminThemeReno .InputfieldRepeaterItem>.InputfieldHeader .ui-priority-secondary{color:rgba(255,255,255,.8) !important} +.Inputfields .InputfieldRepeater>.InputfieldContent>ul.Inputfields{margin-bottom:1em}.Inputfields .InputfieldRepeater>.InputfieldContent>ul.Inputfields:last-child{margin-bottom:0}.Inputfields .InputfieldRepeater .InputfieldRepeaterPaste{display:none}.Inputfields .InputfieldRepeater.InputfieldRepeaterCanPaste .InputfieldRepeaterPaste{display:inline-block}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem{max-width:100%;overflow-x:hidden}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader{line-height:1em;padding:.5em 0 .5em .4em;white-space:nowrap;overflow:hidden;position:relative}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader .InputfieldRepeaterItemLabel,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader .InputfieldRepeaterItemControls{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemLabel{display:inline-block;padding-left:.25em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls{display:block;padding-right:.5em;padding-left:.5em;margin-top:.5em;position:absolute;top:0;right:0;z-index:1;display:block;white-space:nowrap;height:100%}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .toggle-icon{cursor:pointer;float:right}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter:hover,.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .toggle-icon:hover{opacity:.8}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterTrash{padding-right:3px}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterToggle{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterClone{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertBefore{margin-right:.75em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterInsertAfter{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .InputfieldRepeaterSettingsToggle{margin-right:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .InputfieldRepeaterItemControls .pw-icon-disabled{opacity:.3}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem>.InputfieldHeader.InputfieldRepeaterHeaderInit .toggle-icon{line-height:1em;margin-right:.5em}.Inputfields .InputfieldRepeater>.InputfieldContent>.Inputfields>.InputfieldRepeaterInsertItem{opacity:.5}.Inputfields .InputfieldRepeater .InputfieldStateCollapsed .InputfieldRepeaterSettingsToggle{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldStateCollapsed>.InputfieldHeader{opacity:.9}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldStateCollapsed>.InputfieldHeader:hover{opacity:1}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterUnpublished>.InputfieldHeader{opacity:.7}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterOff>.InputfieldHeader{opacity:.5}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending).InputfieldRepeaterOff>.InputfieldHeader:not(:hover)>.InputfieldRepeaterItemLabel{text-decoration:line-through}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldRepeaterDeletePending>.InputfieldHeader>.InputfieldRepeaterItemLabel{text-decoration:line-through}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldRepeaterItemLoading{margin-bottom:1em}.Inputfields .InputfieldRepeater .InputfieldRepeaterItem.InputfieldStateCollapsed>.InputfieldContent{display:none !important}.Inputfields .InputfieldRepeater .InputfieldRepeaterNewItem{display:none}.Inputfields .InputfieldRepeater .InputfieldRepeaterDelete{display:none}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields{margin-bottom:0}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields>.InputfieldRepeaterItem{margin-bottom:0}.Inputfields .InputfieldRepeater.InputfieldRepeaterSingle>.InputfieldContent>.Inputfields>.InputfieldRepeaterItem>.InputfieldHeader{display:none}.InputfieldRepeater{z-index:1}.InputfieldRepeater .InputfieldWrapper,.InputfieldRepeater .InputfieldWrapper>.Inputfields{margin-top:0 !important}.InputfieldRepeater ul.ui-sortable>.InputfieldRepeaterItem>.InputfieldHeader{position:relative}.InputfieldRepeater .InputfieldRepeaterAddItem input{display:none !important}.InputfieldRepeater ul.Inputfields+.InputfieldRepeaterAddItem{margin-top:0}.InputfieldRepeater .InputfieldRepeaterDrag{display:inline-block;cursor:ns-resize;opacity:.7;line-height:1em}.InputfieldRepeater .InputfieldRepeaterDrag:hover{cursor:move;opacity:1}.InputfieldRepeater.InputfieldRenderValueMode .InputfieldRepeaterDrag{margin-right:.25em;opacity:.5}.InputfieldRepeater.InputfieldRenderValueMode .InputfieldRepeaterDrag:hover{cursor:not-allowed;opacity:.5}.AdminThemeReno .InputfieldRepeaterItem>.InputfieldHeader .ui-priority-secondary{color:rgba(255,255,255,.8) !important} diff --git a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.js b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.js index 7eea87f8..10e0ac5b 100644 --- a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.js +++ b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.js @@ -189,7 +189,76 @@ function InputfieldRepeater($) { }); return false; }; - + + /** + * Event when the copy/clone/paste action is clicked + * + * @returns {boolean} + * + */ + var eventCopyCloneClick = function() { + + if(isActionDisabled($(this))) return false; + + var labels = ProcessWire.config.InputfieldRepeater.labels; + var $item = $(this).closest('.InputfieldRepeaterItem'); + var itemID = $item.attr('data-page'); + var $inputfield = $item.closest('.InputfieldRepeater'); + var fieldName = $inputfield.attr('data-name'); + var cookieName = copyPasteCookieName(fieldName); + var copyValue = jQuery.cookie(cookieName); + var itemLabel = getItemLabel($item).text(); + var pasteID = copyValue ? parseInt(copyValue.item) : ''; + var pasteDisabled = copyValue ? '' : 'disabled '; + var pasteSelected = pasteID > 0 ? 'selected ' : ''; + var note = ''; + + if(pasteID > 0) { + note = "
" + labels.copyInMemory + ' (id ' + pasteID + ')
'; + } + + var input = + '' + + '' + + '' + + '' + + '' + + ''; + + if(note.length) note = "" + note + ""; + + var options = { + message: labels.selectAction + ' (id ' + itemID + ')', // message displayed at top + input: '' + note, // HTML content that is to be displayed + callback: function(value) { + var action = value.action; + if(action === 'copy') { + copyRepeaterItem($item); + $item.fadeOut('fast', function() { $item.fadeIn('fast') }); + $inputfield.addClass('InputfieldRepeaterCanPaste'); + } else if(action === 'clone-before') { + cloneRepeaterItem($item, true); + } else if(action === 'clone-after') { + cloneRepeaterItem($item, false); + } else if(action === 'paste-before') { + pasteRepeaterItem($item, true); + } else if(action === 'paste-after') { + pasteRepeaterItem($item, false); + } else if(action === 'clear') { + jQuery.cookie(cookieName, null); + $inputfield.removeClass('InputfieldRepeaterCanPaste'); + } else { + console.log('unknown action: ' + action); + } + }, + }; + + // open the add-type selection dialog + vex.dialog.open(options); + + return false; + }; + var eventSettingsClick = function(e) { var $this = $(this); var $item = $this.closest('.InputfieldRepeaterItem'); @@ -357,8 +426,10 @@ function InputfieldRepeater($) { var newItemTotal = 0; // for noAjaxAdd mode var useAjax = $addLink.attr('data-noajax').length == 0; var cloneID = $addLink.attr('data-clone'); + var pageID = 0; var depth = 0; var redoSortAll = false; + var inputfieldPageID = parseInt($inputfieldRepeater.attr('data-page')); function addRepeaterItem($addItem) { // make sure it has a unique ID @@ -382,7 +453,16 @@ function InputfieldRepeater($) { } if(typeof cloneID == "undefined" || !cloneID) cloneID = null; - if(cloneID) $addLink.removeAttr('data-clone'); + + if(cloneID) { + $addLink.removeAttr('data-clone'); + // when data-clone contains pageID:itemID it is from a previous copy operation + if(cloneID.indexOf(':') > 0) { + var a = cloneID.split(':'); + pageID = parseInt(a[0]); // for copy/paste + cloneID = parseInt(a[1]); + } + } if(!useAjax) { var $newItem = $inputfields.children('.InputfieldRepeaterNewItem'); // for noAjaxAdd mode, non-editable new item @@ -399,8 +479,9 @@ function InputfieldRepeater($) { return false; } + // get addItem from ajax - var pageID = $inputfieldRepeater.attr('data-page'); + if(!pageID) pageID = inputfieldPageID; var fieldName = $inputfieldRepeater.attr('id').replace('wrap_Inputfield_', ''); var $spinner = $addLink.parent().find('.InputfieldRepeaterSpinner'); var ajaxURL = ProcessWire.config.InputfieldRepeater.editorUrl + '?id=' + pageID + '&field=' + fieldName; @@ -408,7 +489,7 @@ function InputfieldRepeater($) { $spinner.removeClass($spinner.attr('data-off')).addClass($spinner.attr('data-on')); if(cloneID) { - ajaxURL += '&repeater_clone=' + cloneID; + ajaxURL += '&repeater_clone=' + cloneID + '&repeater_clone_to=' + inputfieldPageID; } else { ajaxURL += '&repeater_add=' + $addLink.attr('data-type'); } @@ -568,6 +649,18 @@ function InputfieldRepeater($) { } } + /** + * Event called when the "Paste" link in the footer is clicked + * + */ + var eventPasteClick = function(e) { + var $inputfield = $(this).closest('.InputfieldRepeater'); + // use the InputfieldRepeaterNewItem as our substitute for a contextual item + var $newItem = $inputfield.children('.InputfieldContent').children('.Inputfields').children('.InputfieldRepeaterNewItem'); + pasteRepeaterItem($newItem, false); + return false; + }; + /** * Event when mouseout of insert before/after action * @@ -1084,10 +1177,11 @@ function InputfieldRepeater($) { function initHeaders($headers, $inputfieldRepeater, renderValueMode) { var $clone = $("").css('display', 'block'); + // var $paste = $("").css('display', 'block'); var $delete = $(""); var $toggle = $(""); - var $insertAfter = $(""); - var $insertBefore = $(""); + var $insertAfter = $(""); + var $insertBefore = $(""); var cfg = ProcessWire.config.InputfieldRepeater; var allowClone = !$inputfieldRepeater.hasClass('InputfieldRepeaterNoAjaxAdd'); var allowSettings = $inputfieldRepeater.hasClass('InputfieldRepeaterHasSettings'); @@ -1096,6 +1190,7 @@ function InputfieldRepeater($) { $toggle.attr('title', cfg.labels.toggle); $delete.attr('title', cfg.labels.remove); $clone.attr('title', cfg.labels.clone); + // $paste.attr('title', 'Paste'); // @todo $insertBefore.attr('title', cfg.labels.insertBefore); $insertAfter.attr('title', cfg.labels.insertAfter); } @@ -1134,7 +1229,10 @@ function InputfieldRepeater($) { .attr('title', cfg.labels.settings); $controls.prepend($settingsToggle); } - if(allowClone) $controls.prepend($clone.clone(true)); + if(allowClone) { + $controls.prepend($clone.clone(true)); + // $controls.prepend($paste.clone(true)); + } $controls.prepend($toggleControl); $controls.prepend($deleteControl); $t.prepend($controls); @@ -1340,6 +1438,107 @@ function InputfieldRepeater($) { $.cookie('repeaters_open', val); } + /** + * Clone a repeater item in place + * + * @param $item + * @param pasteValue Optional cookie object value that was previously copied + * + */ + function cloneRepeaterItem($item, insertBefore, pasteValue) { + + if(typeof pasteValue === "undefined") pasteValue = null; + + var actionName = pasteValue === null ? 'clone' : 'paste'; + var $addLink = $item.closest('.InputfieldRepeater').children('.InputfieldContent') + .children('.InputfieldRepeaterAddItem').find('.InputfieldRepeaterAddLink:eq(0)'); + // $('html, body').animate({ scrollTop: $addLink.offset().top - 100}, 250, 'swing'); + + $item.siblings('.InputfieldRepeaterInsertItem').remove(); + + var depth = getItemDepth($item); + var $newItem = $item.hasClass('InputfieldRepeaterNewItem') ? $item.clone() : $item.siblings('.InputfieldRepeaterNewItem').clone(); + var $nextItem = $item.next('.InputfieldRepeaterItem'); + var nextItemDepth = $nextItem.length ? getItemDepth($nextItem) : depth; + var $prevItem = $item.prev('.InputfieldRepeaterItem'); + var prevItemDepth = $prevItem.length ? getItemDepth($prevItem) : depth; + + if(typeof insertBefore === "undefined") { + insertBefore = depth < nextItemDepth; + } + + $newItem.addClass('InputfieldRepeaterInsertItem').attr('id', $newItem.attr('id') + '-' + actionName); // .removeClass('InputfieldRepeaterNewItem); ? + $newItem.find('.InputfieldHeader').html(""); + + if(insertBefore) { + depth = getInsertBeforeItemDepth($item); + $newItem.addClass('InputfieldRepeaterInsertItemBefore'); + $newItem.insertBefore($item); + } else { + depth = getInsertAfterItemDepth($item); + $newItem.addClass('InputfieldRepeaterInsertItemAfter'); + $newItem.insertAfter($item); + } + + setItemDepth($newItem, depth); + + $newItem.show(); + + if(actionName === 'paste') { + // data-clone attribute with 'pageID:itemID' indicates page ID and item ID to clone + $addLink.attr('data-clone', pasteValue.page + ':' + pasteValue.item).click(); + } else { + // current page ID is implied when only itemID is supplied + $addLink.attr('data-clone', $item.attr('data-page')).click(); + } + } + + /** + * Paste previously copied item + * + * @param $item Item to insert before or after + * @param insertBefore True to insert before, false to insert after + * + */ + function pasteRepeaterItem($item, insertBefore) { + var $inputfield = $item.closest('.InputfieldRepeater'); + var fieldName = $inputfield.attr('data-name'); + var cookieName = copyPasteCookieName(fieldName); + var copyValue = jQuery.cookie(cookieName); + if(copyValue) cloneRepeaterItem($item, insertBefore, copyValue); + } + + /** + * Copy a repeater item to memory + * + * @param $item + * + */ + function copyRepeaterItem($item) { + var $title = $('#Inputfield_title'); + var $name = $('#Inputfield__pw_page_name'); + var $inputfield = $item.closest('.InputfieldRepeater'); + var fieldName = $inputfield.attr('data-name'); + var copyValue = { + page: parseInt($inputfield.attr('data-page')), + item: parseInt($item.attr('data-page')), + field: fieldName, + }; + var cookieName = copyPasteCookieName(fieldName); + jQuery.cookie(cookieName, copyValue); + } + + /** + * Get the copy/paste cookie name + * + * @param fieldName + * @returns {string} + * + */ + function copyPasteCookieName(fieldName) { + return fieldName + '_copy'; + } + /** * Initialization for document.ready * @@ -1354,7 +1553,9 @@ function InputfieldRepeater($) { .on('reloaded', '.InputfieldRepeater', eventReloaded) .on('click', '.InputfieldRepeaterTrash', eventDeleteClick) .on('dblclick', '.InputfieldRepeaterTrash', eventDeleteDblClick) - .on('click', '.InputfieldRepeaterClone', eventCloneClick) + //.on('click', '.InputfieldRepeaterClone', eventCloneClick) + .on('click', '.InputfieldRepeaterClone', eventCopyCloneClick) + .on('click', '.InputfieldRepeaterPaste', eventPasteClick) .on('click', '.InputfieldRepeaterSettingsToggle', eventSettingsClick) .on('dblclick', '.InputfieldRepeaterToggle', eventOpenAllClick) .on('click', '.InputfieldRepeaterToggle', eventToggleClick) diff --git a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.min.js b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.min.js index 9c6faa36..f3e58d6f 100644 --- a/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.min.js +++ b/wire/modules/Fieldtype/FieldtypeRepeater/InputfieldRepeater.min.js @@ -1 +1 @@ -function InputfieldRepeater($){var depthSize=50;var isAdminDefault=$("body").hasClass("AdminThemeDefault");var doubleClickTimer=null;var currentlyAddingItem=false;var insertTimeout=null;var eventReloaded=function(event,source){if(typeof source!="undefined"){if(source=="InputfieldRepeaterItemEdit"||source=="InputfieldRepeaterItemAdd"){event.stopPropagation();var $r=$(this).find(".InputfieldRepeater");if($r.length)$r.each(function(){initRepeater($(this))});return}}initRepeater($(this))};var eventDeleteClick=function(e){var $this=$(this);var $header=$this.closest(".InputfieldHeader");var $item=$header.parent();if(isActionDisabled($this))return false;if($item.hasClass("InputfieldRepeaterNewItem")){var $numAddInput=$item.children(".InputfieldContent").children(".InputfieldRepeaterAddItem").children("input");$numAddInput.attr("value",parseInt($numAddInput.attr("value")-1));$item.remove()}else{var pageID=$item.attr("data-page");var $checkbox=$item.find("#delete_repeater"+pageID);if($checkbox.is(":checked")){$checkbox.prop("checked",false);$header.removeClass("ui-state-error").addClass("ui-state-default");$item.removeClass("InputfieldRepeaterDeletePending")}else{$checkbox.prop("checked",true);$header.removeClass("ui-state-default").addClass("ui-state-error");if(!$item.hasClass("InputfieldStateCollapsed")){$header.find(".toggle-icon").click()}$item.addClass("InputfieldRepeaterDeletePending");$item.closest(".Inputfield").addClass("InputfieldStateChanged")}$header.find(".InputfieldRepeaterItemControls").css("background-color",$header.css("background-color"))}checkMinMax($item.closest(".InputfieldRepeater"));e.stopPropagation()};var eventDeleteDblClick=function(){var $this=$(this);var $li=$(this).closest("li");var undelete=$li.hasClass("InputfieldRepeaterDeletePending");if(isActionDisabled($this))return false;function selectAll(){$li.parent().children("li").each(function(){var $item=$(this);var $trashLink=$item.children(".InputfieldHeader").find(".InputfieldRepeaterTrash");if($item.hasClass("InputfieldRepeaterDeletePending")){if(undelete)$trashLink.click()}else{if(!undelete)$trashLink.click()}})}if(undelete){selectAll()}else{ProcessWire.confirm(ProcessWire.config.InputfieldRepeater.labels.removeAll,selectAll)}};var eventCloneClick=function(){var $this=$(this);if(isActionDisabled($this))return false;var $item=$this.closest(".InputfieldRepeaterItem");ProcessWire.confirm(ProcessWire.config.InputfieldRepeater.labels.clone,function(){var itemID=$item.attr("data-page");var $addLink=$item.closest(".InputfieldRepeater").children(".InputfieldContent").children(".InputfieldRepeaterAddItem").find(".InputfieldRepeaterAddLink:eq(0)");$item.siblings(".InputfieldRepeaterInsertItem").remove();var depth=getItemDepth($item);var $newItem=$item.siblings(".InputfieldRepeaterNewItem").clone();var $nextItem=$item.next(".InputfieldRepeaterItem");var nextItemDepth=$nextItem.length?getItemDepth($nextItem):depth;var $prevItem=$item.prev(".InputfieldRepeaterItem");var prevItemDepth=$prevItem.length?getItemDepth($prevItem):depth;var insertBefore=depth