j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutM'<html>
<head>
<title>BitDiary</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">BitDiary</a>
</div>
<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
<ul class="nav navbar-nav">
<li id="tab_login" onclick="toTab('#Login')"><a href="#Login" data-toggle="tab">Login</a></li>
<li id="tab_home" onclick="toTab('#Home')"><a href="#Home" data-toggle="tab">Home</a></li>
<li id="tab_write" onclick="toTab('#Write')"><a href="#Write" data-toggle="tab">Write</a></li>
<li id="tab_browse" onclick="toTab('#Browse')"><a href="#Browse" data-toggle="tab">Browse</a></li>
<li id="tab_about" onclick="toTab('#About')"><a href="#About" data-toggle="tab">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="./93ab629f7291c8cc4710a3222688b3e28538705ea6838a0316e6d2f29db96933">Find More App</a></li>
<li><a href="https://github.com/monkeylord/awesome-bitcoin-sv">Awesome-BSV</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container tab-content">
<div id="Home" class="container tab-pane" style="width: 100%;">
<h3>My Diary</h3>
<a onclick="toTab('#Write')">New</a> <a onclick="refreshHome()">Refresh</a>
<hr>
<div id="myDiaries">
<p>Loading</p>
</div>
</div>
<div id="Write" class="container tab-pane" style="width: 100%;">
<p id="TimeNow">Time Now</p>
<!-- new Date().toDateString() -->
<textarea onpaste="return false" class="diary" id="content" value="" style="overflow: hidden;width: 50%;"></textarea>
<div>
<input type="button" id="ready" class="btn" onclick="createButton()" value="Finished!">
<div id='MB' style="display: none;"></div>
</div>
</div>
<div id="Browse" class="container tab-pane" style="width: 100%;">
<h3>Browse Diary entry with Entry Key</h3>
<p>You can safely share Entry Key to anyone you want</p>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon" style="width: 15%;">Entry Key</span>
<input class="form-control" id='VKey' style="min-width: 80%">
</div>
<input type="button" id="readVault" class="btn" value="Read" onclick="browse()" style="width: 100%;">
<br>
<div class="panel panel-default" id="diary">
<div class="panel-heading">
<h3 class="panel-title" id="browse_time">time</h3>
</div>
<div class="panel-body" style="word-break: break-all;" id="browse_content">
content
</div>
</div>
</div>
<div id="About" class="container tab-pane" style="width: 100%;">
<h3>About BitDiary</h3>
<p>BitDiary is an on-chain diary following <a href="https://github.com/monkeylord/BAD">Bitcoin Application Data protocol</a>.</p>
<p>It's use <a href="https://github.com/unwriter/B">B protocol</a> as <a href="./">gateway</a>.</p>
<p>The <a href="https://github.com/monkeylord/bitcoin-ibe">method</a> used in this application is also covered by Patent 42 that can only be used on BSV chain.</p>
<p>When a diary transaction is made in this app, a tiny donation will be made to developer, which will encourage developer developing more metanet app.</p>
<p>Your diary is encrypted in AES256 that cannot be decrypted without Entry Key or Identity Key</p>
<p>Entry Key can be safely shared.</p>
</div>
<div id="Login" class="container tab-pane active" style="width: 100%;">
<h3>Login</h3>
<p>Login with Identity Key (Bitcoin Private Key is OK).</p>
<a onclick="$('#IDKGen').show()">Generate Identity Key from Username/Password.(Strong Password Recommanded)</a>
<div id="IDKGen" style="display: none;">
<div class="input-group" style="width: 100%;">
<span class="input-group-addon" style="width: 15%;">Username</span>
<input class="form-control" id='user' style="min-width: 80%">
</div>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon" style="width: 15%;">Password</span>
<input type="password" class="form-control" id='pass' style="min-width: 80%">
</div>
<input type="button" id="login_UP" style="width: 100%;" class="btn" onclick="genIDK()" value="Generate Identity Key from Username/Password">
<center>||</center>
</div>
<div class="input-group" style="width: 100%;">
<span class="input-group-addon" style="width: 15%;">Identity Key</span>
<input class="form-control" id='IDKey' style="min-width: 80%">
</div>
<input type="button" id="login_IDK" style="width: 100%;" class="btn" onclick="loginIDK()" value="Login with Identity Key">
</div>
<br>
<div class="footer container">
<hr>
<p>An On-Chain Diary made by Monkeylord</p>
<p>Powered by <a href="https://bitdb.network/">BitDB</a>, <a href="https://github.com/moneybutton/bsv">BSV</a> and <a href="https://moneybutton.com">MoneyButton</a></p>
<p>Changelog Entry Key: f86de8fd831bc7d94bf603412a6b952fda3911a18696270b0de9599d0dd9354a (<a href="#f86de8fd831bc7d94bf603412a6b952fda3911a18696270b0de9599d0dd9354a" target="_blank">See it in Browse</a>)</p>
</div>
</div>
<script>
//UI Script
$('.diary').on('input', function(){
this.style.height = 'auto';
this.style.height = this.scrollHeight + 300 + "px";
});
$("#tab_home").hide()
$("#tab_write").hide()
</script>
<script>
var IDKey = null
var curVaultKey = null
var diaries = []
var allRead = false
function genIDK(){
var uname = $("#user")[0].value
var passw = $("#pass")[0].value
var IDKey = bsv.crypto.Hash.sha256hmac(bsv.deps.Buffer.from(uname),bsv.deps.Buffer.from(passw))
$("#IDKey")[0].value = IDKey.toString('hex')
}
function loginIDK(){
IDKey = $("#IDKey")[0].value
$("#tab_home").show()
$("#tab_write").show()
$("#tab_login").hide()
$('a[href="#Home"]').tab('show')
curVaultKey = vaultKey(IDKey, String(diaries.length))
refreshHome()
}
function toTab(tab){
$('a[href="'+tab+'"]').tab('show')
}
function logout(){
IDKey = null
curVaultKey = null
}
function refreshHome(){
if(IDKey==null)toTab("#Login")
readDiaries().then(function(){
$("#myDiaries").children().remove()
for(var i=diaries.length;i>0;i--){
$("#myDiaries").append(diaryDiv(i-1))
}
})
}
function readDiaries(){
if(IDKey==null||IDKey==""){
toTab("#Login")
return
}
curVaultKey = vaultKey(IDKey, String(diaries.length))
return readDiary(curVaultKey).then(r=>{
if(r.length==0){
return true
}else{
diaries[diaries.length]=r[0]
return readDiaries()
}
})
}
function diaryDiv(vault){
var diary=diaries[vault]
if(diary==null||diary==undefined)return null
var vKey = vaultKey(IDKey, String(vault))
var divtext='<div class="panel panel-default" style="word-break: break-all;" id="' + diary.txid + '"><div class="panel-heading"><h3 class="panel-title"></h3></div><div class="panel-body"></div></div>'
var div=$(divtext)
div.children()[0].children[0].innerText=(diary.time==null)?new Date().toDateString()+"(unconfirmed)":new Date(diary.time*1000).toDateString()
try{
div.children()[1].innerText=AESDecrypt(diary.diary, vKey)
}catch(err){
div.children()[1].innerText=err
}
div.append('<p class="panel-body" style="color: darkgray;">Entry Key: <a href="#'+vKey.toString()+'" target="_blank">'+vKey.toString()+'</a> <span id="info" class="glyphicon glyphicon-info-sign" aria-hidden="true" style="font-size:8pt;vertical-align:top" title="Entry Key is key to locate and decrypt Diary Entry, you can share diary entry with anyone you want. Anyone having it can use it in Browse and read diary content. The identity of who wrote the diary will not be tell from Entry Key, so it\'s safe to share."></span></p>')
return div
}
function createButton(){
var content=$("#content").val()
var div=$("#MB")
console.log(content)
console.log("MoneyButton Created with Entry Key:"+curVaultKey.toString())
writeDiaryMBDiv(div[0], content, curVaultKey, afterSubmit)
$("#MB").show()
}
function afterSubmit(arg){
console.log(arg)
$("#content").val("")
$("#MB").hide()
setTimeout("refreshHome()",3000)
toTab("#Home")
}
function browse(){
var vKey = bsv.PrivateKey($("#VKey")[0].value.trim())
readDiary(vKey).then(entrys=>{
if(entrys[0].time==null){
$("#browse_time").text("Unconfirm")
}else{
$("#browse_time")[0].innerText=new Date(entrys[0].time*1000).toDateString()
}
var pDiary = document.createElement("p")
$("#browse_content")[0].innerText=AESDecrypt(entrys[0].diary, vKey)
$("#diary").show()
})
}
$("#TimeNow").html(new Date().toDateString())
$("#diary").hide()
if(bsv.PrivateKey.isValid(document.location.hash.slice(1))){
$("#VKey").val(document.location.hash.slice(1))
toTab("#Browse")
}
</script>
</body>
</html> text/html
https://whatsonchain.com/tx/a3dbff56e4ae4914dd5cb67bd74ce7420415d5810a82f3a7e00cbdaf3d8277f7