120 lines
6.0 KiB
HTML
120 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright 2021 Netsyms Technologies.
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
-->
|
|
<title>IPENtool</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
|
|
<div class="modal fade" id="settingsModal" tabindex="-1" aria-labelledby="settingsModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="settingsModalLabel">Settings</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Name: <input class="form-control" type="text" id="notary_name" />
|
|
Location (county/residing at): <input class="form-control" type="text" id="notary_location" />
|
|
Commission expiration: <input class="form-control" type="text" id="notary_expires" />
|
|
Commission number: <input class="form-control" type="text" id="notary_idnumber" />
|
|
State: <select class="form-control" id="notary_state">
|
|
<option selected></option>
|
|
<option value="mt">Montana</option>
|
|
</select>
|
|
<br>
|
|
Stamp Preview:<br>
|
|
<img src="" id="stamp-preview" />
|
|
<br>
|
|
Notary Signature:<br>
|
|
<img src="" id="signature-preview" /><br>
|
|
<div class="btn btn-primary" onclick="activateNotarySignaturePad()"><i class="fas fa-signature"></i> Draw Signature</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveSettingsModal()">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="signatureModal" tabindex="-1" aria-labelledby="signatureModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="signatureModalLabel">Signature Pad</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="btn btn-warning d-inline-block" onclick="resizeSignaturePadCanvas();signaturePad.clear();"><i class="fas fa-eraser"></i> Erase</div>
|
|
<div class="btn btn-primary d-inline-block" onclick="signaturePadUndo();"><i class="fas fa-undo"></i> Undo</div>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="signature-wrapper">
|
|
<img src="img/signature-line.svg" />
|
|
<canvas id="signaturecanvas"></canvas>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="signaturePadCallback()">Apply</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<ul class="nav nav-pills">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" onclick="addPDF()"><i class="fas fa-file-pdf"></i> Add PDF</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" onclick="savePDF()"><i class="fas fa-save"></i> Save</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" onclick="openSettingsModal()"><i class="fas fa-cog"></i> Settings</a>
|
|
</li>
|
|
</ul>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="btn btn-primary d-inline" onclick="pdfZoom('fitheight');"><i class="fas fa-arrows-alt-v"></i> Fit Height</div>
|
|
<div class="btn btn-primary d-inline" onclick="pdfZoom('fitwidth');"><i class="fas fa-arrows-alt-h"></i> Fit Width</div>
|
|
<div class="btn btn-primary d-inline" onclick="pdfZoom('out');"><i class="fas fa-search-minus"></i> Zoom Out</div>
|
|
<div class="btn btn-primary d-inline" onclick="pdfZoom('in');"><i class="fas fa-search-plus"></i> Zoom In</div>
|
|
<div class="btn btn-primary d-inline ms-4" onclick="activateStampDrawTool()"><i class="fas fa-stamp"></i> Stamp/Seal</div>
|
|
<div class="btn btn-primary d-inline" onclick="activateClientSignaturePad()"><i class="fas fa-file-signature"></i> Sign (Client)</div>
|
|
<div class="btn btn-primary d-inline" onclick="activateNotarySignatureTool()"><i class="fas fa-signature"></i> Sign (Notary)</div>
|
|
</div>
|
|
<div class="card-body" id="page-canvas-container">
|
|
<canvas id="placementguidebox" width="1000" height="1000"></canvas>
|
|
</div>
|
|
<div class="card-body">
|
|
Page count: <span id="page_count"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<form style="display: none; height: 0; width: 0; margin: 0; padding: 0;">
|
|
<input type="file" id="open-file-input" accept=".pdf"/>
|
|
</form>
|
|
|
|
<div id="svgtrimbox"></div>
|
|
|
|
|
|
<script src="node_modules/jquery/dist/jquery.min.js"></script>
|
|
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="node_modules/pdfjs-dist/build/pdf.min.js"></script>
|
|
<script src="node_modules/jspdf/dist/jspdf.umd.min.js"></script>
|
|
<script src="node_modules/signature_pad/dist/signature_pad.umd.min.js"></script>
|
|
<script src="js/svg-to-image.js"></script>
|
|
<script src="js/util.js"></script>
|
|
<script src="js/storage.js"></script>
|
|
<script src="js/filesystem.js"></script>
|
|
<script src="js/drawtools.js"></script>
|
|
<script src="js/pdf.js"></script>
|
|
<script src="js/main.js"></script> |