First POC with basic mockup

HtmlDemoWallet/License.txt

@@ -0,0 +1,23 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Mark J. Patterson [www.phpbitadmin.net]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+Donations: 17nqTBmCX451UkNSouHANqywkgarsT4MtQ

HtmlDemoWallet/README.md

@@ -0,0 +1,9 @@
+# Demo PHP/Html Wallet 
+
+This wallet is a simple PHP/Html bitcoin wallet using json-rpc.
+
+It's used as a simple test for the bismuth json-rpc server.
+
+Forked from https://github.com/mpatterson99/phpBitAdmin-Bitcoin-HTML5-Wallet/tree/master/wallet_light
+
+Only for tests, do not base further dev from that one for now (better use a full static html/js version)

HtmlDemoWallet/README.txt

@@ -0,0 +1,45 @@
+Welcome to phpBitAdmin - Bitcoind HTML5 Wallet
+
+This web application will run on any PHP enabled webserver. Only cURL
+must be enabled in PHP. Otherwise, it's good to go.
+
+Drop this web app anywhere in your webserver's directory. Open config.inc.php
+and enter the required parameters needed to access any particular bitcoind
+instance.
+
+On the target Bitcoin Server add a 'rpcallowip" directive to bitcoin.conf
+that points to the network ip address of the webserver running 
+phpBitAdmin - Bitcoin Wallet.
+
+#[ex.]
+rpcallowip=10.0.0.15
+
+Where 10.0.0.15 is the address of the webserver. You may enter as many 
+rpcallowip directives as necessary. Other important bitcoin.conf 
+directives are as follows. Uncomment as desired.
+
+# server=1 tells Bitcoin to accept JSON-RPC commands.
+server=1
+
+# Listen for RPC connection on this TCP port:
+# Standard port:
+#rpcport=1832 
+# Testnet port:
+#rpcport=18332
+
+# Run on the test network instead of the real bitcoin network.
+#testnet=3
+
+That's about all that is required in bitcoin.conf. You may want to check
+your firewall and open port 8332 || 18332 depending on which network your
+running the application against.
+
+Page 'pay.php' runs a qr code scanner directly inside a web page. It makes use
+of getUserMedia (WebRTC) so use of the latest browser is recommended. Safari
+an IE do not yet support it but it is coming soon on those browsers. This page 
+also requires a web cam or native camera to function.
+
+NOTE: This web app contains downloaded versions of jQuery & jQuery Mobile. I made
+a conscience decision not to link to various repositories containing the libraries
+because issues are created when one accesses non-ssl from an ssl page. This app
+is not yet production-ready, but when it is this will be one less issue to resolve.

HtmlDemoWallet/config.inc.php

@@ -0,0 +1,16 @@
+<?php
+session_start();
+error_reporting(E_ERROR | E_PARSE);
+ob_start();
+//**************************************************//
+// 	  Please enter required bitcoind parameters  	//
+//**************************************************//
+$server_ip 	 = '127.0.0.1'; // target bitcoind server ip. [ex.] 10.0.0.15
+$server_port = '8115'; // port bitcoind is running on. [ex.] 18332
+$rpc_user 	 = 'username'; // rpc username [must match one in bitcoin.conf]
+$rpc_pass 	 = 'password'; // rpc password [must match one in bitcoin.conf]
+$btc_address = 'moPhStktszZGwtVjziE7eoQ76ATQqfhMtK'; // your default address for receiving payments. [required]
+$passphrase  = ''; // passphrase required to unlock encrypted wallet to send bitcoins. [required if wallet is encrypted]
+$scheme		 = 'http' // tcp protocol to access json on bitcoind. [default]
+//*************************************************//
+?>

HtmlDemoWallet/css/m_phpbitadmin.css

@@ -0,0 +1,97 @@
+html,body {height:100%;}
+
+#image_WalletImage {vertical-align:middle;margin-top:5px;height:50px;width:50px;margin-left:3px;}
+#span_WalletHeaderText {font-family:arial;color:#FFD249;font-size:26px;font-weight:bold;text-shadow: 1px 1px 1px #333;}
+.hr_wallet {width:96%;border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);}
+.primary {color:#808080;font-weight:bold;}
+.secondary {color:#efefef;font-weight:bold;}
+.secondary_light {color:#000;font-weight:bold;}
+.div_WalletOverview {height:20px;font-size:1em;padding-left:20px;padding-bottom:6px;"}
+.ui-priority-secondary {color:#FFD249;}
+.blackBG {background-color:#000;
+}
+.content {
+	display: inline-block; vertical-align: middle;
+ 	padding: 0;
+ 	position : absolute !important;
+ 	top:125px;
+ 	right : 0;
+ 	bottom : 58px !important; 
+ 	left : 0 !important;
+
+}
+
+#loginWrapperDiv{
+	margin: auto;
+  	position: absolute;
+  	top: 0; left: 0; bottom: 0; right: 0;
+  	height:250px;text-align:center;vertical-align:middle;
+}
+
+#loginDiv {
+
+	width:300px;
+	text-align:left;
+	border:1px solid #808080;
+	padding:10px;
+	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+  	background:#7f7f7f;
+}
+
+#scanWrapperDiv{
+	margin: auto;
+  	position: absolute;
+  	top: 0; left: 0; bottom: 0; right: 0;
+  	height:250px;text-align:center;vertical-align:middle;
+}
+
+#spanBTC {font-size:.8em;}
+#spanFee {font-size:.8em;}
+#spanTotal {font-weight:bold;font-size:.8em;}
+
+@media ( min-width: 40em ) {
+	/* Show the table header rows and set all cells to display: table-cell */
+	.my-custom-breakpoint td,
+	.my-custom-breakpoint th,
+	.my-custom-breakpoint tbody th,
+	.my-custom-breakpoint tbody td,
+	.my-custom-breakpoint thead td,
+	.my-custom-breakpoint thead th {
+		display: table-cell;
+		margin: 0;
+
+	}
+	/* Hide the labels in each cell */
+	.my-custom-breakpoint td .ui-table-cell-label,
+	.my-custom-breakpoint th .ui-table-cell-label {
+		display: none;
+	}
+}
+
+.movie-list thead th,
+.movie-list tbody tr:last-child {
+
+    border-bottom: 1px solid #505050; /* non-RGBA fallback */
+
+
+}
+.movie-list tbody th,
+.movie-list tbody td {
+	font-size:.8em;
+    border-bottom: 1px solid #505050; /* non-RGBA fallback  */
+
+}
+.movie-list tbody tr:last-child th,
+.movie-list tbody tr:last-child td {
+
+
+}
+.movie-list tbody tr:nth-child(odd) td,
+.movie-list tbody tr:nth-child(odd) th {
+	font-size:.8em;
+    background-color: #eeeeee; /* non-RGBA fallback  */
+    background-color: rgba(0,0,0,.5);
+
+}

HtmlDemoWallet/css/m_phpbitadmin_light.css

@@ -0,0 +1,96 @@
+html,body {height:100%;}
+
+#image_WalletImage {vertical-align:middle;margin-top:5px;height:50px;width:50px;margin-left:3px;}
+#span_WalletHeaderText {font-family:arial;color:#FFD249;font-size:26px;font-weight:bold;text-shadow: 1px 1px 1px #333;}
+.hr_wallet {width:96%;border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3);}
+.primary {color:#808080;font-weight:bold;}
+.secondary {color:#333;font-weight:bold;}
+.div_WalletOverview {height:20px;font-size:1em;padding-left:20px;padding-bottom:6px;"}
+.ui-priority-secondary {color:#FFD249;}
+.blackBG {background-color:#000;
+}
+.content {
+	display: inline-block; vertical-align: middle;
+ 	padding: 0;
+ 	position : absolute !important;
+ 	top:125px;
+ 	right : 0;
+ 	bottom : 58px !important; 
+ 	left : 0 !important;
+
+}
+
+#loginWrapperDiv{
+	margin: auto;
+  	position: absolute;
+  	top: 0; left: 0; bottom: 0; right: 0;
+  	height:250px;text-align:center;vertical-align:middle;
+}
+
+#loginDiv {
+
+	width:300px;
+	text-align:left;
+	border:1px solid #808080;
+	padding:10px;
+	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
+  	background:#7f7f7f;
+}
+
+#scanWrapperDiv{
+	margin: auto;
+  	position: absolute;
+  	top: 0; left: 0; bottom: 0; right: 0;
+  	height:250px;text-align:center;vertical-align:middle;
+}
+
+#spanBTC {font-size:.8em;}
+#spanFee {font-size:.8em;}
+#spanTotal {font-weight:bold;font-size:.8em;}
+
+@media ( min-width: 40em ) {
+	/* Show the table header rows and set all cells to display: table-cell */
+	.my-custom-breakpoint td,
+	.my-custom-breakpoint th,
+	.my-custom-breakpoint tbody th,
+	.my-custom-breakpoint tbody td,
+	.my-custom-breakpoint thead td,
+	.my-custom-breakpoint thead th {
+		display: table-cell;
+		margin: 0;
+
+	}
+	/* Hide the labels in each cell */
+	.my-custom-breakpoint td .ui-table-cell-label,
+	.my-custom-breakpoint th .ui-table-cell-label {
+		display: none;
+	}
+}
+
+.movie-list thead th,
+.movie-list tbody tr:last-child {
+
+    border-bottom: 1px solid #505050; /* non-RGBA fallback */
+
+
+}
+.movie-list tbody th,
+.movie-list tbody td {
+	font-size:.8em;
+    border-bottom: 1px solid #505050; /* non-RGBA fallback  */
+
+}
+.movie-list tbody tr:last-child th,
+.movie-list tbody tr:last-child td {
+
+
+}
+.movie-list tbody tr:nth-child(odd) td,
+.movie-list tbody tr:nth-child(odd) th {
+	font-size:.8em;
+    background-color: #eeeeee; /* non-RGBA fallback  */
+    background-color: rgba(0,0,0,.1);
+
+}