lnbits-legend/lnbits/templates/base.html

122 lines
3.6 KiB
HTML
Raw Normal View History

2020-08-29 14:10:26 -03:00
<!DOCTYPE html>
2019-12-14 11:48:53 -03:00
<html lang="en">
2019-12-14 11:48:53 -03:00
<head>
2020-09-15 15:54:05 -03:00
{% for url in g.VENDORED_CSS %}
<link rel="stylesheet" type="text/css" href="{{ url }}" />
{% endfor %}
<!---->
<link rel="stylesheet" type="text/css" href="/static/css/base.css" />
2021-06-29 01:19:35 +01:00
{% block styles %}{% endblock %}
2020-11-12 15:32:41 -03:00
<title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title>
2020-08-29 14:10:26 -03:00
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
2021-04-17 23:21:27 -03:00
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
{% block head_scripts %}{% endblock %}
2019-12-14 11:48:53 -03:00
</head>
<body>
<q-layout id="vue" view="hHh lpR lfr" v-cloak>
2021-06-29 01:19:35 +01:00
<q-header bordered class="bg-marginal-bg">
<q-toolbar>
2020-04-16 17:10:53 +02:00
{% block drawer_toggle %}
2020-08-29 14:10:26 -03:00
<q-btn
dense
flat
round
icon="menu"
@click="g.visibleDrawer = !g.visibleDrawer"
></q-btn>
2020-04-16 17:10:53 +02:00
{% endblock %}
2020-04-17 20:39:23 +02:00
<q-toolbar-title>
2020-08-29 14:10:26 -03:00
{% block toolbar_title %} {% if SITE_TITLE != 'LNbits' %} {{
SITE_TITLE }} {% else %}
<strong>LN</strong>bits {% endif %} {% endblock %}
2020-04-17 20:39:23 +02:00
</q-toolbar-title>
2020-04-16 17:10:53 +02:00
{% block beta %}
2020-08-29 14:10:26 -03:00
<q-badge color="yellow" text-color="black">
<span
><span v-show="$q.screen.gt.sm"
>USE WITH CAUTION - LNbits wallet is still in </span
>BETA</span
>
</q-badge>
2020-04-16 17:10:53 +02:00
{% endblock %}
2020-08-29 14:10:26 -03:00
<q-btn
dense
flat
round
@click="toggleDarkMode"
:icon="($q.dark.isActive) ? 'brightness_3' : 'wb_sunny'"
class="q-ml-lg"
size="sm"
>
<q-tooltip>Toggle Dark Mode</q-tooltip>
</q-btn>
</q-toolbar>
</q-header>
2020-04-16 17:10:53 +02:00
{% block drawer %}
2020-08-29 14:10:26 -03:00
<q-drawer
v-model="g.visibleDrawer"
side="left"
:width="($q.screen.lt.md) ? 260 : 230"
show-if-above
:elevated="$q.screen.lt.md"
>
<lnbits-wallet-list></lnbits-wallet-list>
<lnbits-extension-list class="q-pb-xl"></lnbits-extension-list>
</q-drawer>
{% endblock %} {% block page_container %}
<q-page-container>
<q-page class="q-px-md q-py-lg" :class="{'q-px-lg': $q.screen.gt.xs}">
{% block page %}{% endblock %}
</q-page>
</q-page-container>
{% endblock %} {% block footer %}
<q-footer
class="bg-transparent q-px-lg q-py-md"
:class="{'text-dark': !$q.dark.isActive}"
>
<q-toolbar>
<q-toolbar-title class="text-caption">
<strong>LN</strong>bits, free and open-source lightning
wallet/accounts system
2021-06-10 11:51:57 +01:00
<br />
<small>Commit version: {{LNBITS_VERSION}}</small>
2020-08-29 14:10:26 -03:00
</q-toolbar-title>
<q-space></q-space>
<q-btn
flat
dense
2021-06-29 01:19:35 +01:00
:color="($q.dark.isActive) ? 'white' : 'primary'"
2020-08-29 14:10:26 -03:00
icon="code"
type="a"
href="https://github.com/lnbits/lnbits"
target="_blank"
rel="noopener"
>
<q-tooltip>View project in GitHub</q-tooltip>
</q-btn>
</q-toolbar>
</q-footer>
2020-04-17 20:39:23 +02:00
{% endblock %}
</q-layout>
{% block vue_templates %}{% endblock %}
2020-09-15 15:54:05 -03:00
<!---->
{% for url in g.VENDORED_JS %}
<script src="{{ url }}"></script>
{% endfor %}
<!---->
<script src="/static/js/base.js"></script>
<script src="/static/js/components.js"></script>
{% block scripts %}{% endblock %}
2019-12-14 11:48:53 -03:00
</body>
</html>