-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathindex.html
89 lines (84 loc) · 4.85 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AEM Importer</title>
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
<link rel="stylesheet" href="./css/styles.css" />
<script type="importmap">
{
"imports": {
"preact": "https://esm.sh/[email protected]",
"preact/": "https://esm.sh/[email protected]/",
"@preact/signals": "https://esm.sh/@preact/[email protected]?external=preact",
"htm/preact": "https://esm.sh/[email protected]/preact?external=preact"
}
}
</script>
<script src="./js/dist/spectrum-web-components.js" async></script>
<script src="./js/shell.ui.js" type="module"></script>
</head>
<body class="parent loading">
<sp-theme color="dark" scale="medium">
<!-- TOP NAV CONTENT -->
<sp-top-nav>
<header>
<a href="#">
<i>
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="-5 -5 250 244" width="32" height="32" y="244">
<rect height="234" rx="42.5" width="240" fill="#fff"/>
<path d="M186.617 175.95h-28.506a6.243 6.243 0 0 1-5.847-3.769l-30.947-72.359a1.364 1.364 0 0 0-2.611-.034L99.42 145.731a1.635 1.635 0 0 0 1.506 2.269h21.2a3.27 3.27 0 0 1 3.01 1.994l9.281 20.655a3.812 3.812 0 0 1-3.507 5.301H53.734a3.518 3.518 0 0 1-3.213-4.904l49.09-116.902A6.639 6.639 0 0 1 105.843 50h28.314a6.628 6.628 0 0 1 6.232 4.144l49.43 116.902a3.517 3.517 0 0 1-3.202 4.904z" data-name="256" fill="#fa0f00"/>
</svg>
</i>
<h1>AEM Importer</h1>
</a>
</header>
<div>
<sp-action-group size="m">
<sp-action-button id="toggle-theme" label="Toggle theme" quiet>
<sp-icon-contrast slot="icon"></sp-icon-contrast>
</sp-action-button>
</sp-action-group>
<div id="authentication-container"></div>
<sp-contextual-help variant="help">
<h2 slot="heading">AEM Importer</h2>
<p>
The AEM Importer offers a set of tools to support you with rapidly importing website content.
</p>
<sp-link slot="link" href="https://www.aem.live/developer/importer#the-aem-importer" target="_blank">
Learn more about importing content
</sp-link>
</sp-contextual-help>
</div>
</sp-top-nav>
<div class="main-content">
<!-- SIDEBAR CONTENT -->
<aside>
<nav>
<sp-sidenav value="import.html" variant="multilevel">
<sp-sidenav-item alue="import" label="Import" expanded>
<sp-sidenav-item value="import.html" label="Workbench" selected></sp-sidenav-item>
<sp-sidenav-item value="import-bulk.html" label="Bulk"></sp-sidenav-item>
</sp-sidenav-item>
<sp-sidenav-item value="crawl.html" label="Crawl"></sp-sidenav-item>
<sp-sidenav-item value="inspect.html" label="Eyedropper"></sp-sidenav-item>
</sp-sidenav>
</nav>
<footer>
<a class="footer" href="https://github.com/adobe/helix-importer-ui" target="_blank" title="GitHub repository">
<svg viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"/>
</svg>
</a>
</footer>
</aside>
<!-- MAIN CONTENT -->
<main>
<iframe src="./import.html"></iframe>
</main>
<div id="alert-container"></div>
</div>
</sp-theme>
<script src="./js/swc_loader.js" type="module"></script>
</body>
</html>