generated from kyma-project/template-repository
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
77 lines (69 loc) · 6.38 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Kyma modules</title>
<style>
ui5-table ui5-table-column.table-header-text-alignment::part(column) {
text-align: end;
}
.code {
height: 70vh;
width: 70vw;
}
.small-badge {
font-size: 0.65rem;
}
ui5-shellbar::part(root) {
padding-inline-start: 0.75rem;
padding-inline-end: 1.25rem;
border-radius: 0.5rem;
box-shadow:
0 0 0.125rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent),
0 0.5rem 1rem 0 color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);
}
.tool-layout {
padding: 0.5rem 0.5rem 0 0.5rem;
background: color-mix(in srgb, black 4%, var(--sapBackgroundColor));
display: grid;
gap: 0.5rem;
grid-template-rows: auto 1fr;
grid-template-columns: auto 1fr;
}
.tool-layout > * {
z-index: 1;
}
ui5-shellbar {
grid-column: 1 / span 2;
grid-row: 1 / 2;
}
ui5-side-navigation {
border-radius: 0.5rem 0.5rem 0 0.5rem;
}
.ui5-card-root {
border-radius: 0.5rem 0.5rem 0 0.5rem;
}
</style>
</head>
<body data-ui5-compact-size>
<div class="tool-layout">
<ui5-shellbar primary-title="Kyma modules">
<ui5-button icon="menu2" slot="startButton" id="toggle"></ui5-button>
<img slot="logo"
src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjNweCIgaGVpZ2h0PSI2MXB4IiB2aWV3Qm94PSIwIDAgNjMgNjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bG9nb19pY29uPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJsb2dvX2ljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTk2NjU0LCAwLjAwMDExMSkiIGZpbGw9IiMwQjc0REUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Mi41NTE1ODE1LDYwLjYyMzE0MTggTDE5LjQzOTAyMDksNjAuNjIzMTQxOCBDMTcuOTEwNzk2Miw2MC42MjcxMzczIDE2LjQ2NDQ5Nyw1OS45MzMzMTgyIDE1LjUxMjEwMDUsNTguNzM5MzAxIEwxLjA5NzQyOTI5LDQwLjY2NjU1NTkgQzAuMTQxNjc4OCwzOS40NzM2MTA2IC0wLjIxNTU0MjI0NCwzNy45MDk1MjA1IDAuMTI3NjcxNTA4LDM2LjQyMDQ3NzQgTDUuMjc1NzY4NCwxMy45MDQzMDEgQzUuNjEwNTg2NDksMTIuNDEzMjgwNyA2LjYxMjYxMzY1LDExLjE1ODY0NTkgNy45OTM0ODQ2NiwxMC41MDE0NTc4IEwyOC44MTMzNDYyLDAuNTAyMjQyMTU4IEMzMC4xOTA3NjM1LC0wLjE2NzQxNDA1MyAzMS43OTk4MzksLTAuMTY3NDE0MDUzIDMzLjE3NzI1NjIsMC41MDIyNDIxNTggTDU0LjAwMzEwNCwxMC41MTkzOTkgQzU1LjM4MDU3NzEsMTEuMTgwODU1OCA1Ni4zODEwODE2LDEyLjQzMzU4NCA1Ni43MjA4MjAyLDEzLjkyMjI0MjEgTDYxLjg2MjkzMSwzNi40Mzg0MTg2IEM2Mi4yMDYxNDQ3LDM3LjkyNzQ2MTcgNjEuODQ4OTIzNywzOS40OTE1NTE4IDYwLjg5MzE3MzIsNDAuNjg0NDk3IEw0Ni40Nzg1MDE5LDU4LjczOTMwMSBDNDUuNTI2MTA1NCw1OS45MzMzMTgyIDQ0LjA3OTgwNjMsNjAuNjI3MTM3MyA0Mi41NTE1ODE1LDYwLjYyMzE0MTggWiBNMjkuNzM1MjE0NywyLjM5MjA0NjA4IEw4LjkwOTM2NzAxLDEyLjQyMTE2MzcgQzguMTEwNjA5NjIsMTIuODA0NTAzIDcuNTMwODIzMjIsMTMuNTMxMjkwOCA3LjMzNTAwNzE1LDE0LjM5NDY5MzEgTDIuMTkyODk2NDIsMzYuOTA0ODg5MiBDMS45OTM3MzQwNiwzNy43NjcwNTkxIDIuMjAxMTAwODEsMzguNjcyODYzNiAyLjc1NTU5NTM4LDM5LjM2MjgzMDQgTDE3LjE2NDI4MDUsNTcuNDExNjUzOSBDMTcuNzEzNDcwMiw1OC4xMDY4MzI0IDE4LjU1MjU3MDIsNTguNTEwNTM2IDE5LjQzOTAyMDksNTguNTA2MTAyNSBMNDIuNTUxNTgxNSw1OC41MDYxMDI1IEM0My40MzgwMzIzLDU4LjUxMDUzNiA0NC4yNzcxMzIyLDU4LjEwNjgzMjQgNDQuODI2MzIyLDU3LjQxMTY1MzkgTDU5LjI2NDkzNzksMzkuMzYyODMwNCBDNTkuODE4MTU3LDM4LjY3MjI0MzEgNjAuMDIzMzg1MSwzNy43NjYxNDA4IDU5LjgyMTY1MDcsMzYuOTA0ODg5MiBMNTQuNjU1NTk1MywxNC4zOTQ2OTMxIEM1NC40NTk3NzkzLDEzLjUzMTI5MDggNTMuODc5OTkyOSwxMi44MDQ1MDMgNTMuMDgxMjM1NSwxMi40MjExNjM3IEwzMi4yNTUzODc3LDIuMzkyMDQ2MDggQzMxLjQ2MDM1MjUsMi4wMDM0NjU5NiAzMC41MzAyNDk5LDIuMDAzNDY1OTYgMjkuNzM1MjE0NywyLjM5MjA0NjA4IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTMuODI0MDAzNiwyMy40MDcxNDQxIEwxMy44MjQwMDM2LDM2LjI3MDk2NzYgQzE0LjY5MTUzMjQsMzUuODI4NDA4NSAxNS42NTE0NDIxLDM1LjU5Njg1ODcgMTYuNjI1NTI2MSwzNS41OTUxODMzIEwxOS4zNzkxNTkzLDM1LjU5NTE4MzMgQzIzLjA4MTg5NDEsMzUuNjg5MjYwMiAyNi43MDM3NDU3LDM0LjUwNDI2MjMgMjkuNjMzNDUsMzIuMjQwMTgzMyBDMjguODg1MTgwMSwzMS41NzYzNTk4IDI4LjE1NDg2ODcsMzAuODk0NTk1MSAyNy40NTQ0ODgxLDMwLjIyNDc5MTIgQzIzLjk0NjU5ODgsMjYuODY5NzkxMiAyMC4yNTMxMzg2LDIzLjY5NDIwMjkgMTMuODI0MDAzNiwyMy40MDcxNDQxIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00OC4xNjY1OTg4LDIzLjUyMDc3MTYgQzQxLjg0NTIxNDcsMjMuODMxNzUxOSAzOC41MTY5MTAyLDI2Ljk3NzQzODIgMzQuOTk3MDQ4NiwzMC4zMDI1MzYzIEMzMS4xODM4NjUyLDMzLjkzMjYzNDMgMjcuMjIxMDI3OSwzNy42NzYzNTk4IDE5LjM3OTE1OTMsMzcuNjc2MzU5OCBMMTYuNjI1NTI2MSwzNy42NzYzNTk4IEMxNS4wOTgyNzE2LDM3LjY5MjU0MTIgMTMuODY0MTQ1MywzOC45MjU0Nzg2IDEzLjg0Nzk0ODMsNDAuNDUxMjYxNyBMMTMuODQ3OTQ4Myw0My45NzM3MTI3IEw0OC4xNjY1OTg4LDQzLjk3MzcxMjcgTDQ4LjE2NjU5ODgsMjMuNTIwNzcxNiBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzAuMzIxODU4MywyMi4yMzQ5ODcyIEMyNy4zOTQ2MjY1LDE5LjQzNjE2MzcgMjQuNDYxNDA4NSwxNi42NDMzMjA2IDE4LjYwMDk1ODcsMTYuNjQzMzIwNiBMMTguNjAwOTU4NywyMi4xOTkxMDQ5IEMyMS4wODg2MjA5LDIyLjkyMDI5NDYgMjMuMzk3MTMzNywyNC4xNTQ5MzMzIDI1LjM3NzI5MDgsMjUuODIzMjIyNSBDMjcuMjE5MzIxLDI0LjkxOTM4MzQgMjguODkxOTE5LDIzLjcwNTU5MTcgMzAuMzIxODU4MywyMi4yMzQ5ODcyIFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Mi40Njc3NzUzLDE3LjYxMjE0NDEgQzM3LjYwMTAyNzksMTcuODg3MjQyMSAzNS4wMzI5NjU2LDIwLjMzMzIyMjUgMzIuMzI3MjIxNiwyMi45Mjg3MTI3IEMzMC43Mzg0NDU1LDI0LjU4MzIxMDMgMjguOTI0ODcyNSwyNi4wMDY1MDAxIDI2LjkzOTY3ODQsMjcuMTU2ODUgQzI3LjUzODI5NDMsMjcuNzE5MDA2OCAyOC4xNjY4NDEsMjguMjkzMTI0NSAyOC43NjU0NTY5LDI4Ljg2NzI0MjEgQzI5LjUzMTY4NTMsMjkuNTk2ODUgMzAuMzIxODU4MywzMC4zMzg0MTg2IDMxLjEyOTk4OTgsMzEuMDQ0MTA0OSBDMzEuOTYyMDY1OSwzMC4zMjA0Nzc0IDMyLjc3MDE5NzQsMjkuNTYwOTY3NiAzMy41OTAzMDEyLDI4Ljc4OTQ5NyBDMzYuMTIyNDQ2NSwyNi4zOTczNDAyIDM4LjczODM5ODEsMjMuOTQ1Mzc5NCA0Mi40Nzk3NDc2LDIyLjU2MzkwODggTDQyLjQ2Nzc3NTMsMTcuNjEyMTQ0MSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'>
<ui5-shellbar-item icon="sap-icon://refresh" slot="default" text="Shellbar Item 1"
id="refreshBtn">Refresh</ui5-shellbar-item>
</ui5-shellbar>
<ui5-side-navigation>
<ui5-side-navigation-item text="Dashboard" icon="puzzle" id="navItemDashboard"></ui5-side-navigation-item>
<ui5-side-navigation-item text="Modules" selected icon="product" id="navItemModules"></ui5-side-navigation-item>
</ui5-side-navigation>
<div class="content" id="app">
Wait for list of kyma modules to load...
</div>
<div id="overlay"></div>
</div>
<script type="module" src="/main.js"></script>
</body>
</html>