48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>Search Payee</title>
|
|
<link rel="stylesheet" href="./search-payee.css" />
|
|
</head>
|
|
<body>
|
|
<div class="search-payee">
|
|
<header class="page-header">
|
|
<button class="header-icon" type="button" data-action="back" aria-label="Back"><img id="backIcon" alt="" /></button>
|
|
<h1 data-i18n="search_payee">Search Payee</h1>
|
|
<button class="lang-button" type="button" data-action="language">EN</button>
|
|
</header>
|
|
|
|
<main class="content">
|
|
<section class="search-row">
|
|
<div class="search-box">
|
|
<img id="searchIcon" alt="" />
|
|
<input id="searchInput" type="text" class="search-input" data-i18n-placeholder="search_user" placeholder="Search user" />
|
|
</div>
|
|
<button id="searchButton" class="search-action" type="button" data-i18n="search">Search</button>
|
|
<button id="cancelButton" class="search-action strong" type="button" data-i18n="cancel" hidden>Cancel</button>
|
|
</section>
|
|
|
|
<section id="results" class="results"></section>
|
|
<section id="loadingState" class="state" hidden><span data-i18n="searching">Searching</span>...</section>
|
|
</main>
|
|
|
|
<div class="modal-layer" id="confirmModal" hidden>
|
|
<div class="modal-card">
|
|
<div class="modal-title" data-i18n="tips">Tips</div>
|
|
<div class="modal-message" data-i18n="confirm_transfer_to_user">Confirm transfer to this user?</div>
|
|
<div class="modal-actions">
|
|
<button class="modal-secondary" type="button" data-action="cancel-select" data-i18n="cancel">Cancel</button>
|
|
<button class="modal-primary" type="button" data-action="confirm-select" data-i18n="confirm">Confirm</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toast" id="toast" hidden></div>
|
|
</div>
|
|
|
|
<script type="module" src="./search-payee.js"></script>
|
|
</body>
|
|
</html>
|