openstamanager/modules/interventi/modals/anteprima_firma.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 (get('anteprima') !== null) {
    // 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>';
}