admin/core
1
0
Fork 0
mirror of https://github.com/jbcr/core.git synced 2026-03-31 21:32:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

moving images up and down works!

Browse Source
This commit is contained in:
Ivo Valchev
2019-11-18 17:04:52 +01:00
parent edc50592ce
commit 7598657fa3
2 changed files with 22 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/js/app/editor/Components/Image.vue
View File

@@ -173,6 +173,7 @@ export default {
},
updated() {
this.$emit('updated', this);
this.previewImage = this.thumbnail;
baguetteBox.run('.editor__image--preview', {
afterShow: () => {
noScroll.on();
@@ -208,7 +209,7 @@ export default {
callback: function(result) {
if (result) {
thisField.filename = result;
thisField.previewImage = `/thumbs/${result}?${thumbnailParams}`;
thisField.thumbnail = `/thumbs/${result}?${thumbnailParams}`;
}
},
});
@@ -255,7 +256,7 @@ export default {
Axios.post(this.directory, fd, config)
.then(res => {
this.filename = res.data;
this.previewImage = `/thumbs/${res.data}?${thumbnailParams}`;
this.thumbnail = `/thumbs/${res.data}?${thumbnailParams}`;
this.progress = 0;
})
.catch(err => {

53
assets/js/app/editor/Components/Imagelist.vue
View File

@@ -61,42 +61,27 @@ export default {
});
},
getFieldNumberFromElement(elem) {
return elem.fieldName.match(/\d+/)[0];
},
onMoveImageUp(elem){
console.log("Moving up");
let fieldNumber = this.getFieldNumberFromElement(elem);
let imageToMoveUp = this.containerImages[fieldNumber];
let imageToMoveDown = this.containerImages[fieldNumber-1];
let newContainerImages = Object.assign({}, this.containerImages);
newContainerImages[fieldNumber] = imageToMoveDown;
newContainerImages[fieldNumber-1] = imageToMoveUp;
this.$set(this.containerImages, newContainerImages);
this.$forceUpdate();
//this.$set(this.containerImages, fieldNumber, imageToMoveDown);
//this.$set(this.containerImages, fieldNumber-1, imageToMoveUp);
/*
let fieldNumber = this.getFieldNumberFromElement(elem);
let tmp = this.containerImages[fieldNumber];
this.containerImages[fieldNumber] = this.containerImages[fieldNumber-1];
this.containerImages[fieldNumber-1] = tmp;
//swap(this.containerImages, fieldNumber, fieldNumber-1);
//this.$set(this.containerImages, fieldNumber-1, tmp);
*/
return parseInt(elem.fieldName.match(/\d+/)[0]);
},
onMoveImageDown(elem){
console.log("Want to move image down");
let fieldNumber = this.getFieldNumberFromElement(elem);
if(fieldNumber < this.containerImages.length - 1) {
let imageToMoveDown = this.containerImages[fieldNumber];
let imageToMoveUp = this.containerImages[fieldNumber+1];
this.containerImages.splice(fieldNumber, 2, imageToMoveUp, imageToMoveDown);
}
},
onMoveImageUp(elem){
let fieldNumber = this.getFieldNumberFromElement(elem);
if(fieldNumber > 0) {
let imageToMoveUp = this.containerImages[fieldNumber];
let imageToMoveDown = this.containerImages[fieldNumber - 1];
this.containerImages.splice(fieldNumber - 1, 2, imageToMoveUp, imageToMoveDown);
}
},
onUpdateImage(elem) {
let fieldNumber = this.getFieldNumberFromElement(elem);