You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 lines
1.6 KiB

  1. <div class="narrow">
  2. <?= partial('partials/header') ?>
  3. <div style="clear: both;" class="notice-pad">
  4. <div class="alert alert-success hidden" id="test_success"><strong>Success! </strong><a href="" id="post_href">View your post</a></div>
  5. <div class="alert alert-danger hidden" id="test_error"><strong>Something went wrong!</strong><br>Your Micropub endpoint indicated that something went wrong creating the post.</div>
  6. </div>
  7. <form style="margin-top: 20px;" id="weight_form">
  8. <div class="form-group">
  9. <label for="weight_num">Weight (in <?= $this->unit ?>)</label>
  10. <input type="number" id="weight_num" class="form-control">
  11. </div>
  12. <div style="float: right; margin-top: 6px;">
  13. <button class="btn btn-success" id="btn_post">Post</button>
  14. </div>
  15. </form>
  16. <div style="clear: both;"></div>
  17. </div>
  18. <script>
  19. $(function(){
  20. $("#btn_post").click(function(){
  21. $("#btn_post").addClass("loading disabled");
  22. $.post("/weight", {
  23. weight_num: $("#weight_num").val()
  24. }, function(response){
  25. if(response.location != false) {
  26. $("#test_success").removeClass('hidden');
  27. $("#test_error").addClass('hidden');
  28. $("#post_href").attr("href", response.location);
  29. window.location = response.location;
  30. } else {
  31. $("#test_success").addClass('hidden');
  32. $("#test_error").removeClass('hidden');
  33. if(response.error_details) {
  34. $("#test_error").text(response.error_details);
  35. }
  36. $("#btn_post").removeClass("loading disabled");
  37. }
  38. });
  39. return false;
  40. });
  41. });
  42. </script>