<body onload="load()" onhashchange="switchPage(event)" style="visibility:hidden;">
<x-box id="notifications"></x-box>
<header>
+
+ <!-- Wallet Select -->
+
<x-box id="wallets">
<x-select id="wallet" style="width:100%;" onchange="updateWallet()">
<x-menu>
<x-button skin="nav" class="menubtn">
<x-icon href="#wallet2"></x-icon>
<x-label>New Wallet</x-label>
+
+ <!-- New Wallet Form -->
+
<dialog id="wallet-new">
<x-box vertical>
<x-box id="wallet-new-name">
<x-button skin="nav" class="menubtn">
<x-icon href="#box-arrow-down"></x-icon>
<x-label>Import Wallet</x-label>
+
+ <!-- Import Wallet Form -->
+
<dialog id="wallet-import">
<x-box vertical>
<x-box id="wallet-import-name">
<hr />
</x-menu>
</x-select>
- </x-box><!-- end #wallets-->
+ </x-box>
+
+ <!-- Account Select -->
+
<x-box id="accounts">
<x-select id="account" style="width:100%;" onchange="updateAccount()" disabled>
<x-menu>
<x-button skin="nav" class="menubtn">
<x-icon href="#cash-stack"></x-icon>
<x-label>New Account</x-label>
+
+ <!-- New Account Form -->
+
<dialog id="account-new">
<x-box vertical>
<x-box>
<hr />
</x-menu>
</x-select>
- </x-box><!-- end #accounts -->
+ </x-box>
</header>
+
+ <!-- Main Content Pages -->
+
<main>
+
+ <!-- Exchange Page -->
+
<x-box id="exchange" class="page">
<h1>Exchange</h1>
- </x-box><!-- end #exchange -->
+ </x-box>
+
+ <!-- History Page -->
+
<x-box id="history" class="page">
<h1>History</h1>
- </x-box><!-- end #history -->
+ </x-box>
+
+ <!-- Transact Page (default) -->
+
<x-box id="transact" class="page">
<h1>Transact</h1>
<x-card id="walletCard">
</x-card>
- </x-box><!-- end #transact -->
+ </x-box>
+
+ <!-- Rolodex Page -->
+
<x-box id="rolodex" class="page">
<h1>Rolodex</h1>
- </x-box><!-- end #rolodex -->
+ </x-box>
+
+ <!-- Settings Page -->
+
<x-box id="settings" class="page">
<h1>Settings</h1>
<x-button onclick="clearStorage()">
<x-label>Clear Storage</x-label>
</x-button>
- </x-box><!-- end #settings -->
+ </x-box>
</main>
+
+ <!-- Nav Dock -->
+
<nav>
<a href="#exchange">
<x-icon href="#currency-exchange"></x-icon>