umbrel-samourai-dojo/static/admin/dmt/addresses-tools/addresses-tools.html

<div id="addresses-tool">
  <h1>ADDRESSES TOOL</h1>

  <div class="box-context">Check if an address is tracked by your Dojo. Import and track a new address. Rescan the full history of an address.</div>

  <div class="row box-main">
    <!-- ADDRESS SEARCH FORM -->
    <div id="addresses-tool-search-form" class="fullwidth box">
      <div class="box-body">
        <span>Check if </span>
        <input id="address" type="text" placeholder="address">
        <span> is tracked by your Dojo </span>
        <button id="btn-address-search-go" class="btn btn-success" type="button">GO</button>
      </div>
    </div>

    <!-- ADDRESS IMPORT -->
    <div id="addresses-tool-import" class="fullwidth box">
      <div class="box-body">
        <div>
          <span>This address isn't tracked by your Dojo.</span>
        </div>
        <div class="spacer20"></div>
        <div>
          <span>Do you want to import </span>
          <span id="import-address"></span>
          <span> and track its activity?</span>
          <button id="btn-address-import-go" class="btn btn-success" type="button">IMPORT</button>
          <button id="btn-address-import-cancel" class="btn btn-success" type="button">CANCEL</button>
        </div>
      </div>
    </div>

    <!-- ADDRESS DETAILS -->
    <div id="addresses-tool-details">
      <div id="addresses-tool-header" class="row box-main">
        <div class="fullwidth box">
          <div id="addr-value" class="box-body center"></div>
        </div>
      </div>

      <div id="addresses-tool-actions" class="row box-main">
        <div class="center">
          <button id="btn-address-details-rescan" class="btn btn-success" type="button">RESCAN THIS ADDRESS</button>
          <button id="btn-address-details-reset" class="btn btn-success" type="button">SEARCH ANOTHER ADDRESS</button>
        </div>
      </div>

      <div id="addresses-rescans-actions" class="row box-main">
        <div class="center">
          <span>Do you want to rescan this address?</span>
          <button id="btn-address-rescan-go" class="btn btn-success" type="button">RESCAN</button>
          <button id="btn-address-rescan-cancel" class="btn btn-success" type="button">CANCEL</button>
        </div>
      </div>

      <div id="addresses-tool-details-row1" class="row box-main">
        <!-- GENERAL INFO -->
        <div id="box-general" class="fullwidth box">
          <div class="box-header">GENERAL INFO</div>
          <div class="spacer10"></div>
          <div class="box-body">
            <table>
              <tr>
                <td class="table-label">Balance</td>
                <td class="table-value" id="addr-balance"></td>
              </tr>
              <tr>
                <td class="table-label">Number of Txs</td>
                <td class="table-value" id="addr-nb-txs"></td>
              </tr>
              <tr>
                <td class="table-label">Number of UTXOs</td>
                <td class="table-value" id="addr-nb-utxos"></td>
              </tr>
              <tr>
                <td class="table-label">Segwit</td>
                <td class="table-value" id="addr-segwit"></td>
              </tr>
              <tr>
                <td class="table-label">Address Type</td>
                <td class="table-value" id="addr-type"></td>
              </tr>
            </table>
          </div>
        </div>
      </div>

      <div id="addresses-tool-details-row2" class="row box-main">
        <!-- HD ADDRESS INFO -->
        <div id="box-hd" class="fullwidth box">
          <div class="box-header">DERIVATION INFO</div>
          <div class="spacer10"></div>
          <div class="box-body">
            <table>
              <tr>
                <td class="table-label">Derivation path</td>
                <td class="table-value" id="addr-deriv-path"></td>
              </tr>
              <tr>
                <td class="table-label" colspan="2">Derived from</td>
              </tr>
              <tr>
                <td id="addr-xpub" colspan="2"></td>
              </tr>
            </table>
          </div>
        </div>
      </div>

      <div id="addresses-tool-details-row3" class="row box-main">
        <!-- TXS LIST -->
        <div id="box-txs" class="halfwidth-left box">
          <div class="box-header">MOST RECENT TRANSACTIONS</div>
          <div class="spacer10"></div>
          <div class="box-body">
            <table id="addr-table-list-txs">
              <tbody>
                <tr>
                  <td></td>
                  <td></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!-- UTXOS LIST -->
        <div id="box-utxos" class="halfwidth-right box">
          <div class="box-header">UNSPENT TRANSACTION OUTPUTS</div>
          <div class="spacer10"></div>
          <div class="box-body">
            <table id="addr-table-list-utxos">
              <tbody>
                <tr>
                  <td></td>
                  <td></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script include-js="addresses-tools/addresses-tools.js"></script>