website/layouts/partials/share_on_fediverse.html

39 lines
1.6 KiB
HTML

{{ if site.Params.enableShareOnFediverse | default false }}
<a style="margin-bottom: 24px; display: inline-block;" class="shareBtn" onclick="openFediInstanceDialog();">Share on the Fediverse</a>
<div id="fediInstanceDialog">
<div class="bg" onclick="closeFediInstanceDialog();"></div>
<div class="dialog">
<h2>Enter your instance's address</h2>
<input id="fediInstanceInput" placeholder="Eg. mastodon.social" type="text" />
<div class="buttons">
<a class="shareBtn" onclick="closeFediInstanceDialog();">Cancel</a>
<a class="shareBtn" onclick="shareOnFedi();">Share</a>
</div>
</div>
</div>
<script>
var articleTitle = '{{ .Title }}';
var articleLink = '{{ .Permalink }}';
var fediInstanceDialog = document.getElementById('fediInstanceDialog');
var fediInstanceInput = document.getElementById('fediInstanceInput');
function openFediInstanceDialog() {
fediInstanceDialog.classList.add('open');
}
function closeFediInstanceDialog() {
fediInstanceDialog.classList.remove('open');
}
function fixURL(url) {
if (url.substr(0, 8) == 'https://') return url;
if (url.substr(0, 7) == 'http://') return url;
return 'https://' + url;
}
function shareOnFedi() {
let instance = fixURL(fediInstanceInput.value);
window.open(
`${instance}/share?text=${articleTitle}%20${articleLink}`,
'__blank'
);
}
</script>
{{ end }}