woodwind/frontend/feed.js
2016-06-22 16:02:23 +00:00

135 lines
4.2 KiB
JavaScript

if (navigator.serviceWorker) {
navigator.serviceWorker.register('./sw.js')
}
$(function(){
function updateTimestamps() {
$(".permalink time").each(function() {
var absolute = $(this).attr('datetime');
var formatted = moment.utc(absolute).fromNow();
$(this).text(formatted);
})
}
function clickOlderLink(evt) {
evt.preventDefault();
$.get(this.href, function(result) {
var $newElements = $("article,.pager", $(result));
$(".pager").replaceWith($newElements);
$newElements.each(function () {
twttr.widgets.load(this);
});
attachListeners();
});
}
function submitMicropubForm(evt) {
evt.preventDefault();
var button = this;
var form = $(button).closest('form');
var replyArea = form.parent();
var endpoint = form.attr('action');
var responseArea = $('.micropub-response', replyArea);
var formData = form.serializeArray();
formData.push({name: button.name, value: button.value});
$.post(
endpoint,
formData,
function(result) {
if (Math.floor(result.code / 100) == 2) {
responseArea.html('<a target="_blank" href="' + result.location + '">Success!</a>');
$("textarea", form).val("");
if (button.value === 'rsvp-yes') {
$(".rsvps", form).html('✓ Going');
} else if (button.value === 'rsvp-maybe') {
$(".rsvps", form).html('? Interested');
} else if (button.value === 'rsvp-no') {
$(".rsvps", form).html('✗ Not Going');
}
} else {
responseArea.html('Failure');
}
},
'json'
);
responseArea.html('Posting…');
}
function attachListeners() {
$("#older-link").off('click').click(clickOlderLink);
$(".micropub-form button[type='submit']").off('click').click(submitMicropubForm);
// Post by ctrl/cmd + enter in the text area
$(".micropub-form textarea.content").keyup(function(e) {
if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
var button = $(e.target).closest('form').find('button[value=reply]');
button[0].click();
}
});
$(".micropub-form .content").focus(function (evt) {
$(this).animate({ height: "4em" }, 200);
var $target = $(evt.target);
});
}
function clickUnfoldLink(evt) {
$('#fold').after($('#fold').children())
$('#unfold-link').hide();
}
function foldNewEntries(entries) {
$('#fold').prepend(entries.join('\n'));
attachListeners();
$('#unfold-link').text($('#fold>article:not(.reply-context)').length + " New Posts");
$('#unfold-link').off('click').click(clickUnfoldLink);
$('#unfold-link').show();
// load twitter embeds
twttr.widgets.load($('#fold').get(0));
}
// topic will be user:id or feed:id
function webSocketSubscribe(topic) {
if ('WebSocket' in window) {
var ws = new WebSocket(window.location.origin
.replace(/http:\/\//, 'ws://')
.replace(/https:\/\//, 'wss://')
+ '/_updates');
ws.onopen = function(event) {
// send the topic
console.log('subscribing to topic: ' + topic);
ws.send(topic);
};
ws.onmessage = function(event) {
var data = JSON.parse(event.data);
foldNewEntries(data.entries);
};
}
}
attachListeners();
$(document).on("keypress", function(e) {
if (e.which === 46) {
clickUnfoldLink();
}
});
if (WS_TOPIC) {
webSocketSubscribe(WS_TOPIC);
}
updateTimestamps();
window.setInterval(updateTimestamps, 60 * 1000);
});