deblan-mirror/24eme-signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf synced 2024-05-10 09:46:35 +02:00
Code Activity

Drag and drop with only detecting change and direction more easier et

Browse source 
reliable
This commit is contained in:
Vincent LAURENT 2022-10-07 10:47:13 +02:00
parent ebc92a17e5
commit eb758a1b9a
2 changed files with 32 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
public/js/organization.js
View file

@ -120,24 +120,39 @@ var loadPDF = async function(pdfBlob, filename, pdfIndex) {
if (e.preventDefault) {
e.preventDefault();
}
let element = this;
// vers le haut
if(this.offsetTop < document.querySelector('#'+e.dataTransfer.getData('element')).offsetTop && e.layerX <= element.clientWidth / 2) {
element = this.previousSibling;
}
// vers le bas
if(this.offsetTop > document.querySelector('#'+e.dataTransfer.getData('element')).offsetTop && e.layerX > element.clientWidth / 2) {
element = this.nextSibling;
let pdfOver = this;
let pdfMoving = document.querySelector('#'+e.dataTransfer.getData('element'));
if(pdfOver.id == pdfMoving.id) {
return;
}
if(!element.draggable && !this.previousSibling.draggable) {
this.insertAdjacentElement('beforebegin', document.querySelector('#'+e.dataTransfer.getData('element')));
} else if(!element.draggable && !this.nextSibling.draggable) {
this.insertAdjacentElement('beforebegin', document.querySelector('#'+e.dataTransfer.getData('element')));
} else if (e.layerX > element.clientWidth / 2) {
element.insertAdjacentElement('beforebegin', document.querySelector('#'+e.dataTransfer.getData('element')));
} else {
element.insertAdjacentElement('afterend', document.querySelector('#'+e.dataTransfer.getData('element')));
let leftRight = false;
let topBottom = false;
if(pdfOver.offsetTop < pdfMoving.offsetTop) {
topBottom = 'top';
}
if(pdfOver.offsetTop > pdfMoving.offsetTop) {
topBottom = 'bottom';
}
if(pdfOver.offsetLeft > pdfMoving.offsetLeft) {
leftRight = 'right';
}
if(pdfOver.offsetLeft < pdfMoving.offsetLeft) {
leftRight = 'left';
}
if (leftRight == 'left' || topBottom == 'top') {
pdfOver.insertAdjacentElement('beforebegin', pdfMoving);
}
if (leftRight == 'right' || topBottom == 'bottom') {
pdfOver.insertAdjacentElement('afterend', pdfMoving);
}
return false;

2
templates/organization.html.php
View file

@ -103,6 +103,6 @@
<script>
var maxSize = <?php echo $maxSize ?>;
</script>
<script src="/js/organization.js?202210070140"></script>
<script src="/js/organization.js?2022100701047"></script>
</body>
</html>