btcpayserver/BTCPayServer/Views/Stores/AddDerivationSchemes_HardwareWalletDialogs.cshtml

@model DerivationSchemeViewModel

<div class="modal fade" id="ledgerimport" tabindex="-1" role="dialog" aria-labelledby="ledgerimport" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content" form method="post">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Import Ledger Wallet</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="ledger-loading">
                    Checking if a ledger wallet is connected...
                </div>
                <div id="ledger-validate" style="display: none;">
                    Retrieving, wallet information... you may need to confirm access on your screen.
                </div>
                <p id="no-ledger-info" style="display: none;">
                    No ledger wallet detected. If you own one, use chrome, open the app, and refresh this page.
                </p>
                <div id="no-ledger-info" class="display-when-ledger-connected">
                    <p>
                        A ledger wallet is detected, which account do you want to use? No need to paste manually
                        xpub if your ledger device was detected. Just select derivation scheme from the list
                        bellow and xpub will automatically populate.
                    </p>

                    <p>
                        <a href="https://docs.btcpayserver.org/getting-started/connectwallet/ledgerwallet#manual-setup"
                           title="Open Ledger wallet manual setup docs"
                           target="_blank"
                           rel="noopener noreferrer">
                            Can't find your account in the select?
                        </a>
                    </p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

                <div class="dropdown display-when-ledger-connected">
                    <button class="btn btn-primary dropdown-toggle" type="button" id="ledgerAccountsDropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Select ledger wallet account
                    </button>
                    <div class="dropdown-menu overflow-auto" style="max-height: 200px;" aria-labelledby="ledgerAccountsDropdownMenuButton">
                        @for (var i = 0; i < 20; i++)
                        {
                            <a class="dropdown-item ledger-info-recommended" data-ledgerkeypath="@Model.RootKeyPath.Derive(i, true)" href="#">Account @i (<span>@Model.RootKeyPath.Derive(i, true)</span>)</a>
                        }
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="coldcardimport" tabindex="-1" role="dialog" aria-labelledby="coldcardimport" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form class="modal-content" form method="post" enctype="multipart/form-data">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Import Coldcard Wallet</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>You may import your Coldcard wallet by exporting the public details from <kbd>Advanced->MicroSD Card->Electrum Wallet</kbd> and uploading it here.</p>
                <div class="form-group">
                    <label asp-for="ColdcardPublicFile"></label>

                    <input type="file" class="form-control-file" asp-for="ColdcardPublicFile" required>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>
    </div>
</div>

<div id="WebsocketPath" style="display:none;">@Url.Action("VaultBridgeConnection", "Vault", new { cryptoCode = Model.CryptoCode })</div>
<div class="modal fade" id="btcpayservervault" tabindex="-1" role="dialog" aria-labelledby="btcpayservervault" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form class="modal-content" form method="post" enctype="multipart/form-data">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Import from BTCPayServer Vault</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>You may import from BTCPayServer Vault.</p>
                <div id="vaultPlaceholder"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

                <div id="vault-dropdown" style="display:none;" class="dropdown">
                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Select the type of address you want
                    </button>
                    <div class="dropdown-menu overflow-auto" style="max-height: 200px;">
                        <a class="dropdown-item" href="#" id="vault-segwit">Segwit (Recommended, cheapest transaction fee)</a>
                        <a class="dropdown-item" href="#" id="vault-segwitWrapped">Segwit wrapped (less cheap but compatible with old wallets)</a>
                        <a class="dropdown-item" href="#" id="vault-legacy">Legacy (Not recommended)</a>
                    </div>
                </div>

                <button id="vault-confirm" class="btn btn-primary" style="display:none;" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Confirm pin code
                </button>
            </div>
        </form>
    </div>
</div>

<partial name="VaultElements" />