Prepare mixer tab
MODIFY
HiddenWallet/HiddenWallet.GUI/app/html/wallet-content.html
HiddenWallet/HiddenWallet.GUI/app/html/wallet-content.html
<span class="mdi mdi-tor"></span> Build Transaction
</button>
</div>
+
+<div id="mixer-content">
+ Mixer content here
+</div>
\ No newline at end of file

MODIFY
HiddenWallet/HiddenWallet.GUI/app/html/wallet-phase-tabs.html
HiddenWallet/HiddenWallet.GUI/app/html/wallet-phase-tabs.html
<ul class="nav nav-tabs">
<li class="active"><a>Alice Wallet</a></li>
<li><a href="javascript:walletPhaseShow('bob')">Bob Wallet</a></li>
+ <li><a href="javascript:walletPhaseShow('mixer')">Mixer</a></li>
</ul>
</nav>
</div>
<ul class="nav nav-tabs">
<li><a href="javascript:walletPhaseShow('alice')">Alice Wallet</a></li>
<li class="active"><a>Bob Wallet</a></li>
+ <li><a href="javascript:walletPhaseShow('mixer')">Mixer</a></li>
+ </ul>
+ </nav>
+</div>
+
+<div class="masthead" id="mixer-active">
+ <nav>
+ <ul class="nav nav-tabs">
+ <li><a href="javascript:walletPhaseShow('alice')">Alice Wallet</a></li>
+ <li><a href="javascript:walletPhaseShow('bob')">Bob Wallet</a></li>
+ <li class="active"><a>Mixer</a></li>
</ul>
</nav>
</div>
\ No newline at end of file

MODIFY
HiddenWallet/HiddenWallet.GUI/app/js/wallet-phase.js
HiddenWallet/HiddenWallet.GUI/app/js/wallet-phase.js
@@ -8,12 +8,29 @@ function walletPhaseShow(tabItem = "") {
storage.set('lastAccount', { lastAccount: 'alice' }, function (error) {
if (error) throw error;
});
+ writeHint("Move coins between Alice and Bob only by mixing!");
+ document.getElementById("before-menu-br").style.display = "none";
+ document.getElementById("after-menu-hr").style.display = "block";
+ walletShow('receive');
}
else if (tabItem === "bob") {
document.getElementById("tabs").innerHTML = document.getElementById("wallet-phase-tabs-frame").contentWindow.document.getElementById("bob-active").outerHTML;
storage.set('lastAccount', { lastAccount: 'bob' }, function (error) {
if (error) throw error;
});
+ writeHint("Move coins between Alice and Bob only by mixing!");
+ document.getElementById("before-menu-br").style.display = "none";
+ document.getElementById("after-menu-hr").style.display = "block";
+ walletShow('receive');
+ }
+ else if (tabItem === "mixer") {
+ document.getElementById("tabs").innerHTML = document.getElementById("wallet-phase-tabs-frame").contentWindow.document.getElementById("mixer-active").outerHTML;
+ writeHint("TumbleBit cannot steal your coins, nor deanonymize you");
+ document.getElementById("menu").innerHTML = "";
+ document.getElementById("balances").innerHTML = "";
+ document.getElementById("before-menu-br").style.display = "block";
+ document.getElementById("after-menu-hr").style.display = "none";
+ mixerShow();
}
else if (tabItem === "") {
storage.get('lastAccount', function (error, data) {
@@ -23,12 +40,6 @@ function walletPhaseShow(tabItem = "") {
return;
});
}
-
- writeHint("Move coins between Alice and Bob only by mixing!");
-
- walletShow('receive');
-
- document.getElementById("before-menu-br").outerHTML = "";
}
function walletShow(menuItem) {
@@ -48,6 +59,10 @@ function walletShow(menuItem) {
updateWalletContent();
}
+function mixerShow() {
+ document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("mixer-content").outerHTML;
+}
+
function updateWalletContent() {
let tabs = document.getElementById("tabs");
if (tabs.childElementCount > 0) {

MODIFY
HiddenWallet/HiddenWallet.GUI/index.html
HiddenWallet/HiddenWallet.GUI/index.html
<div id="balances"> </div>
<br id="before-menu-br" />
<div id="menu"> </div>
- <hr />
+ <hr id="after-menu-hr"/>
<div id="content"> </div>
</div>
<div id="status" style="position:absolute; bottom:1px; width: 100%;"></div>

Prepare mixer tab