lnbits-legend/lnbits/templates/base.html

301 lines
9.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">
2022-04-20 11:20:39 +01:00
<head>
{% for url in INCLUDED_CSS %}
2022-04-20 11:20:39 +01:00
<link rel="stylesheet" type="text/css" href="{{ url }}" />
{% endfor %} {% 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" />
2022-04-20 11:20:39 +01:00
<meta
name="viewport"
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" />
{% 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>
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>
<q-btn flat no-caps dense size="lg" type="a" href="/">
{% block toolbar_title %} {% if USE_CUSTOM_LOGO %}
<img height="30px" alt="Logo" src="{{ USE_CUSTOM_LOGO }}" />
{%else%} {% if SITE_TITLE != 'LNbits' %} {{ SITE_TITLE }} {% else
%}
2022-06-21 10:45:09 +01:00
<span><strong>LN</strong>bits</span> {% endif %} {%endif%} {%
endblock %}
</q-btn>
2022-04-20 11:20:39 +01:00
</q-toolbar-title>
2023-03-07 12:40:19 +01:00
{% block beta %} {% if VOIDWALLET %}
<q-badge color="red" text-color="black" class="q-mr-md">
{% raw %}{{ $t('voidwallet_active') }}{% endraw %}
</q-badge>
2023-03-07 12:28:52 +01:00
{%endif%}
2022-04-20 11:20:39 +01:00
<q-badge color="yellow" text-color="black" class="q-mr-md">
<span
v-show="$q.screen.gt.sm"
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"
>
<span>OFFLINE</span>
2022-07-04 13:03:21 -06:00
</q-badge>
<q-btn-dropdown
dense
flat
round
size="sm"
icon="language"
class="q-pl-md"
>
<q-list>
<q-item clickable v-close-popup @click="changeLanguage('en')">
<q-item-section>
<q-item-label>EN</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="changeLanguage('de')">
<q-item-section>
<q-item-label>DE</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="changeLanguage('es')">
<q-item-section>
<q-item-label>ES</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="changeLanguage('jp')">
<q-item-section>
<q-item-label>JP</q-item-label>
</q-item-section>
</q-item>
</q-list>
</q-btn-dropdown>
<q-btn-dropdown
2021-07-01 11:54:45 +01:00
v-if="g.allowedThemes && g.allowedThemes.length > 1"
dense
flat
round
size="sm"
icon="dashboard_customize"
class="q-pl-md"
>
<div class="row no-wrap q-pa-md">
2022-02-17 21:34:36 +00:00
<q-btn
v-if="g.allowedThemes.includes('classic')"
2022-02-17 21:34:36 +00:00
dense
flat
@click="changeColor('classic')"
2022-02-17 21:34:36 +00:00
icon="format_color_fill"
color="deep-purple"
2022-02-17 21:34:36 +00:00
size="md"
><q-tooltip>classic</q-tooltip>
2022-02-17 21:34:36 +00:00
</q-btn>
<q-btn
v-if="g.allowedThemes.includes('bitcoin')"
dense
flat
@click="changeColor('bitcoin')"
icon="format_color_fill"
color="orange"
size="md"
><q-tooltip>bitcoin</q-tooltip>
</q-btn>
<q-btn
v-if="g.allowedThemes.includes('mint')"
dense
flat
@click="changeColor('mint')"
icon="format_color_fill"
color="green"
size="md"
><q-tooltip>mint</q-tooltip> </q-btn
><q-btn
v-if="g.allowedThemes.includes('autumn')"
dense
flat
@click="changeColor('autumn')"
icon="format_color_fill"
color="brown"
size="md"
><q-tooltip>autumn</q-tooltip>
</q-btn>
<q-btn
2021-07-01 12:34:50 +01:00
v-if="g.allowedThemes.includes('monochrome')"
dense
flat
@click="changeColor('monochrome')"
icon="format_color_fill"
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')"
dense
flat
2021-06-30 22:48:47 +01:00
@click="changeColor('salvador')"
icon="format_color_fill"
2021-06-30 22:48:47 +01:00
color="blue-10"
size="md"
2021-06-30 22:48:47 +01:00
><q-tooltip>elSalvador</q-tooltip>
</q-btn>
2022-04-20 00:36:11 +01:00
<q-btn
v-if="g.allowedThemes.includes('freedom')"
dense
flat
@click="changeColor('freedom')"
icon="format_color_fill"
2022-04-20 11:23:11 +01:00
color="pink-13"
2022-04-20 00:36:11 +01:00
size="md"
><q-tooltip>freedom</q-tooltip>
</q-btn>
<q-btn
v-if="g.allowedThemes.includes('cyber')"
dense
flat
@click="changeColor('cyber')"
icon="format_color_fill"
color="light-green-9"
size="md"
><q-tooltip>cyber</q-tooltip>
2022-04-20 00:36:11 +01:00
</q-btn>
<q-btn
2021-07-01 12:34:50 +01:00
v-if="g.allowedThemes.includes('flamingo')"
dense
flat
2021-06-30 23:14:39 +01:00
@click="changeColor('flamingo')"
icon="format_color_fill"
2021-06-30 23:14:39 +01:00
color="pink-3"
size="md"
2021-06-30 23:14:39 +01:00
><q-tooltip>flamingo</q-tooltip>
</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"
>
<q-tooltip
>{% raw %}{{ $t('toggle_darkmode') }}{% endraw %}</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-admin-ui
v-if="'{{LNBITS_ADMIN_UI}}' == 'True'"
></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 %}
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}"
>
<q-toolbar class="gt-sm">
2020-08-29 14:10:26 -03:00
<q-toolbar-title class="text-caption">
{{ 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 %}:
{{LNBITS_VERSION}},
</small>
<small
>{% raw %}{{ $t('commit_version') }}{% endraw %}:
2023-05-04 17:21:37 +02:00
{{COMMIT_VERSION}}</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"
>
{% 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"
>
<q-tooltip>{% raw %}{{ $t('view_github') }}{% endraw %}</q-tooltip>
2020-08-29 14:10:26 -03:00
</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 INCLUDED_JS %}
2020-09-15 15:54:05 -03:00
<script src="{{ url }}"></script>
{% endfor %}
<!---->
<script type="text/javascript">
const themes = {{ LNBITS_THEME_OPTIONS | tojson }}
const LNBITS_DENOMINATION = {{ LNBITS_DENOMINATION | tojson}}
if(themes && themes.length) {
2021-07-01 11:54:45 +01:00
window.allowedThemes = themes.map(str => str.trim())
}
</script>
{% block scripts %}{% endblock %}
2019-12-14 11:48:53 -03:00
</body>
2022-04-20 11:20:39 +01:00
</html>