72 lines
No EOL
2.2 KiB
HTML
72 lines
No EOL
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DocTags Tools</title>
|
|
<link rel="stylesheet" href="static/styles.css">
|
|
</head>
|
|
<body>
|
|
<h1>DocTags Analyzer and Visualizer ,,,,,,,,,,,,,,,</h1>
|
|
|
|
<div id="environment-check" class="hidden">
|
|
<h3>Environment Check</h3>
|
|
<div id="env-details"></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="pdf_file">PDF File:</label>
|
|
<select id="pdf_file" name="pdf_file"></select>
|
|
<div id="pdf-load-status"></div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="page_num">Page Number:</label>
|
|
<input type="number" id="page_num" name="page_num" value="1" min="1">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="adjust">
|
|
<input type="checkbox" id="adjust" name="adjust" checked>
|
|
Auto-adjust coordinates
|
|
</label>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="step">
|
|
<h3>Step 1: Analyze PDF</h3>
|
|
<p>Extract DocTags structure from the PDF page</p>
|
|
<button id="analyzer-btn" onclick="runScript('analyzer')">Run Analyzer</button>
|
|
<div id="analyzer-status" class="status"></div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<h3>Step 2: Generate Visualization</h3>
|
|
<p>Create visual representation of the extracted DocTags</p>
|
|
<button id="visualizer-btn" onclick="runScript('visualizer')">Run Visualizer</button>
|
|
<div id="visualizer-status" class="status"></div>
|
|
</div>
|
|
|
|
<div class="step">
|
|
<h3>Step 3: Extract Pictures</h3>
|
|
<p>Extract images from the document based on DocTags</p>
|
|
<button id="extractor-btn" onclick="runScript('extractor')">Run Picture Extractor</button>
|
|
<div id="extractor-status" class="status"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="output" class="output hidden"></div>
|
|
|
|
<div id="image-container" class="hidden">
|
|
<h2>Visualization Result</h2>
|
|
<img id="result-image" src="" alt="Visualization">
|
|
</div>
|
|
|
|
<div class="debug-section">
|
|
<button onclick="checkEnvironment()">Run Environment Check</button>
|
|
<button onclick="manuallyRunScript()">Run Manual Command</button>
|
|
</div>
|
|
|
|
<script src="static/app.js"></script>
|
|
</body>
|
|
</html> |