|
<?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>
|