forked from adobe/helix-importer-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
crawl.html
90 lines (78 loc) · 4.41 KB
/
crawl.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Crawler Tool</title>
<link rel="stylesheet" href="./css/styles.css" />
<link rel="stylesheet" href="./css/crawl/crawl.css" />
<script src="./js/dist/spectrum-web-components.js"></script>
<script src="./js/libs/vendors/exceljs/exceljs.min.js"></script>
<script src="./js/crawl/crawl.ui.js" type="module"></script>
</head>
<body class="tool">
<sp-theme color="dark" scale="medium">
<!-- MAIN CONTENT -->
<main>
<!-- CRAWL SECTION -->
<section class="crawl">
<div class="section-title">
<h2>Crawl</h2>
<p>Use the Crawl tool to find URLs on a remote website using either the robots.txt or the sitemap.</p>
<sp-divider size="l"></sp-divider>
</div>
<div class="section-cols">
<div class="section-col">
<form class="crawl-form">
<sp-field-label for="crawl-url" required>Host / Page URL</sp-field-label>
<sp-textfield class="option-field" id="crawl-url" type="url">
<sp-help-text slot="help-text">https://www.example.com</sp-help-text>
<sp-help-text slot="negative-help-text">Please enter a valid URL.</sp-help-text>
</sp-textfield>
<sp-accordion>
<sp-accordion-item label="Crawl Options">
<div>
<sp-field-label for="crawl-pageload-timeout">Page load timeout</sp-field-label>
<sp-number-field class="option-field" id="crawl-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="crawl-enable-js" checked>
Enable JavaScript
</sp-checkbox>
<sp-checkbox class="option-field" id="crawl-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="crawl-sitemap-file" required>Sitemap</sp-field-label>
<sp-textfield class="option-field" id="crawl-sitemap-file" value="/sitemap.xml"></sp-textfield>
<sp-field-label for="crawl-filter-pathname" required>Filter pathname</sp-field-label>
<sp-textfield class="option-field" id="crawl-filter-pathname" value="/"></sp-textfield>
</div>
</sp-accordion-item>
</sp-accordion>
<sp-button-group>
<sp-button id="crawl-getfromrobot-button">Get from robots.txt or sitemap</sp-button>
<sp-button id="crawl-docrawl-button">Crawl</sp-button>
</sp-button-group>
</form>
<div class="page-preview hidden">
<sp-divider size="s"></sp-divider>
<h3>Page preview</h3>
<iframe id="crawl-content-frame" frameborder="0"></iframe>
</div>
</div>
<div class="section-col">
<div id="crawl-result">
<h2></h2>
<ul></ul>
</div>
<sp-button-group>
<sp-button id="crawl-downloadCrawlReport" class="hidden">Download crawl report</sp-button>
</sp-button-group>
</div>
</div>
</section>
</main>
<div id="alert-container"></div>
</sp-theme>
</body>
</html>