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

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

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