aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

format

Browse source
This commit is contained in:
ben 2023-01-06 17:48:14 +00:00
parent a5cdd69dbe
commit df5b9de393
1 changed files with 161 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

47
lnbits/extensions/example/templates/example/index.html
View file

@ -79,8 +79,7 @@
<div class="text-h6">Frameworks</div>
<div>
<template >
<template>
<q-tabs align="left" v-model="framworktab" inline-label>
<q-tab name="fastapi"
><img src="./static/fastapi-framework.png" />FASTAPI</q-tab
@ -102,29 +101,27 @@
/></a>
<p>
LNbits API is built using
<a
href="https://fastapi.tiangolo.com/"
class="text-primary"
<a href="https://fastapi.tiangolo.com/" class="text-primary"
>FastAPI</a
>, a high-performance, easy to code API framework.<br /><br />
FastAPI auto-generates swagger UI docs for testing
endpoints <a class="text-primary" href="../docs">/docs</a>
FastAPI auto-generates swagger UI docs for testing endpoints
<a class="text-primary" href="../docs">/docs</a>
</p>
<i>
<strong>TIP:</strong> Although it is possible for
extensions to use other extensions API endpoints (such as
with the Satspay and Onchain extension), ideally an
extension should only use LNbits
<strong>TIP:</strong> Although it is possible for extensions
to use other extensions API endpoints (such as with the
Satspay and Onchain extension), ideally an extension should
only use LNbits
<a href="../docs#/default" class="text-primary">core</a>
endpoints. </i
><br /><br />
<code class="bg-grey-3 text-black">views.py</code> is used
for setting application routes:
<code class="bg-grey-3 text-black">views.py</code> is used for
setting application routes:
<img src="./static/fastapi-example.png" /><br /><br />
<code class="bg-grey-3 text-black">views_api.py</code> is
used for setting application API endpoints:<br />
<code class="bg-grey-3 text-black">views_api.py</code> is used
for setting application API endpoints:<br />
<img src="./static/fastapi-example2.png" />
</q-tab-panel>
@ -143,9 +140,8 @@
<i>
<strong>TIP:</strong> Look through
<code class="bg-grey-3 text-black">/template</code> files
in other extensions for examples of Quasar elements being
used. </i
<code class="bg-grey-3 text-black">/template</code> files in
other extensions for examples of Quasar elements being used. </i
><br /><br />
<p>
@ -192,13 +188,11 @@
<p>
LNbits uses
<a href="https://vuejs.org/" class="text-primary">Vue</a>
components for best-in-class high-performance and
responsive performance.
components for best-in-class high-performance and responsive
performance.
</p>
<p>
Typical example of Vue components in a frontend script:
</p>
<p>Typical example of Vue components in a frontend script:</p>
<img
src="./static/script-example.png"
style="max-width: 800px"
@ -216,14 +210,12 @@
</q-tab-panel>
</q-tab-panels>
</template>
</div>
</q-tab-panel>
<q-tab-panel name="tools">
<div class="text-h6">Useful Tools</div>
<div>
<template>
<q-tabs v-model="usefultab" align="left">
<q-tab name="magicalg">MAGICAL G</q-tab>
@ -242,9 +234,7 @@
>) is always available, with info about the user, wallets
and extensions:
</p>
<code class="text-caption"
>{% raw %}{{ g }}{% endraw %}</code
>
<code class="text-caption">{% raw %}{{ g }}{% endraw %}</code>
</q-tab-panel>
<q-tab-panel name="exchange">
<div class="text-h6">Exchange rates</div>
@ -267,7 +257,6 @@
</q-tab-panel>
</q-tab-panels>
</template>
</div>
</q-tab-panel>