deblan-mirror/24eme-signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf synced 2024-06-20 06:35:26 +02:00
Code Activity

Mise en forme svg à ajouté en mode mobile

Browse source
This commit is contained in:
Vincent LAURENT 2021-11-14 01:56:07 +01:00
parent 44fa052703
commit b11ac53e29
2 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
public/js/app.js
View file

@ -133,7 +133,11 @@ loadingTask.promise.then(function(pdf) {
document.getElementById('btn_svn_select').classList.add('d-none');
document.getElementById('svg_object_actions').classList.add('d-none');
document.getElementById('svg_selected_container').classList.remove('d-none');
document.getElementById('svg_selected').src = input.value;
if(input.value.match(/^data:/)) {
document.getElementById('svg_selected').src = input.value;
} else {
document.getElementById('svg_selected').src = input.dataset.svg;
}
} else {
document.getElementById('btn_svn_select').classList.remove('d-none');
document.getElementById('svg_object_actions').classList.add('d-none');
@ -501,6 +505,15 @@ loadingTask.promise.then(function(pdf) {
deleteActiveObject();
});
document.getElementById('btn_svg_selected_close').addEventListener('click', function(event) {
var input_selected = document.querySelector('input[name="svg_2_add"]:checked');
stateAddLock(false);
input_selected.checked = false;
input_selected.dispatchEvent(new Event("change"));
this.blur();
});
document.addEventListener('click', function(event) {
if(event.target.nodeName == "DIV") {
@ -585,6 +598,7 @@ loadingTask.promise.then(function(pdf) {
return;
}
document.getElementById('svg_object_actions').classList.remove('d-none');
document.getElementById('svg_selected_container').classList.add('d-none');
document.getElementById('btn_svn_select').classList.add('d-none');
});
@ -592,7 +606,11 @@ loadingTask.promise.then(function(pdf) {
if(!is_mobile()) {
return;
}
document.getElementById('btn_svn_select').classList.remove('d-none');
if(document.querySelector('input[name="svg_2_add"]:checked')) {
document.getElementById('svg_selected_container').classList.remove('d-none');
} else {
document.getElementById('btn_svn_select').classList.remove('d-none');
}
document.getElementById('svg_object_actions').classList.add('d-none');
});

8
templates/pdf.html.php
View file

@ -81,11 +81,9 @@
<div class="d-grid gap-2">
<button id="btn_svn_select" class="btn btn-light btn-lg" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop"><i class="bi bi-hand-index"></i> Séléctionner une signature</button>
</div>
<div id="svg_selected_container" class="d-grid gap-2 d-none">
<div class="btn-group">
<button class="btn btn-outline-secondary"><img id="svg_selected" src="" style="max-height: 40px;" class="img-fluid"/></button>
<button class="btn btn-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop"> Changer</button>
</div>
<div id="svg_selected_container" class="text-center d-none position-relative">
<img id="svg_selected" src="" style="max-height: 40px;" class="img-fluid"/>
<button type="button" id="btn_svg_selected_close" class="btn-close text-reset position-absolute top-0 end-0"></button>
</div>
<div id="svg_object_actions" class="d-none">
<button id="btn-svg-pdf-delete" class="btn btn-lg btn-light"><i class="bi bi-trash"></i></button>