78 lines
2.9 KiB
Smarty
78 lines
2.9 KiB
Smarty
{{define "base"}}
|
|
<!doctype html>
|
|
<html lang='en'>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<title>{{template "title" .}} | Offline Twitter</title>
|
|
<link rel='stylesheet' href='/static/styles.css'>
|
|
<link rel='shortcut icon' href='/static/twitter.ico' type='image/x-icon'>
|
|
<link rel='stylesheet' href='/static/vendor/fonts.css'>
|
|
<link rel="manifest" href="/static/pwa/manifest.json">
|
|
<script src="/static/vendor/htmx.min.js" integrity="sha384-zUfuhFKKZCbHTY6aRR46gxiqszMk5tcHjsVFxnUo8VMus4kHGVdIYVbOYYNlKmHV" crossorigin="anonymous"></script>
|
|
<script src="/static/vendor/htmx-extension-json-enc.js"></script>
|
|
|
|
<script>
|
|
if ('serviceWorker' in navigator) {
|
|
navigator.serviceWorker.register('/static/pwa/service-worker.js')
|
|
.then(function(registration) {
|
|
console.log('Service Worker registered with scope:', registration.scope);
|
|
}).catch(function(error) {
|
|
console.log('Service Worker registration failed:', error);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
/**
|
|
* Consider HTTP 4xx and 500 errors to contain valid HTMX, and swap them as usual
|
|
*/
|
|
document.body.addEventListener('htmx:beforeSwap', function(e) {
|
|
if (e.detail.xhr.status === 500) {
|
|
e.detail.shouldSwap = true;
|
|
e.detail.isError = true;
|
|
} else if (e.detail.xhr.status >= 400 && e.detail.xhr.status < 500) {
|
|
e.detail.shouldSwap = true;
|
|
e.detail.isError = false;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header class="row search-bar">
|
|
<a onclick="window.history.back()" class="button search-bar__back-button">
|
|
<img class="svg-icon" src="/static/icons/back.svg" width="24" height="24"/>
|
|
</a>
|
|
<form class="search-bar__form" hx-get="/search" hx-push-url="true" hx-target="body" hx-swap="innerHTML show:window:top">
|
|
<input id="searchBar" class="search-bar__input"
|
|
name="q"
|
|
placeholder="Search" type="text"
|
|
{{with (search_text)}} value="{{.}}" {{end}}
|
|
required
|
|
/>
|
|
</form>
|
|
</header>
|
|
{{template "nav-sidebar" (global_data).NotificationBubbles}}
|
|
<main>
|
|
{{template "main" .}}
|
|
</main>
|
|
<dialog
|
|
id="image_carousel"
|
|
class="image-carousel"
|
|
onmousedown="event.button == 0 && event.target==this && this.close()"
|
|
>
|
|
<div class="image-carousel__padding">
|
|
<a class="button image-carousel__close-button" onclick="image_carousel.close()">X</a>
|
|
<img class="image-carousel__active-image" src="">
|
|
</div>
|
|
</dialog>
|
|
<div class="toasts" id="toasts">
|
|
{{range (global_data).Toasts}}
|
|
{{template "toast" .}}
|
|
{{end}}
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|