Design send content html
MODIFY
HiddenWallet/HiddenWallet.GUI/app/css/default.css
HiddenWallet/HiddenWallet.GUI/app/css/default.css
@@ -65,5 +65,5 @@ body {
#content {
overflow-y: auto;
position: relative;
- max-height: 340px;
+ max-height: 320px;
}
\ No newline at end of file

MODIFY
HiddenWallet/HiddenWallet.GUI/app/css/justified-nav.css
HiddenWallet/HiddenWallet.GUI/app/css/justified-nav.css
@@ -11,7 +11,7 @@ body {
/* Main marketing message and sign up button */
.jumbotron {
- text-align: center;
+ text-align: left;
background-color: transparent;
}

MODIFY
HiddenWallet/HiddenWallet.GUI/app/html/decryption-phase-content.html
HiddenWallet/HiddenWallet.GUI/app/html/decryption-phase-content.html
-<div class="jumbotron" id="decrypt-active">
+<div class="jumbotron" id="decrypt-content">
<input type="password" id="inputPassword" class="form-control" placeholder="Password" />
<br />
<button class="btn btn-lg btn-primary btn-block" onclick="decryptWallet()">Decrypt</button>
</div>
-<div class="jumbotron" id="generate-active">
+<div class="jumbotron" id="generate-content">
<input type="password" id="inputPassword" class="form-control" placeholder="Password" />
<input type="password" id="confirmPassword" class="form-control" placeholder="Confirm password" />
<br />
<button class="btn btn-lg btn-primary btn-block" onclick="generateWallet()">Generate</button>
</div>
-<div class="jumbotron" id="recover-active">
+<div class="jumbotron" id="recover-content">
<label>Syncronize transactions from:</label>
<input type="text" id="inputSyncFrom" class="form-control" placeholder="2017-01-21" />
<label>Password:</label>

MODIFY
HiddenWallet/HiddenWallet.GUI/app/html/wallet-content.html
HiddenWallet/HiddenWallet.GUI/app/html/wallet-content.html
</tbody>
</table>
</div>
+
+<div id="send-content">
+ <label>Address:</label>
+ <input id="address-to-send" type="text" class="form-control" placeholder="186n7me3QKajQZJnUsVsezVhVrSwyFCCZ" required />
+ <br />
+ <label>Amount (BTC):</label> <br />
+ <button class="btn btn-sm btn-primary">MAX</button>
+ <input id="amount-to-send" type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57 || event.keyCode == 46' placeholder="0.1" required />
+ <br /> <br />
+ <label>Fee: &nbsp</label>
+ <label class="radio-inline">
+ <input type="radio" name="fee-radio">Fast
+ </label>
+ <label class="radio-inline">
+ <input type="radio" name="fee-radio">Slow
+ </label>
+ <br />
+ <br />
+ <button class="btn btn-lg btn-primary btn-block" onclick="recoverWallet()">Build Transaction</button>
+</div>
\ No newline at end of file

MODIFY
HiddenWallet/HiddenWallet.GUI/app/js/decryption-phase.js
HiddenWallet/HiddenWallet.GUI/app/js/decryption-phase.js
@@ -19,7 +19,7 @@ function decryptionPhaseShow(menuItem = "") {
else if (menuItem === "decrypt") {
document.getElementById("menu").innerHTML = document.getElementById("decryption-phase-menu-frame").contentWindow.document.getElementById("decrypt-active").innerHTML;
if (walletExists === true) {
- document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("decrypt-active").innerHTML;
+ document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("decrypt-content").innerHTML;
}
else {
document.getElementById("content").innerHTML = '<div class="alert alert-warning" role="alert"><strong>No wallet found!</strong> Generate or recover your wallet before decrypting it!</div>';
@@ -28,7 +28,7 @@ function decryptionPhaseShow(menuItem = "") {
else if (menuItem === "generate") {
document.getElementById("menu").innerHTML = document.getElementById("decryption-phase-menu-frame").contentWindow.document.getElementById("generate-active").innerHTML;
if (walletExists === false) {
- document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("generate-active").innerHTML;
+ document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("generate-content").innerHTML;
}
else {
document.getElementById("content").innerHTML = '<div class="alert alert-warning" role="alert"><strong>Wallet already exists!</strong> If you wish to continue with this operation you first need to delete or rename your wallet file!</div>';
@@ -37,7 +37,7 @@ function decryptionPhaseShow(menuItem = "") {
else if (menuItem === "recover") {
document.getElementById("menu").innerHTML = document.getElementById("decryption-phase-menu-frame").contentWindow.document.getElementById("recover-active").innerHTML;
if (walletExists === false) {
- document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("recover-active").innerHTML;
+ document.getElementById("content").innerHTML = document.getElementById("decryption-phase-content-frame").contentWindow.document.getElementById("recover-content").innerHTML;
}
else {
document.getElementById("content").innerHTML = '<div class="alert alert-warning" role="alert"><strong>Wallet already exists!</strong> If you wish to continue with this operation you first need to delete or rename your wallet file!</div>';

MODIFY
HiddenWallet/HiddenWallet.GUI/app/js/wallet-phase.js
HiddenWallet/HiddenWallet.GUI/app/js/wallet-phase.js
@@ -53,6 +53,7 @@ function updateWalletContent() {
if (bobOrAlice == "alice-active") {
var resp = httpGetWallet("balances/alice");
+ var balance = resp.Available;
var labelType = "default";
if (resp.Incoming > 0) labelType = "danger";
document.getElementById("balances").innerHTML = '<h4><span class="label label-' + labelType + '" style="display:block;">Available: ' + resp.Available + ' BTC, Incoming: ' + resp.Incoming + ' BTC </span></h4>';
@@ -63,7 +64,7 @@ function updateWalletContent() {
if (menuId === "receive-active") {
document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("receive-content").outerHTML;
var resp = httpGetWallet("receive/alice");
- for (i = 0; i < 7; i++) {
+ for (i = 0; i < 6; i++) {
var node = document.createElement("li");
node.setAttribute("class", "list-group-item");
var textNode = document.createTextNode(resp.Addresses[i]);
@@ -79,6 +80,7 @@ function updateWalletContent() {
//}
}
else if (menuId === "send-active") {
+ document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("send-content").outerHTML;
}
else if (menuId === "history-active") {
document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("history-content").outerHTML;
@@ -101,7 +103,10 @@ function updateWalletContent() {
}
else if (bobOrAlice == "bob-active") {
var resp = httpGetWallet("balances/bob");
- document.getElementById("balances").innerHTML = '<h4><span class="label label-default" style="display:block;">Available: ' + resp.Available + ' BTC, Incoming: ' + resp.Incoming + ' BTC </span></h4>';
+ var balance = resp.Available;
+ var labelType = "default";
+ if (resp.Incoming > 0) labelType = "danger";
+ document.getElementById("balances").innerHTML = '<h4><span class="label label-' + labelType + '" style="display:block;">Available: ' + resp.Available + ' BTC, Incoming: ' + resp.Incoming + ' BTC </span></h4>';
var menu = document.getElementById("menu");
if (menu.childElementCount > 0) {
@@ -109,7 +114,7 @@ function updateWalletContent() {
if (menuId === "receive-active") {
document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("receive-content").outerHTML;
var resp = httpGetWallet("receive/bob");
- for (i = 0; i < 7; i++) {
+ for (i = 0; i < 6; i++) {
var node = document.createElement("li");
node.setAttribute("class", "list-group-item");
var textNode = document.createTextNode(resp.Addresses[i]);
@@ -118,6 +123,7 @@ function updateWalletContent() {
}
}
else if (menuId === "send-active") {
+ document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("send-content").outerHTML;
}
else if (menuId === "history-active") {
document.getElementById("content").innerHTML = document.getElementById("wallet-content-frame").contentWindow.document.getElementById("history-content").outerHTML;

Design send content html