-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathimport-bulk.html
118 lines (107 loc) · 6.42 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!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/shared/log.js"></script>
<script src="./js/dist/spectrum-web-components.js" async></script>
<script src="./js/libs/vendors/html2canvas/html2canvas.min.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 loading">
<sp-theme color="dark" scale="medium">
<!-- MAIN CONTENT -->
<main>
<!-- IMPORT BULK SECTION -->
<section class="import import-bulk">
<div class="section-title">
<div>
<h2>Bulk Import</h2>
<sp-contextual-help>
<h3>Bulk Import</h3>
<p>Use your import script to bulk import a list of pages.</p>
</sp-contextual-help>
</div>
</div>
<sp-divider size="l"></sp-divider>
<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 grows 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>
<div class="local-save">
<sp-checkbox class="option-field" id="import-local-docx" checked>
Save as docx
</sp-checkbox>
<sp-checkbox class="option-field" id="import-local-html">
Save as HTML
</sp-checkbox>
<sp-checkbox class="option-field" id="import-local-md">
Save as Markdown
</sp-checkbox>
</div>
<sp-checkbox class="option-field" id="import-enable-js">
Enable JavaScript
</sp-checkbox>
<sp-help-text variant="negative" icon>
Security risk: only enable Javascript execution when importing from trusted websites.
</sp-help-text>
<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>
<sp-field-label for="import-custom-headers">Custom headers</sp-field-label>
<sp-textfield class="option-field" id="import-custom-headers" multiline placeholder="Define your custom headers as a JSON object with key/value (header name/header value)"></sp-textfield>
</div>
</sp-accordion-item>
</sp-accordion>
<div id="import-action-row">
<sp-button-group>
<sp-button id="import-doimport-button">Import</sp-button>
</sp-button-group>
<div id="transformation-file-default" class="hidden">
<sp-status-light size="s" variant="notice">The default transformation file is being used</sp-status-light>
</div>
</div>
</form>
<span id="folder-name"></span>
<div class="page-preview hidden">
<sp-divider size="s"></sp-divider>
<h3>Page preview</h3>
<div><iframe id="import-content-frame"></iframe></div>
</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>
<script src="./js/swc_loader.js" type="module"></script>
</body>
</html>