TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity

🐛 Fixed unexpected image positions when re-ordering gallery images

Browse Source 
no issue

- the position that images were inserted did not always match the position indicator because of errors in the insert index calculations
This commit is contained in:
Kevin Ansfield 2019-07-05 14:50:05 +01:00
parent 526c94d954
commit 46d5b779ae
2 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ghost/admin/lib/koenig-editor/addon/components/koenig-card-gallery.js
View File

@ -406,26 +406,21 @@ export default Component.extend({
return {};
},
_onDrop(draggableInfo, droppableElem, position) {
_onDrop(draggableInfo/*, droppableElem, position*/) {
// do not allow dropping of non-images
if (draggableInfo.type !== 'image' && draggableInfo.cardName !== 'image') {
return false;
}
let {insertIndex} = draggableInfo;
let droppables = Array.from(this.element.querySelectorAll('[data-image]'));
let draggableIndex = droppables.indexOf(draggableInfo.element);
if (this._isDropAllowed(draggableIndex, draggableInfo.insertIndex)) {
if (this._isDropAllowed(draggableIndex, insertIndex)) {
if (draggableIndex === -1) {
// external image being added
let {payload} = draggableInfo;
let img = draggableInfo.element.querySelector(`img[src="${payload.src}"]`);
let insertIndex = draggableInfo.insertIndex;
// insert index needs adjusting because we're not shuffling
if (position && position.match(/right/)) {
insertIndex += 1;
}
// image card payloads may not have all of the details we need but we can fill them in
payload.width = payload.width || img.naturalWidth;
@ -440,8 +435,9 @@ export default Component.extend({
} else {
// internal image being re-ordered
let draggedImage = this.images.findBy('src', draggableInfo.payload.src);
let accountForRemoval = draggableIndex < insertIndex && insertIndex ? -1 : 0;
this.images.removeObject(draggedImage);
this.images.insertAt(draggableInfo.insertIndex, draggedImage);
this.images.insertAt(insertIndex + accountForRemoval, draggedImage);
}
this._recalculateImageRows();
@ -514,14 +510,10 @@ export default Component.extend({
}
});
if (position.match(/right/) && draggableIndex > insertIndex) {
if (position.match(/right/)) {
insertIndex += 1;
}
if (insertIndex >= this.images.length - 1) {
insertIndex = this.images.length - 1;
}
return {
direction: 'horizontal',
position: position.match(/left/) ? 'left' : 'right',

1
ghost/admin/lib/koenig-editor/addon/services/koenig-drag-drop-handler.js
View File

@ -353,7 +353,6 @@ export default Service.extend({
this._currentOverContainer.onDragLeaveDroppable(overDroppableElem);
}
this._currentOverDroppableElem = null;
this._currentOverDroppablePosition = null;
}
if (isOverDroppable) {