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.

57 lines
1.9 KiB

<?php $this->layout('layout-loggedin', ['title' => $title, 'user' => $user, 'accounts' => $accounts]); ?>
<div class="ui main text container" style="margin-top: 80px; margin-bottom: 40px;">
<h2 class="site-name">Send a Webmention</h2>
<form class="ui form" id="send-webmention-form">
<div class="two fields">
<div class="field"><label>Source URL</label><input type="url" placeholder="Source URL" id="send-source"></div>
<div class="field"><label>Target URL</label><input type="url" placeholder="Target URL" id="send-target"></div>
</div>
<div class="ui error message"></div>
<button class="ui button right floated" id="send-webmention-btn">Send Webmention</button>
<div style="clear:both;"></div>
</form>
<div style="margin-top: 2em;">
<p>Enter a source URL (your post) and target URL (the post you linked to).</p>
<p>Telegraph will discover the Webmention endpoint of the target URL and send the Webmention for you.</p>
<p>You'll be able to see the progress after you click "send".</p>
</div>
</div>
<script>
$(function(){
var csrf = "<?= $csrf ?>";
$("#send-source").focus();
$("#send-webmention-btn").click(function(){
$("#send-webmention-btn").addClass("loading");
$("#send-webmention-form").removeClass("error");
// Send the request to the API now, and then redirect to the status page
$.ajax({
url: "/webmention",
method: "POST",
data: {
_csrf: csrf,
source: $("#send-source").val(),
target: $("#send-target").val()
},
success: function(data){
$("#send-webmention-btn").removeClass("loading");
window.location = data.location+"/details";
},
error: function(data){
$("#send-webmention-btn").removeClass("loading");
$("#send-webmention-form").addClass("error");
$("#send-webmention-form .error.message").text(data.responseJSON.error_description);
}
});
return false;
});
});
</script>