BarterDEX/gui/js/simpledexactions.js

/*** Simple GUI JS ***/

//var CheckOrderbook_Interval = null;
//var CheckPortfolio_Interval = null;
var check_coin_balance_Interval = null;

var coin_pair = ["BTC","KMD"]

$('.coin.pair-one').html(coin_pair[0]);
$('.coin.pair-two').html(coin_pair[1]);

$.each($('.pair-one[data-coin]'), function(index, value) {
	$('.pair-one[data-coin]').attr('data-coin', coin_pair[0]);
});
$.each($('.pair-two[data-coin]'), function(index, value) {
	$('.pair-two[data-coin]').attr('data-coin', coin_pair[1]);
});

$(document).ready(function() {
	var mmstatus = ShepherdIPC({"command":"mmstatus"});
	if (mmstatus !== 'closed') {
		$('.mainbody').show();
		$('.loginbody').hide();
		//var refresh_data = {"coin":" ", "status": "enable"};
		//enable_disable_coin(refresh_data);
		//get_myprices();

		check_coin_balance_Interval = setInterval(check_coin_balance,3000);
		check_coin_balance();
	} else {
		$('.mainbody').hide();
		$('.loginbody').show();
	}
	//$('.set_goal_label_portfolio').html($('.sell_coin_p').selectpicker('val'));
});




$('.btn-receive').click(function() {
	console.log('btn-receive clicked');
	console.log($(this).data());

	if ($(this).data('pair') == 'one') {
		var coin_pair_one = sessionStorage.getItem('coin_pair_one');
		var coin_pair = JSON.parse(coin_pair_one);
	}
	if ($(this).data('pair') == 'two') {
		var coin_pair_two = sessionStorage.getItem('coin_pair_two');
		var coin_pair = JSON.parse(coin_pair_two);
	}

	console.log(coin_pair.smartaddress);

	bootbox.dialog({
	    //title: 'A custom dialog with init',
	    message: '<div style="text-align: center; margin-top: -40px;"><img src="img/cryptologo/'+$(this).data('coin')+'.png" style="border: 10px solid #fff;border-radius: 50px; background: #fff;"/></div><div style="text-align: center;"><div id="receive_addr_qrcode"></div><pre style="font-size: 18px;">'+coin_pair.smartaddress+'</pre class="receive_addr_qrcode_addr"></div>'
	});
	var qrcode = new QRCode("receive_addr_qrcode");
	qrcode.makeCode(coin_pair.smartaddress); // make another code.
	$('#receive_addr_qrcode > img').removeAttr('style');
	$('#receive_addr_qrcode > img').css('display', 'initial');
	$('#receive_addr_qrcode > img').css('border', '9px solid #f1f1f1','border-radius','5px','margin', '5px');
	$('#receive_addr_qrcode > img').css('border-radius','5px');
	$('#receive_addr_qrcode > img').css('margin', '5px');
})



$('.btn-enable').click(function() {
	console.log('btn-enable clicked');
	//console.log($(this).data());

	var electrum_option = $('#toggle_pair_one').prop('checked');

	//console.log(electrum_option);

	var enable_data = $(this).data();
	enable_data['electrum'] = electrum_option;
	//console.log(enable_data);

	enable_disable_coin(enable_data);
});

$('.btn-disable').click(function() {
	console.log('btn-disable clicked');
	//console.log($(this).data());

	var electrum_option = $('#toggle_pair_one').prop('checked');

	//console.log(electrum_option);

	var enable_data = $(this).data();
	enable_data['electrum'] = electrum_option;
	//console.log(enable_data);

	enable_disable_coin(enable_data);
});


$('.btn-send').click(function(e) {
	e.preventDefault();
	console.log('btn-send clicked');
	console.log($(this).data());
	$('.coindashboard').hide()
	$('.screen-sendcoin').show();
	check_coin_balance(false);
	$('.sendcoin-title').html('Send ('+$('.balance.pair-'+$(this).data('pair')+'').html()+' '+$(this).data('coin')+')');
	$('.sendcoin-title').data('coin', $(this).data('coin'));
});


$('.btn-sendcoin').click(function(e){
	e.preventDefault();
	console.log('btn-sendcoin clicked');
	//console.log($(this).data());
	var coin = $('.sendcoin-title').data('coin');
	console.log(coin);

	var to_addr = $('#send-toaddr').val();
	var send_amount = $('#send-amount').val();
	//console.log(to_addr);
	//console.log(send_amount);

	var output_data = {};
	output_data[to_addr] = send_amount;
	//console.log(output_data);

	var userpass = sessionStorage.getItem('mm_userpass');
	var ajax_data = {"userpass":userpass,"method":"withdraw","coin": coin, "outputs": [output_data]};
	var url = "http://127.0.0.1:7783";

	console.log(ajax_data);



	var a1 = $.ajax({
			async: true,
			data: JSON.stringify(ajax_data),
			dataType: 'json',
			type: 'POST',
			url: url
		}),
		a2 = a1.then(function(data) {
			// .then() returns a new promise
			console.log(data);
			if (data.complete == false) {
				toastr.error('Uncessful Transaction. Please try again.','Tansaction info');
			}
			if (data.complete == true) {
				bootbox.confirm({
					message: `<b>Send</b>: `+send_amount+` `+ajax_data.coin+`<br>
									<b>To</b>: `+to_addr+`<br>`,
					buttons: {
						confirm: {
							label: 'Confirm',
							className: 'btn-primary'
						},
						cancel: {
							label: 'Cancel',
							className: 'btn-default'
						}
					},
					callback: function (result) {
						console.log('This was logged in the callback: ' + result);

						if (result == true) {
							var ajax_data2 = {"userpass":userpass,"method":"sendrawtransaction","coin": coin, "signedtx": data.hex};
							console.log(ajax_data2);

							toastr.info('Transaction Executed', 'Transaction Status');

							return $.ajax({
									async: true,
									data: JSON.stringify(ajax_data2),
									dataType: 'json',
									type: 'POST',
									url: url
								})
						} else {
							console.log('Sending Transaction operation canceled.');
							return {'output': 'canceled'};
						}
					}
				});
			}
	});

	a2.done(function(data) {
		console.log(data);
	});
});


$('.btn-sendcoinclose').click(function(e) {
	e.preventDefault();
	console.log('btn-sendcoinclose clicked');
	console.log($(this).data());
	$('.coindashboard').show()
	$('.screen-sendcoin').hide();
	$('#send-toaddr').val('');
	$('#send-amount').val('');
	check_coin_balance_Interval = setInterval(check_coin_balance,3000);
});


$('.btn-inventory').click(function(e) {
	e.preventDefault();
	console.log('btn-inventory clicked');
	console.log($(this).data());
	$('.coindashboard').hide()
	$('.screen-inventory').show();
	check_coin_balance(false);
	$('.inventory-title').html('Manage Inventory ('+$('.balance.pair-'+$(this).data('pair')+'').html()+' '+$(this).data('coin')+')');
	$('.inventory-title').data('coin', $(this).data('coin'));
	$('.coininventory[data-coin]').attr('data-coin', $(this).data('coin'));
	$('.inventory-sliderTotalCoin').html(' '+$(this).data('coin'));

	check_coin_inventory($(this).data('coin'));

	calc_data = {"coin": $(this).data('coin'), "balance": $('.balance.pair-'+$(this).data('pair')+'').html()};
	clac_coin_inventory(calc_data);
});

$('.btn-inventoryclose').click(function(e) {
	e.preventDefault();
	console.log('btn-inventoryclose clicked');
	console.log($(this).data());
	$('.coindashboard').show()
	$('.screen-inventory').hide();
	$('.dex_showinv_alice_tbl tbody').empty();
	$('.dex_showinv_bob_tbl tbody').empty();
	$('.RawJSONInventory-output').empty();
	check_coin_balance_Interval = setInterval(check_coin_balance,3000);
});

$('.btn-inventoryrefresh').click(function(e) {
	e.preventDefault();
	console.log('btn-inventoryrefresh clicked');
	console.log($(this).data());
	check_coin_inventory($(this).data('coin'));
});



$('.dex_showinv_alice_tbl tbody').on('click', '.btn_coiniventory_detail', function() {
	console.log($(this).data());
	var index = $(this).data('index');
	var coininventory = sessionStorage.getItem('mm_coininventory');
	coininventory = JSON.parse(coininventory);
	console.log(coininventory.alice[index]);

	bootbox.dialog({
		message: `
			<table class="table table-striped">
				<tbody>
					<tr>
					<th rowspan="13" style="width: 30px;">` + index + `</th>
					<th>method</th>
					<th>` + coininventory.alice[index].method + `</th>
					</tr>
					<tr>
					<td>gui</td>
					<td>` + coininventory.alice[index].gui + `</td>
					</tr>
					<tr>
					<td>coin</td>
					<td>` + coininventory.alice[index].coin + `</td>
					</tr>
					<tr>
					<td>iambob</td>
					<td>` + coininventory.alice[index].iambob + `</td>
					</tr>
					<tr>
					<td>address</td>
					<td>` + coininventory.alice[index].address + `</td>
					</tr>
					<tr>
					<td>txid</td>
					<td>` + coininventory.alice[index].txid + `</td>
					</tr>
					<tr>
					<td>vout</td>
					<td>` + coininventory.alice[index].vout + `</td>
					</tr>
					<tr>
					<td>value</td>
					<td>` + (parseFloat(coininventory.alice[index].value)/100000000).toFixed(8) + ` ` + coininventory.alice[index].coin + `</td>
					</tr>
					<tr>
					<td>satoshis</td>
					<td>` + coininventory.alice[index].satoshis + `</td>
					</tr>
					<tr>
					<td>txid2</td>
					<td>` + coininventory.alice[index].txid2 + `</td>
					</tr>
					<tr>
					<td>vout2</td>
					<td>` + coininventory.alice[index].vout2 + `</td>
					</tr>
					<tr>
					<td>value2</td>
					<td>` + (parseFloat(coininventory.alice[index].value2)/100000000).toFixed(8) + ` ` + coininventory.alice[index].coin + `</td>
					</tr>
					<tr>
					<td>desthash</td>
					<td>` + coininventory.alice[index].desthash + `</td>
					</tr>
				</tbody>
			</table>`,
		closeButton: true,
		size: 'large'
	});
});



$('.btn-makeinventory').click(function(e) {
	e.preventDefault();
	console.log('btn-makeinventory clicked');
	console.log($(this).data());
});

function check_coin_balance(sig) {
	if (sig == false) {
		clearInterval(check_coin_balance_Interval);
		console.log('checking coin balance stopped.')
	} else {
		console.log('checking coin balance');
	}

	$.each(coin_pair, function(index, val) {
		//console.log(index);
		//console.log(val);

		if (val == 'BTC') {
			if (index == 0) {
				$('#toggle_pair_one').bootstrapToggle('enable')
			} else {
				$('#toggle_pair_two').bootstrapToggle('enable')
			}
		} else {
			if (index == 0) {
				$('#toggle_pair_one').bootstrapToggle('disable')
			} else {
				$('#toggle_pair_two').bootstrapToggle('disable')
			}
		}

		var userpass = sessionStorage.getItem('mm_userpass');
		var ajax_data = {"userpass":userpass,"method":"getcoin","coin": val};
		var url = "http://127.0.0.1:7783";


		$.ajax({
			async: true,
			data: JSON.stringify(ajax_data),
			dataType: 'json',
			type: 'POST',
			url: url
		}).done(function(data) {
			// If successful
			//console.log(data);
			if (!data.userpass === false) {
				console.log('first marketmaker api call execution after marketmaker started.')
				sessionStorage.setItem('mm_usercoins', JSON.stringify(data.coins));
				sessionStorage.setItem('mm_userpass', data.userpass);
				sessionStorage.setItem('mm_mypubkey', data.mypubkey);
			}

			if (!data.error === false && data.error == 'coin is disabled') {
				console.log(data.coin);
				console.log('coin '+ val + ' is disabled');
				$('.btn-send[data-coin="' + val + '"]').hide();
				$('.btn-receive[data-coin="' + val + '"]').hide();
				$('.btn-exchange[data-coin="' + val + '"]').hide();
				$('.btn-inventory[data-coin="' + val + '"]').hide();
				$('.btn-enable[data-coin="' + val + '"]').show();
				$('.btn-disable[data-coin="' + val + '"]').hide();

				if (index == 0) {
					$('.balance.pair-one').html('Coin is disabled.<br>Please enable before trading ')
					$('.balance.pair-one').css( "font-size", "35px" );
					sessionStorage.setItem('coin_pair_one', JSON.stringify({"coin":val,"address":null}));
				} else {
					$('.balance.pair-two').html('Coin is disabled.<br>Please enable before trading ')
					$('.balance.pair-two').css( "font-size", "35px" );
					sessionStorage.setItem('coin_pair_one', JSON.stringify({"coin":val,"address":null}));
				}

				/*if (index == 0) {
					//$('#toggle_pair_one').show();
					//$('#toggle_pair_one').bootstrapToggle('initialize');
				} else {
					//$('#toggle_pair_two').show();
					//$('#toggle_pair_two').bootstrapToggle('initialize');
				}*/

			} else {
				//console.log(data);
				console.log(data.coin);
				//console.log(data.coin.smartaddress);
				//console.log(val);

				$('.btn-send[data-coin="' + val + '"]').show();
				$('.btn-receive[data-coin="' + val + '"]').show();
				$('.btn-exchange[data-coin="' + val + '"]').show();
				$('.btn-inventory[data-coin="' + val + '"]').show();
				$('.btn-enable[data-coin="' + val + '"]').hide();
				$('.btn-disable[data-coin="' + val + '"]').show();
				$('.pair-address[data-coin="' + val + '"]').html(data.coin.smartaddress);

				if (index == 0) {
					//$('#toggle_pair_one').bootstrapToggle('destroy');
					//$('#toggle_pair_one').hide();
					sessionStorage.setItem('coin_pair_one', JSON.stringify(data.coin));
					$('.balance.pair-one').css( "font-size", "55px" );
					$('.balance.pair-one').html(data.coin.balance);
					$('.pair-height.pair-one').html(data.coin.height);
					$('.pair-kmdvalue.pair-one').html(data.coin.KMDvalue);
				} else {
					//$('#toggle_pair_two').bootstrapToggle('destroy');
					//$('#toggle_pair_two').hide();
					sessionStorage.setItem('coin_pair_two', JSON.stringify(data.coin));
					$('.balance.pair-two').css( "font-size", "55px" );
					$('.balance.pair-two').html(data.coin.balance);
					$('.pair-height.pair-two').html(data.coin.height);
					$('.pair-kmdvalue.pair-two').html(data.coin.KMDvalue);
				}

				//get_balance();
			}

			//if (data.error == 'coin is disabled') {
				//console.log('coin '+ val + ' is disabled');
			//}
		}).fail(function(jqXHR, textStatus, errorThrown) {
			// If fail
			console.log(textStatus + ': ' + errorThrown);
		});
	})

}


function get_balance() {

	var coin_pair_one = sessionStorage.getItem('coin_pair_one');
	var coin_pair_one = JSON.parse(coin_pair_one);
	var coin_pair_two = sessionStorage.getItem('coin_pair_two');
	var coin_pair_two = JSON.parse(coin_pair_two);
	//console.log(coin_pair_one);
	//console.log(coin_pair_two);

	$.each([coin_pair_one,coin_pair_two], function(index, value) {
		//console.log(index);
		//console.log(value.coin);


		var userpass = sessionStorage.getItem('mm_userpass');
		var ajax_data = {"userpass":userpass,"method":"balance","coin":value.coin,"address":value.smartaddress};
		var url = "http://127.0.0.1:7783";

		$.ajax({
			async: true,
		    data: JSON.stringify(ajax_data),
		    dataType: 'json',
		    type: 'POST',
		    url: url
		}).done(function(data) {
		    // If successful
		   //console.log(value.coin);
		   //console.log(data);
		   if (!data.userpass === false) {
				console.log('first marketmaker api call execution after marketmaker started.')
				sessionStorage.setItem('mm_usercoins', JSON.stringify(data.coins));
				sessionStorage.setItem('mm_userpass', data.userpass);
				sessionStorage.setItem('mm_mypubkey', data.mypubkey);
			}

			if (!data.error == true) {
				if (index == 0) {
					$('.balance.pair-one').css( "font-size", "55px" );
					$('.balance.pair-one').html(data.balance);
				} else {
					$('.balance.pair-two').css( "font-size", "55px" );
					$('.balance.pair-two').html(data.balance);
				}
			}
		}).fail(function(jqXHR, textStatus, errorThrown) {
		    // If fail
		    console.log(textStatus + ': ' + errorThrown);
		});
	})
}

function get_coin(data) {
	console.log(data);

	var userpass = sessionStorage.getItem('mm_userpass');
	var ajax_data = {"userpass":userpass,"method":"getcoin","coin":data.coin};
	var url = "http://127.0.0.1:7783";

	$.ajax({
	    data: JSON.stringify(ajax_data),
	    dataType: 'json',
	    type: 'POST',
	    url: url
	}).done(function(data) {
	    // If successful
	   //console.log(data);
	   if (!data.userpass === false) {
				console.log('first marketmaker api call execution after marketmaker started.')
				sessionStorage.setItem('mm_usercoins', JSON.stringify(data.coins));
				sessionStorage.setItem('mm_userpass', data.userpass);
				sessionStorage.setItem('mm_mypubkey', data.mypubkey);
			}
	   //toastr.success('Auto goal setup executed!', 'Portfolio Info')
	   //$('.initcoinswap-output').html(JSON.stringify(data, null, 2));
	}).fail(function(jqXHR, textStatus, errorThrown) {
	    // If fail
	    console.log(textStatus + ': ' + errorThrown);
	});
}


function enable_disable_coin(data) {
	console.log(data);

	var electrum_option = data.electrum //If 'false', electrum option selected
	var userpass = sessionStorage.getItem('mm_userpass');
	var url = "http://127.0.0.1:7783";
	
	if (electrum_option == false) {
		console.log(electrum_option);
		console.log("electrum selected for " + data.coin);
		var ajax_data = {"userpass":userpass,"method":"electrum","coin":data.coin,"ipaddr":"46.4.125.2","port":50001};
	} else {
		console.log(electrum_option);
		console.log("native selected for " + data.coin);
		var ajax_data = {"userpass":userpass,"method":data.method,"coin":data.coin};
	}
	
	/*if (data.coin !== ' ' ) {
		console.log('coin value is not empty');
	} else {
		console.log('coin value is empty');
	}
	if (data.coin !== ' ' && data.status == 'enable') {
		
	} else if (data.coin !== ' ' && data.status == 'disable') {
		var ajax_data = {"userpass":userpass,"method":data.status,"coin":data.coin};
	} else if (data.coin == ' ') {
		var ajax_data = {"userpass":userpass,"method":"getcoins"};
	}*/

	console.log(ajax_data);

	$.ajax({
		async: true,
	    data: JSON.stringify(ajax_data),
	    dataType: 'json',
	    type: 'POST',
	    url: url
	}).done(function(data) {
		// If successful
		console.log(data);
		if (!data.userpass === false) {
			console.log('first marketmaker api call execution after marketmaker started.')
			sessionStorage.setItem('mm_usercoins', JSON.stringify(data.coins));
			sessionStorage.setItem('mm_userpass', data.userpass);
			sessionStorage.setItem('mm_mypubkey', data.mypubkey);
			if (ajax_data.status === 'enable') {
				toastr.success(ajax_data.coin+' Enabled','Coin Status');
			}
			if (ajax_data.status === 'disable') {
				toastr.success(ajax_data.coin+' Disabled','Coin Status');
			}
			//get_coins_list(data.coins);
		} else {
			//get_coins_list(data);
			if (electrum_option == false) {
				//get_coins_list('');
				//$('.refresh_dex_balances').trigger('click');
			} else {
				//get_coins_list(data);
			}
		}

		if (!data.error === false) {
			//console.log(data.error);
			if (data.error == 'couldnt find coin locally installed') { //{error: "couldnt find coin locally installed", coin: "BTC"}
				bootbox.alert({
					title: "Couldn't find "+data.coin+" locally installed",
					message: `<p>It seems you don't have `+data.coin+` wallet installed on your OS. Please check these following points to make sure you have your wallet setup properly:</p>
					<ol>
						<li>Make sure your wallet is installed properly.</li>
						<li>Make sure your wallet is running and synced to network.</li>
						<li>Make sure your wallet has proper RPC settings configured in it's configuration file.</li>
						<li>If you have all the above covered properly, please logout and then login back and try activating the coin again.</li>
					</ol>
					<p>If you still having issues activating the your wallet, please get in touch with our support desk.</p>
					<ul>
						<li><a href="https://support.supernet.org/" target="_blank">https://support.supernet.org</a></li>
					</ul>`,
					size: 'large'
				});
			}
		}
	}).fail(function(jqXHR, textStatus, errorThrown) {
	    // If fail
	    console.log(textStatus + ': ' + errorThrown);
	});
}




function check_coin_inventory(coin) {
	console.log(coin);

	var userpass = sessionStorage.getItem('mm_userpass');
	var mypubkey = sessionStorage.getItem('mm_mypubkey');
	var ajax_data = {"userpass":userpass,"method":"inventory","coin":coin};
	var url = "http://127.0.0.1:7783";

	$.ajax({
		async: true,
		data: JSON.stringify(ajax_data),
		dataType: 'json',
		type: 'POST',
		url: url
	}).done(function(data) {
		// If successful
		console.log(data);
		if (!data.userpass === false) {
			console.log('first marketmaker api call execution after marketmaker started.')
			sessionStorage.setItem('mm_usercoins', JSON.stringify(data.coins));
			sessionStorage.setItem('mm_userpass', data.userpass);
			sessionStorage.setItem('mm_mypubkey', data.mypubkey);
			//get_coins_list(data.coins);
			//$( ".inv_btn[data-coin='"+ coin +"']" ).trigger( "click" );
		} else {
			sessionStorage.setItem('mm_coininventory', JSON.stringify(data));
			$('.RawJSONInventory-output').html(JSON.stringify(data, null, 2));
			$('.dex_showinv_alice_tbl tbody').empty();
			$.each(data.alice, function(index, val) {
				//console.log(index);
				//console.log(val);
				var inv_alice_table_tr = '';
				inv_alice_table_tr += '<tr>';
					inv_alice_table_tr += '<th rowspan="2" style="width: 30px;">' + index + '</th>';
					inv_alice_table_tr += '<th>coin</th>';
					inv_alice_table_tr += '<th>vout1</th>';
					inv_alice_table_tr += '<th>value1</th>';
					inv_alice_table_tr += '<th>vout2</th>';
					inv_alice_table_tr += '<th>value2</th>';
					inv_alice_table_tr += '<th></th>';
				inv_alice_table_tr += '</tr>';
				inv_alice_table_tr += '<tr>';
					inv_alice_table_tr += '<td>' + val.coin + '</td>';
					inv_alice_table_tr += '<td>' + val.vout + '</td>';
					inv_alice_table_tr += '<td>' + (parseFloat(val.value)/100000000).toFixed(8) + ' ' + val.coin + '</td>';
					inv_alice_table_tr += '<td>' + val.vout2 + '</td>';
					inv_alice_table_tr += '<td>' + (parseFloat(val.value2)/100000000).toFixed(8) + ' ' + val.coin + '</td>';
					inv_alice_table_tr += '<td><button class="btn btn-default btn_coiniventory_detail" data-invof="alice" data-index="' + index + '">Detail</button></td>';
				inv_alice_table_tr += '</tr>';

				$('.dex_showinv_alice_tbl tbody').append(inv_alice_table_tr);
			})

			$('.dex_showinv_bob_tbl tbody').empty();
			$.each(data.bob, function(index, val) {
				//console.log(index);
				//console.log(val);
				var inv_bob_table_tr = '';
				inv_bob_table_tr += '<tr>';
					inv_bob_table_tr += '<th rowspan="2" style="width: 30px;">' + index + '</th>';
					inv_bob_table_tr += '<th>coin</th>';
					inv_bob_table_tr += '<th>vout1</th>';
					inv_bob_table_tr += '<th>value1</th>';
					inv_bob_table_tr += '<th>vout2</th>';
					inv_bob_table_tr += '<th>value2</th>';
					inv_bob_table_tr += '<th></th>';
				inv_bob_table_tr += '</tr>';
				inv_bob_table_tr += '<tr>';
					inv_bob_table_tr += '<td>' + val.coin + '</td>';
					inv_bob_table_tr += '<td>' + val.vout + '</td>';
					inv_bob_table_tr += '<td>' + (parseFloat(val.value)/100000000).toFixed(8) + ' ' + val.coin + '</td>';
					inv_bob_table_tr += '<td>' + val.vout2 + '</td>';
					inv_bob_table_tr += '<td>' + (parseFloat(val.value2)/100000000).toFixed(8) + ' ' + val.coin + '</td>';
					inv_bob_table_tr += '<td><button class="btn btn-default btn_coiniventory_detail" data-invof="alice" data-index="' + index + '">Detail</button></td>';
				inv_bob_table_tr += '</tr>';

				$('.dex_showinv_bob_tbl tbody').append(inv_bob_table_tr);
			})

		}
	}).fail(function(jqXHR, textStatus, errorThrown) {
	    // If fail
	    console.log(textStatus + ': ' + errorThrown);
	});
}



$("#inventory-slider1").slider();
$("#inventory-slider1").on("slide", function(slideEvt) {
	$("#inventory-slider1Val").text(slideEvt.value);

	utxo_input = $("#inventory_slider_input1").val();
	$("#inventory-slider1Total").text(slideEvt.value*utxo_input);

	var slider_input2 = $('#inventory-slider2').val();
	var slider_input3 = $('#inventory-slider3').val();
	var slider_total = parseFloat(slideEvt.value*utxo_input1) + parseFloat(slider_input2*utxo_input2) + parseFloat(slider_input3*utxo_input3);

	$('.inventory-sliderTotal').text(slider_total.toFixed(8));
});

$("#inventory-slider2").slider();
$("#inventory-slider2").on("slide", function(slideEvt) {
	$("#inventory-slider2Val").text(slideEvt.value);

	utxo_input = $("#inventory_slider_input2").val();
	$("#inventory-slider2Total").text(slideEvt.value*utxo_input);

	var slider_input1 = $('#inventory-slider1').val();
	var slider_input3 = $('#inventory-slider3').val();
	var slider_total = parseFloat(slider_input1*utxo_input1) + parseFloat(slideEvt.value*utxo_input2) + parseFloat(slider_input3*utxo_input3);

	$('.inventory-sliderTotal').text(slider_total.toFixed(8));
});

$("#inventory-slider3").slider();
$("#inventory-slider3").on("slide", function(slideEvt) {
	$("#inventory-slider3Val").text(slideEvt.value);

	utxo_input = $("#inventory_slider_input3").val();
	$("#inventory-slider3Total").text(slideEvt.value*utxo_input);

	var slider_input1 = $('#inventory-slider1').val();
	var slider_input2 = $('#inventory-slider2').val();
	var slider_total = parseFloat(slider_input1*utxo_input1) + parseFloat(slider_input2*utxo_input2) + parseFloat(slideEvt.value*utxo_input3);

	$('.inventory-sliderTotal').text(slider_total.toFixed(8));
});



function clac_coin_inventory(data) {
	console.log(data);

	utxo_input1 = (parseFloat(data.balance)*0.12).toFixed(8);
	utxo_input2 = (parseFloat(data.balance)*0.01).toFixed(8);
	utxo_input3 = (parseFloat(data.balance)*0.1).toFixed(8);
	///console.log(utxo_input1);
	//console.log(utxo_input2);
	//console.log(utxo_input3);
	$("#inventory_slider_input1").val(utxo_input1);
	$("#inventory_slider_input2").val(utxo_input2);
	$("#inventory_slider_input3").val(utxo_input3);


	var slider_input1 = $('#inventory-slider1').val();
	var slider_input2 = $('#inventory-slider2').val();
	var slider_input3 = $('#inventory-slider3').val();
	$("#inventory-slider1Total").text(parseFloat(slider_input1*utxo_input1).toFixed(8));
	$("#inventory-slider2Total").text(parseFloat(slider_input2*utxo_input2).toFixed(8));
	$("#inventory-slider3Total").text(parseFloat(slider_input3*utxo_input3).toFixed(8));

	var slider_total = parseFloat(slider_input1*utxo_input1) + parseFloat(slider_input2*utxo_input2) + parseFloat(slider_input3*utxo_input3);
	console.log(slider_total);

	$('.inventory-sliderTotal').text(slider_total.toFixed(8));
}