forked from sheetjs/docs.sheetjs.com
syntaxbullet
fd0d5a6ad0
refactor: replace tabs with `details` element, hide dropzone on file-uploads.
44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<!-- sheetjs (C) 2013-present SheetJS https://sheetjs.com -->
|
|
<!-- vim: set ts=2: -->
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https:">
|
|
<meta name="robots" content="noindex">
|
|
<title>SheetJS Electron Demo</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="spinner-overlay" class="spinner-overlay" style="display:none;"><div class="spinner"></div></div>
|
|
<header>
|
|
<h1 class="text-heading">SheetJS Electron Demo</h1>
|
|
<p class="text-muted text-condensed">Load a spreadsheet to view its contents</p>
|
|
</header>
|
|
<section class="file-upload" id="drop-container">
|
|
<div id="drop">
|
|
<input type="file" id="readIn" style="display:none" tabindex="0" aria-label="Select spreadsheet file">
|
|
<p class="text-muted text-condensed">Drag and drop a file here</p>
|
|
<p class="text-muted text-small">or</p>
|
|
<button type="button" id="readBtn" tabindex="0" aria-label="Open file picker">Select a file</button>
|
|
</div>
|
|
</section>
|
|
<div id="fileStatus" class="file-status"></div>
|
|
<section id="htmlout" class="table-responsive"></section>
|
|
<section class="export">
|
|
<p><input type="submit" value="Export" id="exportBtn" disabled="true" tabindex="0" aria-label="Export spreadsheet"></p>
|
|
</section>
|
|
</body>
|
|
<footer>
|
|
<ul>
|
|
<li><a href="https://docs.sheetjs.com/docs/" class="text-condensed">SheetJS CE Docs</a></li>
|
|
<li><a href="https://www.electronjs.org/docs" class="text-condensed">Electron Docs</a></li>
|
|
</ul>
|
|
</footer>
|
|
<script src="index.js"></script>
|
|
<!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "5045fe4c2b784ddb8c3c6ee7fa0593e5"}'></script><!-- Cloudflare Pages Analytics --></body>
|
|
</html>
|