forked from adobe/helix-importer-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
import-bulk.html
94 lines (81 loc) · 4.55 KB
/
import-bulk.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Import (Bulk) Tool</title>
<link rel="stylesheet" href="./css/styles.css" />
<link rel="stylesheet" href="./css/import/import.css" />
<script src="./js/dist/spectrum-web-components.js"></script>
<script src="./js/libs/vendors/babel-polyfill/polyfill.js"></script>
<script src="./js/libs/vendors/exceljs/exceljs.min.js"></script>
<script src="./js/dist/helix-importer.js"></script>
<script src="./js/import/import.ui.js" type="module"></script>
</head>
<body class="tool">
<sp-theme color="dark" scale="medium">
<!-- MAIN CONTENT -->
<main>
<!-- IMPORT BULK SECTION -->
<section class="import import-bulk">
<div class="section-title">
<h2>Import - Bulk</h2>
<p>Use your import.js to bulk import a set of pages with the Import - Bulk.</p>
<sp-divider size="l"></sp-divider>
</div>
<div class="section-cols">
<div class="section-col">
<form class="import-form">
<sp-field-label for="import-urls" required>URLs</sp-field-label>
<sp-textfield class="option-field" multiline id="import-urls">
<sp-help-text slot="help-text">https://www.example.com/a<br>https://www.example.com/b</sp-help-text>
<sp-help-text slot="negative-help-text">Please enter valid URLs.</sp-help-text>
</sp-textfield>
<sp-accordion>
<sp-accordion-item label="Import Options">
<div>
<sp-field-label for="import-file-url" required>Transformation file URL</sp-field-label>
<sp-textfield class="option-field" id="import-file-url" type="url" value="http://localhost:3001/tools/importer/import.js"></sp-textfield>
<sp-field-label for="import-pageload-timeout">Page load timeout</sp-field-label>
<sp-number-field class="option-field" id="import-pageload-timeout" value="100" min="0" step="100" format-options='{ "style": "unit", "unit": "millisecond", "unitDisplay": "short" }'></sp-number-field>
<sp-checkbox class="option-field" id="import-local-save" checked>
Save locally as .docx
</sp-checkbox>
<sp-checkbox class="option-field" id="import-enable-js" checked>
Enable JavaScript
</sp-checkbox>
<sp-checkbox class="option-field" id="import-show-preview" checked>
Show preview
</sp-checkbox>
<sp-checkbox class="option-field" id="import-scroll-to-bottom" checked>
Scroll to bottom
</sp-checkbox>
</div>
</sp-accordion-item>
</sp-accordion>
<sp-button-group>
<sp-button id="import-doimport-button">Import</sp-button>
</sp-button-group>
</form>
<span id="folder-name"></span>
<div class="page-preview hidden">
<sp-divider size="s"></sp-divider>
<h3>Page preview</h3>
<iframe id="import-content-frame" frameborder="0"></iframe>
</div>
</div>
<div class="section-col">
<div id="import-result">
<h2></h2>
<ul></ul>
</div>
<sp-button-group>
<sp-button id="import-downloadImportReport" class="hidden">Download import report</sp-button>
</sp-button-group>
</div>
</div>
</section>
</main>
<div id="alert-container"></div>
</sp-theme>
</body>
</html>