poanetwork
/
proofofphone
mirror of https://github.com/poanetwork/proofofphone.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

privacy warning

This commit is contained in:
Victor 2016-06-02 11:48:03 +03:00
parent 7a91332993
commit da287a1874
4 changed files with 80 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
web/public/css/index.css
View File

@ -79,10 +79,20 @@
font-size: 14px;
line-height: 25px;
}
.POPCheckboxDesc {
color: rgb(48,142,162);
font-size: 12px;
line-height: 17px;
width: 100%;
}
.inputContainer {
margin-bottom: 30px;
margin-bottom: 5px;
width: 540px;
}
.checkboxContainer {
margin-bottom: 10px;
width: 400;
}
.POPInput {
font-family: 'Open Sans', sans-serif;
height: 56px;
@ -275,6 +285,32 @@
display: table-cell;
padding-right: 60px;
}
.checkboxInnerContainer {
display: table;
}
.checkboxInnerContainerCell {
display: table-cell;
}
.POPcheckbox {
width: 14px !important;
height: 14px !important;
background: white;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
text-align: center;
margin-right: 5px;
}
.POPcheckboxSelected {
width: 14px;
height: 14px;
background: transparent url("/img/checkbox.png") no-repeat center center;
}
.POPcheckboxUnselected {
width: 14px;
height: 14px;
background: transparent;
}
.POPradio {
width: 22px;
height: 22px;
@ -549,4 +585,13 @@
/*rotate(-130deg)*/
/*rotate(160deg)*/
/*rotate(145deg)*/
/*rotate(33deg)*/
/*rotate(33deg)*/
.marginBottom1 {
margin-bottom: 5px !important;
}
.marginBottom2 {
margin-bottom: 15px !important;
}
.marginTop1 {
margin-top: 5px !important;
}

BIN
web/public/img/checkbox.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

21
web/public/js/indexClient.js
View File

@ -49,6 +49,10 @@ $(document).ready(function() {
var copyHashTable = $('#copyHashTable');
var hashToAddress = "";
var checkboxContainer = $(".checkboxContainer");
var POPcheckbox = $(".POPcheckbox");
var privacyPolicyCheckbox = $("#privacyPolicyCheckbox");
var addressVal = $("#addressVal");
var wallet = QueryString.wallet;
@ -97,6 +101,18 @@ $(document).ready(function() {
phoneRadioCheck();
});
POPcheckbox.click(function(e) {
if ($(this).find(".POPcheckboxSelected")[0]) {
$(this).find(".POPcheckboxSelected").addClass("POPcheckboxUnselected");
$(this).find(".POPcheckboxSelected").removeClass("POPcheckboxSelected");
privacyPolicyCheckbox.prop( "checked", false );
} else {
$(this).find(".POPcheckboxUnselected").addClass("POPcheckboxSelected");
$(this).find(".POPcheckboxUnselected").removeClass("POPcheckboxUnselected");
privacyPolicyCheckbox.prop( "checked", true );
}
});
function phoneRadioCheck() {
POPradios.each(function(e) {
$(this).find('.POPRadioInner').removeClass('POPradioSelected');
@ -252,6 +268,7 @@ $(document).ready(function() {
POPTitleContainerShortend.removeClass("POPTitleContainerShortend");
POPDescContainerShortend.addClass("POPDescContainer");
POPDescContainerShortend.removeClass("POPDescContainerShortend");
checkboxContainer.removeClass("hide");
}
break;
case 2:
@ -276,6 +293,7 @@ $(document).ready(function() {
POPTitleContainerShortend.removeClass("POPTitleContainerShortend");
POPDescContainerShortend.addClass("POPDescContainer");
POPDescContainerShortend.removeClass("POPDescContainerShortend");
checkboxContainer.addClass("hide");
}
break;
case 3:
@ -314,6 +332,7 @@ $(document).ready(function() {
POPTitleContainerShortend.removeClass("POPTitleContainerShortend");
POPDescContainerShortend.addClass("POPDescContainer");
POPDescContainerShortend.removeClass("POPDescContainerShortend");
checkboxContainer.addClass("hide");
}
break;
case 4:
@ -349,6 +368,7 @@ $(document).ready(function() {
POPTitleContainerShortend.removeClass("POPTitleContainerShortend");
POPDescContainerShortend.addClass("POPDescContainer");
POPDescContainerShortend.removeClass("POPDescContainerShortend");
checkboxContainer.addClass("hide");
var clientCopyWallet3 = new ZeroClipboard( $("#copyWallet3")[0] );
@ -401,6 +421,7 @@ $(document).ready(function() {
Materialize.toast('Address copied to buffer', 3000, 'rounded');
});
});
checkboxContainer.addClass("hide");
}
break;
default:

16
web/views/index.pug
View File

@ -45,7 +45,7 @@ html
input#token.hide
div.POPTitleContainer
label.POPTitle Submit your phone number
div.POPDescContainer
div.POPDescContainer.marginBottom2
label#topDesc.POPDesc Proof of phone is a smart oracle developed for the Etherium blockchain to serve as a simple form of KYC (Know-Your-Customer).
div.inputContainer
div.radioContainer.hide
@ -53,7 +53,7 @@ html
input(type="radio", id="radioCheckWallet", name="radioCheck", value="wallet").hide
div.radioInnerContainer
div#phoneRadio.POPradio
div.POPRadioInner.POPradioSelected
div.POPRadioInner.POPradioSelected
span.POPradioText Phone number
div#walletRadio.radioInnerContainer
div.POPradio
@ -63,8 +63,16 @@ html
input(id="POPInputSMS" placeholder="SMS code", type="number").POPInput.POPInputSMS.hide
input(id="POPInputWallet" placeholder="Ethereum wallet").POPInput.POPInputWallet.hide
button.POPButton#POPSubmit submit
div.checkboxContainer
div.checkboxInnerContainer
div.checkboxInnerContainerCell
div.POPcheckbox
div.POPcheckboxSelected
div.checkboxInnerContainerCell
span.POPCheckboxDesc I understand that this is a proof-of-concept, my phone number will be permanently stored unencrypted on the Ethereum blockchain and connected to my public key
input(type="checkbox", name="privacyPolicyCheckbox", id="privacyPolicyCheckbox", checked).hide
div.POPBottomDescriptionContainer
div.POPTitleContainer
div.POPTitleContainer.marginBottom1
label.POPTitle2 How does it work?
div.POPDescContainer
label#bottomDesc.POPDesc Enter a phone number you'd like to join with your Ethereum address. We will send you an SMS. After verification, we will ask you to deposit a service fee of 0.1 ether to a smart contract at the address
@ -82,7 +90,7 @@ html
tr
td#addressVal.copyTableCellWalletValue2= address
td(data-clipboard-text="#{address}")#copyWallet.copyTableCellCopyButton
table#step1CopyTable(cellspacing="0" cellpadding="0").copyTable
table#step1CopyTable(cellspacing="0" cellpadding="0").copyTable.marginTop1
tbody.copyTableBody
tr
td.copyTableCellWalletValue1= address