openstamanager/modules/interventi/modals/anteprima_firma.php

170 lines
6.2 KiB
PHP

<?php
/*
* OpenSTAManager: il software gestionale open source per l'assistenza tecnica e la fatturazione
* Copyright (C) DevCode s.r.l.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
include_once __DIR__.'/../../../core.php';
if (!empty(get('anteprima'))) {
// Lettura dati intervento
$query = 'SELECT codice FROM in_interventi WHERE id='.prepare($id_record);
$rs = $dbo->fetchArray($query);
if (empty($rs)) {
echo tr('Intervento inesistente!');
exit;
}
// Gestione della stampa
$directory = base_dir().'/files/interventi/';
$id_print = setting('Stampa per anteprima e firma');
// HTML per la visualizzazione
echo '
<div id="preview">
<button type="button" class="btn btn-success btn-block btn-lg" id="firma">
<i class="fa fa-pencil"></i> '.tr('Firma').'
</button>
<br>
<div class="clearfix"></div>
<iframe src="'.Prints::getPreviewLink($id_print, $id_record, $directory).'" frameborder="0" width="100%" height="550"></iframe>
</div>';
}
if ((setting('Sistema di firma') == 'Base') || isMobile()) {
?>
<form action="<?php echo base_path(); ?>/editor.php?id_module=<?php echo $id_module; ?>&id_record=<?php echo $id_record; ?>" method="post" id="form-firma" class="hide">
<input type="hidden" name="op" value="firma">
<input type="hidden" name="backto" value="record-edit">
<div class="row">
<div class="col-md-12">
{[ "type": "text", "label": "<?php echo tr('Nome e cognome'); ?>", "name": "firma_nome", "required": 1 ]}
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="signature-pad" class="signature-pad">
<canvas id="canvas" onselectstart="return false"></canvas>
<input type="hidden" name="firma_base64" id="firma_base64" value="">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<button type="button" class="btn btn-danger" data-action="clear">
<i class="fa fa-eraser"></i> <?php echo tr('Cancella firma'); ?>
</button>
</div>
<div class="col-md-6">
<button type="submit" class="btn btn-success pull-right" data-action="save">
<i class="fa fa-check"></i> <?php echo tr('Salva firma'); ?>
</button>
</div>
</div>
</form>
<div class="clearfix"></div>
<script type="text/javascript">
$(document).ready( function() {
$('#firma').on('click', function() {
$('#preview').addClass('hide');
$('#form-firma').removeClass('hide');
})
var wrapper = document.getElementById("signature-pad"),
clearButton = document.querySelector("[data-action=clear]"),
saveButton = document.querySelector("[data-action=save]"),
canvas = document.getElementById("canvas");
var signaturePad = new SignaturePad(canvas, {
backgroundColor: 'rgb(255,255,255)'
});
function resizeCanvas() {
image_data = signaturePad.toDataURL();
var ratio = Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
signaturePad.clear();
signaturePad.fromDataURL(image_data);
}
window.addEventListener("resize", resizeCanvas);
$('#firma').click(resizeCanvas);
clearButton.addEventListener("click", function (event) {
signaturePad.clear();
});
saveButton.addEventListener("click", function (event) {
if (signaturePad.isEmpty()) {
alert(globals.translations.signatureMissing);
event.preventDefault();
return;
} else {
image_data = signaturePad.toDataURL("image/jpeg", 100);
$('#firma_base64').val(image_data);
}
});
});
</script>
<?php
} elseif (setting('Sistema di firma') == 'Tavoletta Wacom') {
echo '
<div id="firma-div"></div>
<script type="text/javascript">
$(document).ready( function() {
$("#firma").on("click", function() {
$("#preview").addClass("hide");
try {
// Check if navigator.hid is available
if (navigator.hid) {
caricaTavoletta()
} else {
// Handle the case when navigator.hid is undefined
swal("'.tr('Errore').'", "'.tr('navigator.hid non è supportato da questo browser!').'", "error");
$("#modals > div").modal("hide");
}
} catch (error) {
// Handle any other errors that may occur
console.error("An error occurred:", error);
}
});
});
function caricaTavoletta(){
let container = $("#firma-div");
localLoading(container, true);
return $.get("'.$structure->fileurl('modals/firma_tavoletta.php').'?id_module='.$id_module.'&id_record='.$id_record.'", function(data) {
container.html(data);
localLoading(container, false);
});
}
</script>';
}