68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Document Generator</title>
|
|
<link rel="stylesheet" href="/static/styles.css?v=picker1">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="heading">
|
|
<h1>Document Generator</h1>
|
|
</div>
|
|
|
|
<button id="clearFormButton" type="button">Clear Form</button>
|
|
|
|
<label class="file-button">
|
|
Upload JSON
|
|
<input type="file" id="presetFileInput" accept=".json,application/json">
|
|
</label>
|
|
|
|
<button id="downloadJsonButton" type="button">Download JSON</button>
|
|
|
|
<label class="file-button">
|
|
Upload Data CSV
|
|
<input type="file" id="dataFileInput" accept=".csv,text/csv">
|
|
</label>
|
|
|
|
<button id="downloadDataButton" type="button">Download Data CSV</button>
|
|
|
|
<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>
|
|
|
|
<div id="status"></div>
|
|
</div>
|
|
|
|
<script src="/static/app.js?v=picker1"></script>
|
|
</body>
|
|
</html>
|