2020-08-29 14:10:26 -03:00
|
|
|
<!DOCTYPE html>
|
2019-12-14 11:48:53 -03:00
|
|
|
|
2020-03-04 23:11:15 +01:00
|
|
|
<html lang="en">
|
2022-04-20 11:20:39 +01:00
|
|
|
<head>
|
2023-04-21 14:51:46 +02:00
|
|
|
{% for url in INCLUDED_CSS %}
|
2023-10-27 13:50:49 +02:00
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
type="text/css"
|
|
|
|
|
href="{{ static_url_for('static', url ) }}"
|
|
|
|
|
/>
|
2023-04-27 15:38:52 +02:00
|
|
|
{% endfor %} {% block styles %}{% endblock %}
|
2023-10-27 13:50:49 +02:00
|
|
|
<style>
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Material Icons';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url("{{ static_url_for('static', 'fonts/material-icons-v50.woff2') }}")
|
|
|
|
|
format('woff2');
|
|
|
|
|
}
|
|
|
|
|
</style>
|
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" />
|
2022-04-20 11:20:39 +01:00
|
|
|
<meta
|
|
|
|
|
name="viewport"
|
2022-09-23 14:40:20 +01:00
|
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"
|
2022-04-20 11:20:39 +01:00
|
|
|
/>
|
2021-04-17 23:21:27 -03:00
|
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
2022-04-20 11:20:39 +01:00
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
2022-07-05 15:05:31 -06:00
|
|
|
{% if web_manifest %}
|
2022-07-05 16:16:46 -06:00
|
|
|
<link async="async" rel="manifest" href="{{ web_manifest }}" />
|
|
|
|
|
{% endif %} {% block head_scripts %}{% endblock %}
|
2022-04-20 11:20:39 +01:00
|
|
|
</head>
|
2019-12-14 15:49:32 -03:00
|
|
|
|
2022-04-20 11:20:39 +01:00
|
|
|
<body data-theme="bitcoin">
|
2021-06-30 16:44:18 +01:00
|
|
|
<q-layout id="vue" view="hHh lpR lfr" v-cloak>
|
2022-04-20 11:20:39 +01:00
|
|
|
<q-header bordered class="bg-marginal-bg">
|
|
|
|
|
<q-toolbar>
|
|
|
|
|
{% block drawer_toggle %}
|
|
|
|
|
<q-btn
|
|
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
round
|
|
|
|
|
icon="menu"
|
|
|
|
|
@click="g.visibleDrawer = !g.visibleDrawer"
|
|
|
|
|
></q-btn>
|
|
|
|
|
{% endblock %}
|
|
|
|
|
<q-toolbar-title>
|
2023-11-13 14:42:01 +00:00
|
|
|
{% block toolbar_title %}
|
|
|
|
|
<q-btn flat no-caps dense size="lg" type="a" href="/"
|
|
|
|
|
>{% if USE_CUSTOM_LOGO %}
|
2022-06-08 15:23:36 +01:00
|
|
|
<img height="30px" alt="Logo" src="{{ USE_CUSTOM_LOGO }}" />
|
|
|
|
|
{%else%} {% if SITE_TITLE != 'LNbits' %} {{ SITE_TITLE }} {% else
|
|
|
|
|
%}
|
2023-10-10 15:04:13 +01:00
|
|
|
<span><strong>LN</strong>bits</span> {% endif %} {%endif%} </q-btn
|
|
|
|
|
>{% endblock %} {% block toolbar_subtitle %}{%if user and
|
|
|
|
|
user.super_user%}
|
2023-05-19 08:32:02 +01:00
|
|
|
<q-badge align="middle">Super User</q-badge>
|
|
|
|
|
{% elif user and user.admin %}
|
|
|
|
|
<q-badge align="middle">Admin User</q-badge>
|
|
|
|
|
{%endif%}{% endblock %}
|
2022-04-20 11:20:39 +01:00
|
|
|
</q-toolbar-title>
|
2023-03-07 12:40:19 +01:00
|
|
|
{% block beta %} {% if VOIDWALLET %}
|
2023-03-02 12:03:58 +01:00
|
|
|
<q-badge color="red" text-color="black" class="q-mr-md">
|
2023-04-05 12:51:05 +02:00
|
|
|
{% raw %}{{ $t('voidwallet_active') }}{% endraw %}
|
2023-03-02 12:03:58 +01:00
|
|
|
</q-badge>
|
2023-03-07 12:28:52 +01:00
|
|
|
{%endif%}
|
2023-05-11 01:12:48 +02:00
|
|
|
<q-badge
|
|
|
|
|
v-show="$q.screen.gt.sm"
|
|
|
|
|
color="yellow"
|
|
|
|
|
text-color="black"
|
|
|
|
|
class="q-mr-md"
|
|
|
|
|
>
|
2022-04-20 11:20:39 +01:00
|
|
|
<span
|
2023-04-05 12:51:05 +02:00
|
|
|
v-text='$t("use_with_caution", { name: "{{ SITE_TITLE }}" })'
|
|
|
|
|
></span>
|
2020-08-29 14:10:26 -03:00
|
|
|
</q-badge>
|
2020-04-16 17:10:53 +02:00
|
|
|
{% endblock %}
|
2022-07-05 16:16:46 -06:00
|
|
|
<q-badge
|
|
|
|
|
v-if="g.offline"
|
|
|
|
|
color="red"
|
|
|
|
|
text-color="white"
|
|
|
|
|
class="q-mr-md"
|
|
|
|
|
>
|
2023-04-05 12:51:05 +02:00
|
|
|
<span>OFFLINE</span>
|
2022-07-04 13:03:21 -06:00
|
|
|
</q-badge>
|
2023-09-11 15:48:49 +02:00
|
|
|
<lnbits-notifications-btn
|
|
|
|
|
v-if="g.user"
|
|
|
|
|
pubkey="{{ WEBPUSH_PUBKEY }}"
|
|
|
|
|
></lnbits-notifications-btn>
|
2023-04-05 12:51:05 +02:00
|
|
|
<q-btn-dropdown
|
|
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
round
|
|
|
|
|
size="sm"
|
|
|
|
|
icon="language"
|
|
|
|
|
class="q-pl-md"
|
|
|
|
|
>
|
2023-05-24 11:43:31 +01:00
|
|
|
<q-list v-for="(lang, index) in g.langs" :key="index">
|
|
|
|
|
<q-item
|
|
|
|
|
clickable
|
|
|
|
|
v-close-popup
|
2023-06-01 12:33:53 +02:00
|
|
|
:active="activeLanguage(lang.value)"
|
2023-05-24 11:43:31 +01:00
|
|
|
@click="changeLanguage(lang.value)"
|
|
|
|
|
><q-item-section>
|
|
|
|
|
{% raw %}
|
|
|
|
|
<q-item-label
|
|
|
|
|
>{{lang.display ?? lang.value.toUpperCase()}}</q-item-label
|
|
|
|
|
>
|
|
|
|
|
<q-tooltip>{{lang.label}}</q-tooltip>
|
|
|
|
|
{% endraw %}
|
2023-05-09 10:42:27 +02:00
|
|
|
</q-item-section>
|
|
|
|
|
</q-item>
|
2023-04-05 12:51:05 +02:00
|
|
|
</q-list>
|
|
|
|
|
</q-btn-dropdown>
|
2021-06-29 09:39:12 +01:00
|
|
|
<q-btn-dropdown
|
2021-07-01 11:54:45 +01:00
|
|
|
v-if="g.allowedThemes && g.allowedThemes.length > 1"
|
2021-06-29 09:39:12 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
round
|
|
|
|
|
size="sm"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="format_color_fill"
|
2021-06-29 09:39:12 +01:00
|
|
|
class="q-pl-md"
|
|
|
|
|
>
|
|
|
|
|
<div class="row no-wrap q-pa-md">
|
2022-02-17 21:34:36 +00:00
|
|
|
<q-btn
|
2022-02-17 21:46:51 +00:00
|
|
|
v-if="g.allowedThemes.includes('classic')"
|
2022-02-17 21:34:36 +00:00
|
|
|
dense
|
|
|
|
|
flat
|
2022-02-17 21:46:51 +00:00
|
|
|
@click="changeColor('classic')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2022-02-17 21:46:51 +00:00
|
|
|
color="deep-purple"
|
2022-02-17 21:34:36 +00:00
|
|
|
size="md"
|
2022-02-17 21:46:51 +00:00
|
|
|
><q-tooltip>classic</q-tooltip>
|
2022-02-17 21:34:36 +00:00
|
|
|
</q-btn>
|
2021-06-29 09:39:12 +01:00
|
|
|
<q-btn
|
2022-02-17 21:46:51 +00:00
|
|
|
v-if="g.allowedThemes.includes('bitcoin')"
|
2021-06-29 09:39:12 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
2022-02-17 21:46:51 +00:00
|
|
|
@click="changeColor('bitcoin')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2022-02-17 21:46:51 +00:00
|
|
|
color="orange"
|
2021-06-29 09:39:12 +01:00
|
|
|
size="md"
|
2022-02-17 21:46:51 +00:00
|
|
|
><q-tooltip>bitcoin</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
<q-btn
|
2021-06-30 17:00:56 +01:00
|
|
|
v-if="g.allowedThemes.includes('mint')"
|
2021-06-29 09:39:12 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
2021-06-30 13:08:11 +01:00
|
|
|
@click="changeColor('mint')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2021-06-29 09:39:12 +01:00
|
|
|
color="green"
|
|
|
|
|
size="md"
|
2021-06-30 13:08:11 +01:00
|
|
|
><q-tooltip>mint</q-tooltip> </q-btn
|
2021-06-29 09:39:12 +01:00
|
|
|
><q-btn
|
2021-06-30 17:00:56 +01:00
|
|
|
v-if="g.allowedThemes.includes('autumn')"
|
2021-06-29 09:39:12 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
2021-06-30 13:08:11 +01:00
|
|
|
@click="changeColor('autumn')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2021-06-30 13:08:11 +01:00
|
|
|
color="brown"
|
2021-06-29 09:39:12 +01:00
|
|
|
size="md"
|
2021-06-30 13:08:11 +01:00
|
|
|
><q-tooltip>autumn</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
<q-btn
|
2021-07-01 12:34:50 +01:00
|
|
|
v-if="g.allowedThemes.includes('monochrome')"
|
2021-06-30 13:08:11 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
@click="changeColor('monochrome')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2021-06-30 13:08:11 +01:00
|
|
|
color="grey"
|
|
|
|
|
size="md"
|
|
|
|
|
><q-tooltip>monochrome</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
<q-btn
|
2021-07-01 12:34:50 +01:00
|
|
|
v-if="g.allowedThemes.includes('salvador')"
|
2021-06-30 13:08:11 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
2021-06-30 22:48:47 +01:00
|
|
|
@click="changeColor('salvador')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2021-06-30 22:48:47 +01:00
|
|
|
color="blue-10"
|
2021-06-30 13:08:11 +01:00
|
|
|
size="md"
|
2021-06-30 22:48:47 +01:00
|
|
|
><q-tooltip>elSalvador</q-tooltip>
|
2021-06-30 13:08:11 +01:00
|
|
|
</q-btn>
|
2022-04-20 00:36:11 +01:00
|
|
|
<q-btn
|
|
|
|
|
v-if="g.allowedThemes.includes('freedom')"
|
|
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
@click="changeColor('freedom')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2022-04-20 11:23:11 +01:00
|
|
|
color="pink-13"
|
2022-04-20 00:36:11 +01:00
|
|
|
size="md"
|
2023-02-20 22:41:11 +00:00
|
|
|
><q-tooltip>freedom</q-tooltip>
|
|
|
|
|
</q-btn>
|
|
|
|
|
<q-btn
|
|
|
|
|
v-if="g.allowedThemes.includes('cyber')"
|
|
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
@click="changeColor('cyber')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2023-02-20 23:17:40 +00:00
|
|
|
color="light-green-9"
|
2023-02-20 22:41:11 +00:00
|
|
|
size="md"
|
|
|
|
|
><q-tooltip>cyber</q-tooltip>
|
2022-04-20 00:36:11 +01:00
|
|
|
</q-btn>
|
2021-06-30 13:08:11 +01:00
|
|
|
<q-btn
|
2021-07-01 12:34:50 +01:00
|
|
|
v-if="g.allowedThemes.includes('flamingo')"
|
2021-06-30 13:08:11 +01:00
|
|
|
dense
|
|
|
|
|
flat
|
2021-06-30 23:14:39 +01:00
|
|
|
@click="changeColor('flamingo')"
|
2023-11-08 15:39:48 +01:00
|
|
|
icon="circle"
|
2021-06-30 23:14:39 +01:00
|
|
|
color="pink-3"
|
2021-06-30 13:08:11 +01:00
|
|
|
size="md"
|
2021-06-30 23:14:39 +01:00
|
|
|
><q-tooltip>flamingo</q-tooltip>
|
2021-06-29 09:39:12 +01:00
|
|
|
</q-btn>
|
|
|
|
|
</div>
|
|
|
|
|
</q-btn-dropdown>
|
|
|
|
|
|
2020-08-29 14:10:26 -03:00
|
|
|
<q-btn
|
|
|
|
|
dense
|
|
|
|
|
flat
|
|
|
|
|
round
|
|
|
|
|
@click="toggleDarkMode"
|
|
|
|
|
:icon="($q.dark.isActive) ? 'brightness_3' : 'wb_sunny'"
|
|
|
|
|
size="sm"
|
|
|
|
|
>
|
2023-04-05 12:51:05 +02:00
|
|
|
<q-tooltip
|
|
|
|
|
>{% raw %}{{ $t('toggle_darkmode') }}{% endraw %}</q-tooltip
|
|
|
|
|
>
|
2020-03-04 23:11:15 +01:00
|
|
|
</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>
|
2023-02-22 14:30:57 +02:00
|
|
|
|
|
|
|
|
<lnbits-admin-ui
|
|
|
|
|
v-if="'{{LNBITS_ADMIN_UI}}' == 'True'"
|
2023-09-25 15:04:44 +02:00
|
|
|
:show-node="'{{LNBITS_NODE_UI}}' == 'True'"
|
2023-02-22 14:30:57 +02:00
|
|
|
></lnbits-admin-ui>
|
2020-08-29 14:10:26 -03:00
|
|
|
<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 %}
|
2022-02-14 15:29:10 +00:00
|
|
|
|
2020-08-29 14:10:26 -03:00
|
|
|
<q-footer
|
|
|
|
|
class="bg-transparent q-px-lg q-py-md"
|
|
|
|
|
:class="{'text-dark': !$q.dark.isActive}"
|
|
|
|
|
>
|
2023-06-15 15:32:10 +02:00
|
|
|
<q-space class="q-py-lg lt-md"></q-space>
|
2022-02-14 15:29:10 +00:00
|
|
|
<q-toolbar class="gt-sm">
|
2020-08-29 14:10:26 -03:00
|
|
|
<q-toolbar-title class="text-caption">
|
2021-07-02 12:31:05 +01:00
|
|
|
{{ SITE_TITLE }}, {{SITE_TAGLINE}}
|
2021-06-10 11:51:57 +01:00
|
|
|
<br />
|
2023-05-04 17:21:37 +02:00
|
|
|
<small
|
|
|
|
|
>{% raw %}{{ $t('lnbits_version') }}{% endraw %}:
|
2023-10-09 07:53:08 +02:00
|
|
|
{{LNBITS_VERSION}}
|
2023-05-04 17:21:37 +02:00
|
|
|
</small>
|
2020-08-29 14:10:26 -03:00
|
|
|
</q-toolbar-title>
|
|
|
|
|
<q-space></q-space>
|
|
|
|
|
<q-btn
|
2022-11-07 13:31:42 +01:00
|
|
|
flat
|
|
|
|
|
dense
|
|
|
|
|
:color="($q.dark.isActive) ? 'white' : 'primary'"
|
|
|
|
|
type="a"
|
|
|
|
|
href="/docs"
|
|
|
|
|
target="_blank"
|
|
|
|
|
rel="noopener"
|
|
|
|
|
>
|
2023-04-05 12:51:05 +02:00
|
|
|
{% raw %}{{ $t('api_docs') }}{% endraw %}
|
|
|
|
|
<q-tooltip
|
|
|
|
|
>{% raw %}{{ $t('view_swagger_docs') }}{% endraw %}</q-tooltip
|
|
|
|
|
>
|
2022-11-07 13:31:42 +01:00
|
|
|
</q-btn>
|
|
|
|
|
<q-btn
|
2020-08-29 14:10:26 -03:00
|
|
|
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"
|
|
|
|
|
>
|
2023-04-05 12:51:05 +02:00
|
|
|
<q-tooltip>{% raw %}{{ $t('view_github') }}{% endraw %}</q-tooltip>
|
2020-08-29 14:10:26 -03:00
|
|
|
</q-btn>
|
|
|
|
|
</q-toolbar>
|
|
|
|
|
</q-footer>
|
2022-02-14 15:29:10 +00:00
|
|
|
|
2020-04-17 20:39:23 +02:00
|
|
|
{% endblock %}
|
2020-03-04 23:11:15 +01:00
|
|
|
</q-layout>
|
|
|
|
|
|
2020-09-13 21:31:05 -03:00
|
|
|
{% block vue_templates %}{% endblock %}
|
2020-09-15 15:54:05 -03:00
|
|
|
<!---->
|
2023-04-21 14:51:46 +02:00
|
|
|
{% for url in INCLUDED_JS %}
|
2023-10-27 13:50:49 +02:00
|
|
|
<script src="{{ static_url_for('static', url) }}"></script>
|
2020-09-15 15:54:05 -03:00
|
|
|
{% endfor %}
|
|
|
|
|
<!---->
|
2021-06-30 17:00:56 +01:00
|
|
|
<script type="text/javascript">
|
2023-09-27 11:32:03 +01:00
|
|
|
const SITE_DESCRIPTION = {{ SITE_DESCRIPTION | tojson}}
|
2023-05-24 11:43:31 +01:00
|
|
|
const themes = {{ LNBITS_THEME_OPTIONS | tojson }}
|
|
|
|
|
const LNBITS_DENOMINATION = {{ LNBITS_DENOMINATION | tojson }}
|
2023-06-20 10:26:33 +01:00
|
|
|
const LNBITS_VERSION = {{ LNBITS_VERSION | tojson }}
|
2023-10-09 20:11:11 +01:00
|
|
|
const LNBITS_QR_LOGO = {{ LNBITS_QR_LOGO | tojson }}
|
2023-05-19 08:32:02 +01:00
|
|
|
if (themes && themes.length) {
|
2021-07-01 11:54:45 +01:00
|
|
|
window.allowedThemes = themes.map(str => str.trim())
|
2021-06-30 17:00:56 +01:00
|
|
|
}
|
2023-05-24 11:43:31 +01:00
|
|
|
window.langs = [
|
2023-11-04 16:28:15 +01:00
|
|
|
{ value: 'en', label: 'English', display: '🇬🇧 EN' },
|
|
|
|
|
{ value: 'de', label: 'Deutsch', display: '🇩🇪 DE' },
|
|
|
|
|
{ value: 'es', label: 'Español', display: '🇪🇸 ES' },
|
|
|
|
|
{ value: 'jp', label: '日本語', display: '🇯🇵 JP' },
|
|
|
|
|
{ value: 'cn', label: '中文', display: '🇨🇳 CN' },
|
|
|
|
|
{ value: 'fr', label: 'Français', display: '🇫🇷 FR' },
|
|
|
|
|
{ value: 'it', label: 'Italiano', display: '🇮🇹 IT' },
|
|
|
|
|
{ value: 'pi', label: 'Pirate', display: '🏴☠️ PI' },
|
|
|
|
|
{ value: 'nl', label: 'Nederlands', display: '🇳🇱 NL' },
|
|
|
|
|
{ value: 'we', label: 'Cymraeg', display: '🏴 CY' },
|
|
|
|
|
{ value: 'pl', label: 'Polski', display: '🇵🇱 PL' },
|
|
|
|
|
{ value: 'pt', label: 'Português', display: '🇵🇹 PT' },
|
|
|
|
|
{ value: 'br', label: 'Português do Brasil', display: '🇧🇷 BR' },
|
|
|
|
|
{ value: 'cs', label: 'Česky', display: '🇨🇿 CS' },
|
|
|
|
|
{ value: 'sk', label: 'Slovensky', display: '🇸🇰 SK' }
|
2023-05-24 11:43:31 +01:00
|
|
|
]
|
2021-06-30 17:00:56 +01:00
|
|
|
</script>
|
2020-09-13 21:31:05 -03:00
|
|
|
{% block scripts %}{% endblock %}
|
2019-12-14 11:48:53 -03:00
|
|
|
</body>
|
2022-04-20 11:20:39 +01:00
|
|
|
</html>
|
