69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{{ template "title" . }} - Nidus Sync</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="/static/css/bootstrap.css" rel="stylesheet" />
|
|
<!-- Fontawesome Icons -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
|
/>
|
|
<!-- Bootstrap Icons -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"
|
|
/>
|
|
<!-- favicon -->
|
|
<link rel="icon" href="/static/favicon-sync.ico" type="image/x-icon" />
|
|
{{ block "extraheader" . }}{{ end }}
|
|
<script>
|
|
var tooltipByElementId = {};
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
var popoverTriggerList = [].slice.call(
|
|
document.querySelectorAll('[data-bs-toggle="popover"]'),
|
|
);
|
|
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
|
|
return new bootstrap.Popover(popoverTriggerEl);
|
|
});
|
|
console.log("Initialized ", popoverTriggerList.length, " popovers");
|
|
|
|
var tooltipTriggerList = [].slice.call(
|
|
document.querySelectorAll('[data-bs-toggle="tooltip"]'),
|
|
);
|
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
|
let t = new bootstrap.Tooltip(tooltipTriggerEl);
|
|
if (tooltipTriggerEl.id != "") {
|
|
tooltipByElementId[tooltipTriggerEl.id] = t;
|
|
console.log("added tooltip to", tooltipTriggerEl.id);
|
|
}
|
|
return t;
|
|
});
|
|
console.log("Initialized ", tooltipTriggerList.length, " tooltips");
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
{{ template "sync/component/icons.html" }}
|
|
<div class="d-flex">
|
|
{{ if .User }}
|
|
{{ template "sync/component/sidebar.html" .User }}
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div id="content">
|
|
{{ template "content" . }}
|
|
</div>
|
|
<script src="/static/vendor/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document
|
|
.getElementById("sidebarToggle")
|
|
.addEventListener("click", function () {
|
|
document.getElementById("sidebar").classList.toggle("collapsed");
|
|
document.getElementById("content").classList.toggle("expanded");
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|