diff options
author | Aaron Parecki <aaron@parecki.com> | 2016-12-17 15:45:38 -0800 |
---|---|---|
committer | Aaron Parecki <aaron@parecki.com> | 2016-12-17 15:45:38 -0800 |
commit | 926546106ef2fb35359278b9f08798310e81d8fa (patch) | |
tree | 474166c4a55121eddf59284d8e8f0c4f77c5886a /views/new-repost.php | |
parent | de0589d9cf7c32e83b493627fc66cb538fb20f3c (diff) |
add loading indicator to post buttons
fixes #42
Diffstat (limited to 'views/new-repost.php')
-rw-r--r-- | views/new-repost.php | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/views/new-repost.php b/views/new-repost.php index 354083b..e67ab93 100644 --- a/views/new-repost.php +++ b/views/new-repost.php @@ -1,7 +1,7 @@ <div class="narrow"> <?= partial('partials/header') ?> - <div style="clear: both;"> + <div style="clear: both;" class="notice-pad"> <div class="alert alert-success hidden" id="test_success"><strong>Success! We found a Location header in the response!</strong><br>Your post should be on your website now!<br><a href="" id="post_href">View your post</a></div> <div class="alert alert-danger hidden" id="test_error"><strong>Your endpoint did not return a Location header.</strong><br>See <a href="/creating-a-micropub-endpoint">Creating a Micropub Endpoint</a> for more information.</div> </div> @@ -27,6 +27,7 @@ $(function(){ $("#btn_post").click(function(){ + $("#btn_post").addClass("loading disabled").text("Working..."); $.post("/repost", { url: $("#note_url").val() @@ -37,11 +38,13 @@ $(function(){ $("#test_success").removeClass('hidden'); $("#test_error").addClass('hidden'); $("#post_href").attr("href", response.location); + $("#note_form").addClass('hidden'); window.location = response.location; } else { $("#test_success").addClass('hidden'); $("#test_error").removeClass('hidden'); + $("#btn_post").removeClass("loading disabled").text("Post"); } }); |