-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
48 lines (46 loc) · 2.74 KB
/
index.html
File metadata and controls
48 lines (46 loc) · 2.74 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Custom Element Filerobot</title>
<link rel="stylesheet" type="text/css"
href="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/latest/filerobot-widget.min.css"/>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="relative">
<div id="messageWrapper" class="w-full px-2 py-1.5 border text-gray-600 border-red-500 bg-red-50 shadow flex justify-start space-x-2 rounded hidden">
<span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
</svg>
</span>
<span id="message"></span>
</div>
<button id="filerobotOpenModalBtn" class="flex justify-start space-x-2 border bg-gray-100 px-2 py-1.5 my-4 mx-4 rounded-lg shadow-md hover:text-indigo-600 hover:shadow">
<span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
</svg>
</span>
<span>Add Assets</span>
</button>
<div id="filerobotImages" class="grid grid-cols-6 gap-3 my-5 mx-4"></div>
<div id="filerobotWidgetWrapper" class="absolute top-0 w-full p-1 bg-gray-50 rounded hidden">
<div class="flex justify-end">
<button class="sticky z-50" id="filerobotCloseModalBtn">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-gray-500 hover:text-gray-800">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="z-40 mx-auto ml-2 pb-3 rounded" id="filerobotWidget"></div>
</div>
<script src="https://app.kontent.ai/js-api/custom-element/v1/custom-element.min.js"></script>
<!-- <script type="text/javascript"
src="https://scaleflex.cloudimg.io/v7/plugins/filerobot-widget/stable/filerobot-widget.min.js"></script> -->
<script type="text/javascript"
src="https://cdn.scaleflex.com/plugins/filerobot-widget/v3/latest/filerobot-widget.min.js"></script>
<script type="module" src="/main.js"></script>
</body>
</html>