30 lines
1.3 KiB
HTML
30 lines
1.3 KiB
HTML
|
{{define "content"}}
|
||
|
|
<div style="text-align: center;">
|
||
|
|
<label class="import-container" onclick="labelClicked(event)">
|
||
|
|
<div class="import-wrapper">
|
||
|
|
<form id="import-form" class="import-form" enctype="multipart/form-data" method="POST" action="/import">
|
||
|
|
<input id="import-input" type="url" required onchange="urlSelected()" />
|
||
|
|
<div class="import-details">
|
||
|
|
<span id="import-message" class="import-message">No URL entered</span>
|
||
|
|
<div id="import-button-wrapper" class="import-button-wrapper">
|
||
|
|
<button id="import-button" class="import-button" onclick="startImporting()" type="button">
|
||
|
|
<span id="import-stopped">Import</span>
|
||
|
|
<span id="import-started" class="loader" style="display: none;"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div id="import-progress-container" class="import-progress-container">
|
||
|
|
<div id="import-progress" class="import-progress">
|
||
|
|
<span id="import-progress-label" class="import-progress-label"></span>
|
||
|
|
</div>
|
||
|
|
<div style="flex-grow: 1;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
{{end}}
|
||
|
|
{{define "scripts"}}
|
||
|
|
<script type="application/javascript" src="/static/import.js"></script>
|
||
|
|
{{end}}
|