From 10d292faa7874c96e15c65daa6f7185ef4934b33 Mon Sep 17 00:00:00 2001 From: bill bittner Date: Sun, 4 Jun 2017 11:02:59 -0700 Subject: [PATCH] removed client-side template literals --- public/index.html | 45 ++++++++++++++++++++++----------------------- 1 file changed, 22 insertions(+), 23 deletions(-) diff --git a/public/index.html b/public/index.html index 775aed4c..a74a3fac 100644 --- a/public/index.html +++ b/public/index.html @@ -137,23 +137,23 @@ }; if (selectedFile) { previewReader.readAsDataURL(selectedFile); // reads the data and sets the img src - claimName.value = selectedFile.name.substring(0, selectedFile.name.indexOf(".")); + claimName.value = selectedFile.name.substring(0, selectedFile.name.indexOf('.')); } else { - preview.src = ""; + preview.src = ''; } } function updatePublishStatus(msg){ - document.getElementById("publish-status").innerHTML = msg; + document.getElementById('publish-status').innerHTML = msg; } - uploader.listenOnSubmit(document.getElementById("publish-submit"), document.getElementById("siofu_input")); + uploader.listenOnSubmit(document.getElementById('publish-submit'), document.getElementById('siofu_input')); - document.getElementById("publish-submit").addEventListener("click", function(event){ + document.getElementById('publish-submit').addEventListener('click', function(event){ event.preventDefault(); }) - uploader.addEventListener("start", function(event){ + uploader.addEventListener('start', function(event){ var name = document.getElementById('publish-name').value; var license = document.getElementById('publish-license').value; var nsfw = document.getElementById('publish-nsfw').value; @@ -162,34 +162,33 @@ event.file.meta.license = license; event.file.meta.nsfw = nsfw; // set the html of the publish area - document.getElementById("publish").innerHTML = '
'; + document.getElementById('publish').innerHTML = '
'; // start the progress bar - createProgressBar(document.getElementById("progress-bar"), 12); + createProgressBar(document.getElementById('progress-bar'), 12); }); - uploader.addEventListener("progress", function(event){ + uploader.addEventListener('progress', function(event){ var percent = event.bytesLoaded / event.file.size * 100; - updatePublishStatus("File is " + percent.toFixed(2) + "% loaded to the server"); + updatePublishStatus('File is ' + percent.toFixed(2) + '% loaded to the server'); }) - socket.on("publish-status", function(msg){ + socket.on('publish-status', function(msg){ updatePublishStatus(msg); }) - socket.on("publish-failure", function(msg){ - document.getElementById("publish").innerHTML = `

${msg}

--(✖╭╮✖)→

`; + socket.on('publish-failure', function(msg){ + document.getElementById('publish').innerHTML = '

' + msg + '

--(✖╭╮✖)→

'; }) - socket.on("publish-complete", function(msg){ - console.log("publish complete", msg); - var publishResults = `

You're publish is complete!

`; - publishResults += `

Your Claim ID is: ${msg.result.claim_id}

`; - publishResults += `

Your Transaction ID is: ${msg.result.txid}

`; - publishResults += `

Here is a link to the claim where your asset was published: spee.ch/${msg.name}

`; - publishResults += `

Here is a direct link to your asset: spee.ch/${msg.name}/${msg.result.claim_id}

`; - publishResults += `

NOTE: the transaction still needs to be mined by the network before you can access it! This may take a few minutes. To to view the transaction on the blockchain explorer click the Transaction ID link above.

` - publishResults += `

Reload the page to publish another

`; - document.getElementById("publish").innerHTML = publishResults; + socket.on('publish-complete', function(msg){ + var publishResults = '

Your publish is complete!

'; + publishResults += '

Your Claim ID is: ' + msg.result.claim_id + '

'; + publishResults += '

Your Transaction ID is: ' + msg.result.txid + '

'; + publishResults += '

Here is a link to the claim where your asset was published: spee.ch/' + msg.name + '

'; + publishResults += '

Here is a direct link to your asset: spee.ch/' + msg.name + '/' + msg.result.claim_id + '

'; + publishResults += '

NOTE: the transaction still needs to be mined by the network before you can access it! This may take a few minutes. To to view the transaction on the blockchain explorer click the Transaction ID link above.

'; + publishResults += '

Reload to publish another asset

'; + document.getElementById('publish').innerHTML = publishResults; })