|
|
|
@ -8,7 +8,7 @@ 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="css/bootstrap.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
|
|
|
<link rel="icon" href="img/icon.svg" />
|
|
|
|
@ -149,10 +149,10 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card d-flex flex-column h-100">
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<div class="btn-toolbar d-inline-block" role="toolbar">
|
|
|
|
|
<div class="btn-group me-2 mb-2" role="group" aria-label="First group">
|
|
|
|
|
<div class="d-flex flex-column h-100">
|
|
|
|
|
<div class="d-flex flex-wrap" id="toolbar-bin">
|
|
|
|
|
<div class="card d-inline-block">
|
|
|
|
|
<div class="card-body p-1">
|
|
|
|
|
<div class="btn btn-primary" onclick="addPDF();"><i class="fas fa-file-pdf"></i> Add PDF</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="savePDF();"><i class="fas fa-save"></i> Save Signed PDF</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="closePDF(true);"><i class="fas fa-trash"></i> Close PDF</div>
|
|
|
|
@ -160,15 +160,16 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
|
<div class="btn btn-primary" onclick="openSettingsModal();"><i class="fas fa-cog"></i> Settings</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-inline-block"><span id="lockstatus" title="Private key locked"><i class="fas fa-lock"></i></span> <span id="statustext"></span></div>
|
|
|
|
|
<div class="btn-toolbar" role="toolbar">
|
|
|
|
|
<div class="btn-group me-2 mb-2" role="group" aria-label="Second group">
|
|
|
|
|
<div class="card d-inline-block">
|
|
|
|
|
<div class="card-body p-1">
|
|
|
|
|
<div class="btn btn-primary" onclick="pdfZoom('fitheight');"><i class="fas fa-arrows-alt-v"></i> Fit Height</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="pdfZoom('fitwidth');"><i class="fas fa-arrows-alt-h"></i> Fit Width</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="pdfZoom('out');"><i class="fas fa-search-minus"></i> Zoom Out</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="pdfZoom('in');"><i class="fas fa-search-plus"></i> Zoom In</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-group me-2 mb-2" role="group" aria-label="Third group">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card d-inline-block">
|
|
|
|
|
<div class="card-body p-1">
|
|
|
|
|
<div class="btn btn-primary" onclick="activateStampDrawTool()"><i class="fas fa-stamp"></i> Stamp/Seal</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="activateClientSignaturePad()"><i class="fas fa-file-signature"></i> Sign (Client)</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="activateNotarySignatureTool()"><i class="fas fa-file-signature"></i> Sign (Notary)</div>
|
|
|
|
@ -176,16 +177,23 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
|
<div class="btn btn-primary" onclick="activateNotaryCertificateTool()"><i class="fas fa-sticky-note"></i> Add Certificate</div>
|
|
|
|
|
<div class="btn btn-primary" onclick="disableGuideBox()">Cancel</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn-group mb-2" role="group" aria-label="Fourth group">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card d-inline-block">
|
|
|
|
|
<div class="card-body p-1">
|
|
|
|
|
<div class="btn btn-primary" onclick="addPage()"><i class="fas fa-plus"></i> Append Blank Page</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card d-inline-block">
|
|
|
|
|
<div class="card-body p-1 h-100 d-flex align-items-center">
|
|
|
|
|
<span id="lockstatus" title="Private key locked"><i class="fas fa-lock"></i></span> <span id="statustext"></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body flex-grow-1 w-100 h-100 p-0 position-relative" id="page-canvas-container-container">
|
|
|
|
|
<div id="page-canvas-container" class="p-0 m-0">
|
|
|
|
|
|
|
|
|
|
<div class="card flex-grow-1" id="page-canvas-container-card">
|
|
|
|
|
<div id="page-canvas-container" class="card-body p-0 m-0">
|
|
|
|
|
<canvas id="placementguidebox" width="1000" height="1000"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="shadowbox"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|