158 lines
5.2 KiB
HTML
158 lines
5.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Utility App</title>
|
|
<link rel="stylesheet" href="/static/styles.css?v=legalui3">
|
|
</head>
|
|
<body class="app-loading">
|
|
<header class="app-header">
|
|
<div class="app-header-inner">
|
|
<div class="app-title">Utility App</div>
|
|
|
|
<nav class="app-nav">
|
|
<button class="nav-button active" type="button" data-view="homeView">Home</button>
|
|
<button class="nav-button" type="button" data-view="docGeneratorView">Document Generator</button>
|
|
<button class="nav-button" type="button" data-view="pdfAnnotatorView">PDF Annotator</button>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section id="homeView" class="app-view active">
|
|
<div class="heading">
|
|
<h1 id="mainPageTitle">Utility App</h1>
|
|
</div>
|
|
|
|
<div id="mainPageContent" class="main-page-content" contenteditable="true">
|
|
<p>Select a tool above. This main page text is editable in the browser for quick notes, instructions, or workflow reminders.</p>
|
|
<p><strong>Current tools:</strong> Document Generator and PDF Annotator.</p>
|
|
</div>
|
|
|
|
<div class="home-actions">
|
|
<button id="saveMainPageButton" type="button">Save Main Page Text</button>
|
|
<button id="resetMainPageButton" type="button">Reset Main Page Text</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="docGeneratorView" class="app-view">
|
|
<div class="heading">
|
|
<h1>Document Generator</h1>
|
|
</div>
|
|
|
|
<div class="tool-button-row">
|
|
<button id="clearFormButton" class="tool-action-button" type="button">Clear Form</button>
|
|
|
|
<label class="file-button tool-action-button">
|
|
Upload JSON
|
|
<input type="file" id="presetFileInput" accept=".json,application/json">
|
|
</label>
|
|
|
|
<button id="downloadJsonButton" class="tool-action-button" type="button">Download JSON</button>
|
|
|
|
<label class="file-button tool-action-button">
|
|
Upload Data CSV
|
|
<input type="file" id="dataFileInput" accept=".csv,text/csv">
|
|
</label>
|
|
|
|
<button id="downloadDataButton" class="tool-action-button" type="button">Download Data CSV</button>
|
|
|
|
<label class="file-button tool-action-button">
|
|
Upload Template
|
|
<input type="file" id="templateFileInput" accept=".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
|
|
</label>
|
|
</div>
|
|
|
|
<h2>Document Type</h2>
|
|
|
|
<input type="hidden" id="documentTypeSelect">
|
|
|
|
<div class="document-picker dropdown-picker">
|
|
<button id="documentPickerToggle" class="document-picker-toggle" type="button">
|
|
<span id="selectedDocumentLabel">Select Document Type</span>
|
|
<span class="dropdown-arrow">▼</span>
|
|
</button>
|
|
|
|
<div id="documentPickerMenu" class="document-picker-menu">
|
|
<h3>Default Templates</h3>
|
|
<div id="defaultDocumentOptions" class="picker-list"></div>
|
|
|
|
<h3>Uploaded JSONs</h3>
|
|
<div id="uploadedJsonOptions" class="picker-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="documentDescription"></div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<form id="docForm">
|
|
|
|
<div id="excelTransferRow" class="excel-transfer-row">
|
|
<div class="select-block excel-map-block">
|
|
<label for="excelMapSelect">Excel Template / Map</label>
|
|
<select id="excelMapSelect" class="styled-select"></select>
|
|
</div>
|
|
|
|
<button id="downloadExcelTemplateButton" class="tool-action-button" type="button">Download Excel Template</button>
|
|
<button id="exportExcelButton" class="tool-action-button" type="button">Export Excel</button>
|
|
|
|
<label class="file-button tool-action-button">
|
|
Import Excel
|
|
<input type="file" id="excelImportInput" accept=".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
|
|
</label>
|
|
</div>
|
|
|
|
<div id="legacyTemplateRow" class="template-picker-row" style="display:none;">
|
|
<label for="legacyTemplateSelect">Document Template</label>
|
|
<select id="legacyTemplateSelect" class="styled-select"></select>
|
|
|
|
<div id="uploadedTemplatesManager" class="uploaded-template-manager" style="display:none;">
|
|
<div class="uploaded-template-manager-title">Uploaded Templates</div>
|
|
<div id="uploadedTemplatesList"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="fieldsContainer"></div>
|
|
|
|
<h2>Generate Documents</h2>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<input type="submit" value="Generate DOCX">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
<section id="pdfAnnotatorView" class="app-view">
|
|
<div class="heading">
|
|
<h1>PDF Annotator</h1>
|
|
</div>
|
|
|
|
<p>This is a stub page for the PDF Annotator tool.</p>
|
|
|
|
<p>
|
|
<a class="tool-launch-link" href="http://192.168.1.21:3004/" target="_blank" rel="noopener">
|
|
Open PDF Annotator
|
|
</a>
|
|
</p>
|
|
|
|
<p>Later, this page can embed or proxy the PDF annotator workflow directly inside the Utility App.</p>
|
|
</section>
|
|
|
|
<div id="status"></div>
|
|
</main>
|
|
|
|
<script src="/static/app.js?v=legalui3"></script>
|
|
</body>
|
|
</html>
|