-
+
+ Request::getRelativeUri() . '#new-developer'
+ ]) ?>
Try the UI
LBRY comes with a UI so that normal people can use it to. You can download it here.
diff --git a/web/js/quickstart.js b/web/js/quickstart.js
index 9e783349..5c8c18bc 100644
--- a/web/js/quickstart.js
+++ b/web/js/quickstart.js
@@ -2,17 +2,21 @@ lbry.quickstartForm = function (selector, apiUrl) {
var form = $(selector),
accessToken = form.find(':input[name="access_token"]').val(),
walletAddressInput = form.find(':input[name="wallet_address"]'),
+ transactionHashInput = form.find(':input[name="transaction_hash"]'),
+ storageKey = form.attr('id') + "SuccessHTML",
submitButton = form.find(':input[type="submit"]'),
+ isAutomaticSubmit = false,
isSubmitting = false;
function resetFormState() {
isSubmitting = false;
walletAddressInput.attr('readonly', null);
+ transactionHashInput.attr('readonly', null);
submitButton.val(submitButton.data('submitLabel')).attr('disabled', null);
}
- if (window.localStorage.getItem("quickstartFormSuccessHtml")) {
- form.find('.notice-success').html(window.localStorage.getItem("quickstartFormSuccessHtml")).show();
+ if (window.localStorage.getItem(storageKey)) {
+ form.find('.notice-success').html(window.localStorage.getItem(storageKey)).show();
form.find('.form-row, .submit-row').hide();
} else if (accessToken) {
form.submit(function (event) {
@@ -20,23 +24,39 @@ lbry.quickstartForm = function (selector, apiUrl) {
return false;
}
+ var postData = {
+ access_token: accessToken,
+ wallet_address: walletAddressInput.val()
+ };
+
form.find('.notice-success, .notice-error').hide();
if (!walletAddressInput.val()) {
resetFormState();
- form.find('.notice-error').html("Please supply a wallet address.").show();
+ if (!isAutomaticSubmit) {
+ form.find('.notice-error').html("Please supply a wallet address.").show();
+ }
return false;
}
+ if (transactionHashInput.length) {
+ if (!transactionHashInput.val()) {
+ resetFormState();
+ if (!isAutomaticSubmit) {
+ form.find('.notice-error').html("Please supply a transaction ID.").show();
+ }
+ return false;
+ }
+ postData.transaction_hash = transactionHashInput.val();
+ }
+
event.preventDefault();
walletAddressInput.attr('readonly', 'readonly');
+ transactionHashInput.attr('readonly', 'readonly');
submitButton.val(submitButton.data('submittingLabel')).attr('disabled', 'disabled');
- $.post(apiUrl, {
- access_token: accessToken,
- wallet_address: walletAddressInput.val()
- })
+ $.post(apiUrl)
.done(function (responseData) {
var data = responseData.data;
var anchor = $('
');
@@ -46,7 +66,7 @@ lbry.quickstartForm = function (selector, apiUrl) {
.html(data.RewardAmount + " credits sent in transaction ")
.append(anchor)
.show();
- window.localStorage.setItem("quickstartFormSuccessHtml", form.find('.notice-success').html());
+ window.localStorage.setItem(storageKey, form.find('.notice-success').html());
})
.fail(function (xhr) {
var responseData = $.parseJSON(xhr.responseText);
@@ -54,6 +74,9 @@ lbry.quickstartForm = function (selector, apiUrl) {
})
.always(resetFormState);
})
+
+ isAutomaticSubmit = true;
form.submit();
+ isAutomaticSubmit = false;
}
}
\ No newline at end of file
diff --git a/web/scss/_form.scss b/web/scss/_form.scss
index 1194d479..2f3d4d4b 100644
--- a/web/scss/_form.scss
+++ b/web/scss/_form.scss
@@ -81,11 +81,6 @@ input[type="date"] {
vertical-align: middle;
}
-input.input-wallet
-{
- width: 400px;
-}
-
textarea {
height: auto;
min-height: 60px;
diff --git a/web/scss/_quickstart.scss b/web/scss/_quickstart.scss
index 65e15895..4c5bad69 100644
--- a/web/scss/_quickstart.scss
+++ b/web/scss/_quickstart.scss
@@ -27,6 +27,7 @@
.quickstart__claim-form
{
margin: $spacing-vertical * 2 0;
+ input[type="text"] { width: 100%; }
}
.quickstart__progress-bar