1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-02 08:21:58 +01:00
site/_src/_assets/javascripts/page-getstarted.js

117 lines
3.4 KiB
JavaScript

//=require gumshoe/dist/js/gumshoe.js
//=include bigchain/smoothscroll.js
//=include bigchain/newsletter.js
jQuery(function($) {
//
// init modules
//
Newsletter.init()
})
//
// Sticky nav
//
const menu = document.getElementsByClassName('menu--sub')[0]
if ( window.innerWidth >= 768 ) {
const offset = menu.offsetTop
window.addEventListener('scroll', function() {
if (offset < window.pageYOffset) {
menu.classList.add('sticky')
} else {
menu.classList.remove('sticky')
}
}, false)
}
//
// Scrollspy
//
gumshoe.init()
//
// BigchainDB transaction tool
//
//=include bigchaindb-driver/dist/browser/bigchaindb-driver.window.min.js
window.addEventListener('DOMContentLoaded', function domload(event) {
window.removeEventListener('DOMContentLoaded', domload, false)
const driver = window.BigchainDB
const API_PATH = 'https://test.ipdb.io/api/v1/'
const APP_ID = 'b563bf22'
const APP_KEY = 'fd639614dcf8ee90a8c51a013ac11fb0'
const form = document.getElementById('form-transaction')
const postButton = document.getElementById('post')
const messageInput = document.getElementById('message')
// quick form validation
messageInput.addEventListener('input', function() {
if (messageInput.value === '') {
postButton.setAttribute('disabled', '')
} else {
postButton.removeAttribute('disabled')
}
})
postButton.addEventListener('click', function(e) {
e.preventDefault()
const message = messageInput.value
const alice = new driver.Ed25519Keypair()
const tx = driver.Transaction.makeCreateTransaction({
assetMessage: message
}, {
metaDataMessage: message
}, [driver.Transaction.makeOutput(driver.Transaction.makeEd25519Condition(alice.publicKey))], alice.publicKey)
const txSigned = driver.Transaction.signTransaction(tx, alice.privateKey)
const conn = new driver.Connection(API_PATH, {
app_id: APP_ID,
app_key: APP_KEY
})
const waiting = document.getElementsByClassName('waiting')[0]
const responseArea = document.getElementsByClassName('response')[0]
const output = document.getElementsByClassName('output')[0]
const messageSuccess = document.getElementsByClassName('message--success')[0]
const messageFail = document.getElementsByClassName('message--fail')[0]
const transactionLink = document.getElementsByClassName('transaction-link')[0]
conn.postTransaction(txSigned).then((response) => {
waiting.classList.add('hide')
responseArea.classList.remove('hide')
messageSuccess.classList.remove('hide')
console.log(response)
const outputContent = JSON.stringify(response, null, 4) // indented with 4 spaces
output.textContent = outputContent
transactionLink.href = 'https://test.ipdb.io/api/v1/transactions/' + response.id
}, reason => { // Error!
console.log(reason)
waiting.classList.add('hide')
responseArea.classList.remove('hide')
messageFail.classList.remove('hide')
const outputContent = reason.status + ' ' + reason.statusText
output.textContent = outputContent
}).then((res) => console.log('Transaction status:', res.status))
}, false)
}, false)