{% extends "devhelp/components/devhelp_tab.jinja" %}
{% block title %}address-data{% endblock %}
{% set tab = 'html' %}
{% block content %}

<h1>address-data</h1>




<code class="html"><textarea rows="40" cols="90" style="height: 200px">
<address-data 
    id="someid"
    data-verify-qr="False" 
    data-verify-hwi="False" 
    data-used="false" 
    data-utxo="0" 
    data-amount="0" 
    data-amount-price="" 
    data-address="lq1qqde0h6pykv3m0754qyfjfz7lcd7hxhyah9urn3zhlszaplcjetk6la7xpl2ezwn59runn290qqnhyws3ckhuwj3nllgd0wsgf" 
    data-service-id="undefined" 
    data-label="Address #5" 
    data-address-wallet="myliquidhot">
</address-data>
</textarea>    
</code>

<p>
Address-Data needs an existing wallet-alias and a valid address as the component is making an Ajax-call to <code>{{ url_for('wallets_endpoint_api.addressinfo', wallet_alias='WALLET_ALIAS') }}</code>
wallet-alias and address need to be defined in order to get a valid response. 

Unfortunately, there is jinja-code in the component and therefore, we need a wallet. This is hopefully getting fixed in <a href="https://github.com/cryptoadvance/specter-desktop/issues/1956">#1956</a>

You can do that here:
</p>





<h2>Render example</h2>
<br><br>

{% if wallet %}

{% include "includes/address-data.html" %}

{% include "devhelp/includes/set-wallet.html" %}
<br>
{% include "devhelp/includes/set-address.html" %}

<address-data 
    id="someid"
    data-verify-qr="False" 
    data-verify-hwi="False" 
    data-used="false" 
    data-utxo="0" 
    data-amount="0" 
    data-amount-price="" 
    data-address="lq1qqde0h6pykv3m0754qyfjfz7lcd7hxhyah9urn3zhlszaplcjetk6la7xpl2ezwn59runn290qqnhyws3ckhuwj3nllgd0wsgf" 
    data-service-id="undefined" 
    data-label="Address #5" 
    data-address-wallet="myliquidhot"></address-data>

{% else %}
<h3>Sorry no rendering example, due to not having a wallet</h3>
{% endif %}

{% endblock %}

{% block scripts %}

{% endblock %}