BrainMinder/assets/templates/base.tmpl

99 lines
3.7 KiB
Cheetah
Raw Normal View History

2024-08-22 10:13:16 +02:00
{{define "base"}}
2024-12-11 17:52:09 +01:00
<!doctype html>
2024-08-22 10:13:16 +02:00
<html lang="en">
<head>
<meta charset="utf-8" >
<title>BrainMinder</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
2024-10-20 20:25:59 +02:00
<link rel="manifest" href="/static/manifest.json" />
2024-08-22 10:13:16 +02:00
<link rel="stylesheet" href="/static/bootstrap-icons/font/bootstrap-icons.min.css" />
<link rel="stylesheet" href="/static/easymde/easymde.min.css" />
2024-09-10 15:58:20 +02:00
<link rel="stylesheet" href="/static/css/slimselect.css" />
2024-08-22 10:13:16 +02:00
<link rel="stylesheet" href="/static/css/main.css" />
<link rel="icon" type="image/svg+xml" href="/static/img/brainminder-icon.svg">
{{block "page:meta" . }}
2024-12-29 17:32:01 +01:00
{{ end }}
2024-08-22 10:13:16 +02:00
</head>
2024-12-12 17:50:19 +01:00
<body class="base" hx-headers='{"X-CSRF-TOKEN": "{{ .CSRFToken }}"}'>
2024-12-11 17:52:09 +01:00
{{template "partial:sidebar" .}}
<div id="page-main">
2024-11-10 20:52:32 +01:00
<div id="page-top-bar">
2024-10-20 20:25:59 +02:00
<div id="page-title-container">
2024-12-29 17:32:01 +01:00
<a class="hide-large" onclick="bm_toggle_sidebar('main-sidebar'); return false" href="#" style="float: left;">
<img src="/static/img/brainminder.svg" alt="BrainMinder" class="logo" />
2024-08-22 10:13:16 +02:00
</a>
<div id="page-title">{{template "page:title" .}}</div>
2025-01-01 17:30:11 +01:00
<div id="search-bar" class="show-large">
2024-11-29 17:56:53 +01:00
<form method="POST" hx-post="/items/search" hx-target="#page-content" hx-push-url="true" style="float: left">
2024-12-27 17:33:16 +01:00
<input type="text" id="search-text" name="SearchText" class="bar-item" placeholder="Search.." />
2024-11-10 20:52:32 +01:00
<button type="submit"><i class="bi bi-search"></i></button>
2024-08-22 10:13:16 +02:00
</form>
2024-12-29 17:32:01 +01:00
<a class="button" style="position: relative; top: 4px;" onclick="bm_toggle_quickbox();"><i class="bi bi-inbox-fill"></i></a>
2024-10-20 20:25:59 +02:00
</div>
2024-08-22 10:13:16 +02:00
</div>
2024-12-11 17:52:09 +01:00
</div>
2024-08-22 10:13:16 +02:00
<div id="page-content">
{{template "page:content" .}}
2024-12-11 17:52:09 +01:00
</div>
2024-08-22 10:13:16 +02:00
</div>
{{template "partial:footer" .}}
<div id="overlay" onclick="bm_overlay_off('main-sidebar')"></div>
2024-12-13 17:56:43 +01:00
<dialog class="dialog-confirm" id="dialog-confirm-delete">
2024-12-11 17:52:09 +01:00
<header>
2024-12-15 20:35:52 +01:00
<h5></h5>
2024-12-18 18:01:59 +01:00
<span class="close-dialog-confirm button close"><i class='close-dialog-confirm bi bi-x-circle-fill'></i></span>
2024-12-11 17:52:09 +01:00
</header>
2024-12-15 20:35:52 +01:00
2024-12-11 17:52:09 +01:00
<p style="clear: both"></p>
2024-12-16 17:55:33 +01:00
<div id="footer-navbar">
2024-12-18 18:01:59 +01:00
<button id="modal-confirm-delete" class="delete">Delete</button>
</div>
</dialog>
<dialog class="dialog-confirm" id="dialog-confirm">
<header>
<h5></h5>
<span class="close-dialog-confirm button close"><i class='close-dialog-confirm bi bi-x-circle-fill'></i></span>
</header>
<p style="clear: both"></p>
<div id="footer-navbar">
<button id="modal-confirm" class="delete">Confirm</button>
2024-12-16 17:55:33 +01:00
</div>
2024-12-11 17:52:09 +01:00
</dialog>
2024-08-22 10:13:16 +02:00
2024-12-03 17:55:25 +01:00
<div id="quickbox">
<div class="noswipe" id="quickbox-top-bar">
2024-12-29 17:32:01 +01:00
<a class="hide-large logo" onclick="bm_toggle_sidebar('main-sidebar');"><img alt="BrainMinder" src="/static/img/brainminder.svg" class="logo"></a>
2024-12-05 18:16:04 +01:00
<div id="quickbox-title">
<div id="quickbox-title-title"><h5>Quickbox</h5></div>
2024-12-29 17:32:01 +01:00
<div id="quickbox-close"><button onclick="bm_hide_quickbox()"><i class="bi bi-x-circle-fill"></i></button></div>
2024-12-05 18:16:04 +01:00
</div>
2024-08-22 10:13:16 +02:00
</div>
<div id="quickbox-content">
<div id="quickbox-notes"></div>
</div>
2024-12-13 17:56:43 +01:00
<div id="quickbox-footer">
2024-08-22 10:13:16 +02:00
<form method="POST">
2024-12-13 17:56:43 +01:00
<div>
2024-12-16 17:55:33 +01:00
<div id="notetext"><textarea required name="Note" id="quickbox-notetext"></textarea></div>
2024-12-13 17:56:43 +01:00
<div id="notesend"><button type="button" hx-validate="true" hx-post="/quickbox/add" hx-target="#quickbox-notes" hx-swap="beforeend"><i class='bi bi-caret-right-square-fill'></i></button></div>
2024-08-22 10:13:16 +02:00
</div>
</form>
</div>
</div><!-- quickbox -->
<script>{{block "jscode" .}}{{end}}</script>
2024-12-18 18:01:59 +01:00
<dialog id="message"></dialog>
2024-08-22 10:13:16 +02:00
</body>
</html>
{{ end }}