Fire up Alice and Bob wallet
MODIFY
HiddenWallet/HiddenWallet.GUI/HiddenWallet.GUI.njsproj
HiddenWallet/HiddenWallet.GUI/HiddenWallet.GUI.njsproj
<SubType>Code</SubType>
</Compile>
<Compile Include="app\js\decryption-phase.js" />
+ <Compile Include="app\js\wallet-phase.js" />
<Compile Include="main.js" />
<Content Include="app\css\justified-nav.css" />
<Content Include="app\html\decryption-phase-content.html" />
<Content Include="app\html\decryption-phase-menu.html" />
+ <Content Include="app\html\wallet-phase-tabs.html" />
<Content Include="index.html" />
<Content Include="package.json" />
</ItemGroup>

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

MODIFY
HiddenWallet/HiddenWallet.GUI/app/js/decryption-phase.js
HiddenWallet/HiddenWallet.GUI/app/js/decryption-phase.js
@@ -111,7 +111,7 @@ function recoverWallet() {
alert(result.Message, "Could not recover wallet");
}
else {
- alert("Starting syncronization...", "Wallet is successfully recovered!");
+ alert("Wallet is successfully recovered!", "Success");
}
decryptionPhaseShow();
}
@@ -129,5 +129,6 @@ function decryptWallet() {
}
else {
alert("Wallet is successfully decrypted!", "Success");
+ walletPhaseShow("alice");
}
}
\ No newline at end of file

ADD
HiddenWallet/HiddenWallet.GUI/app/js/wallet-phase.js
+function walletPhaseShow(tabItem) {
+ if (tabItem === "alice") {
+ document.getElementById("tabs").innerHTML = document.getElementById("wallet-phase-tabs-frame").contentWindow.document.getElementById("alice-active").innerHTML;
+ }
+ else if (tabItem === "bob") {
+ document.getElementById("tabs").innerHTML = document.getElementById("wallet-phase-tabs-frame").contentWindow.document.getElementById("bob-active").innerHTML;
+ }
+
+ document.getElementById("menu").innerHTML = "menu not implemented";
+ document.getElementById("content").innerHTML = "content not implemented";
+}
\ No newline at end of file

MODIFY
HiddenWallet/HiddenWallet.GUI/index.html
HiddenWallet/HiddenWallet.GUI/index.html
<body onload="decryptionPhaseShow()">
<iframe id="decryption-phase-menu-frame" src="app/html/decryption-phase-menu.html" style="display:none"></iframe>
<iframe id="decryption-phase-content-frame" src="app/html/decryption-phase-content.html" style="display:none"></iframe>
+ <iframe id="wallet-phase-tabs-frame" src="app/html/wallet-phase-tabs.html" style="display:none"></iframe>
<div class="container">
+ <div id="tabs"> </div>
<div id="menu"> </div>
<hr />
<div id="content"> </div>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="app/js/decryption-phase.js"></script>
+ <script type="text/javascript" src="app/js/wallet-phase.js"></script>
</body>
</html>
\ No newline at end of file

Fire up Alice and Bob wallet