116 lines
3.7 KiB
HTML
116 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Utility App</title>
|
|
<link rel="stylesheet" href="/static/styles.css?v=shell1">
|
|
</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>
|
|
</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>
|
|
|
|
<form id="docForm">
|
|
<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=shell1"></script>
|
|
</body>
|
|
</html>
|