'<div class="record">#{data}<div class="info">Posted #{date}</div></div>'
);
var tagRecordTemplate = new Template(
- '<div class="record">#{data}<div class="info">Posted by <a href="/\##{author}">@#{author}</a> on #{date}</div></div>'
+ '<div class="record">#{data}<div class="info">Posted by <a class="author" href="/\##{author}">@#{author}</a> on #{date}</div></div>'
+);
+var latestRecordsTemplate = new Template(
+ '<div class="record"><a class="author" href="/\##{author}">@#{author}</a> #{data}</div>'
);
// Page elements
}, 150);
}
-function loadNewThings() {
- new Ajax.Request(baseURL + '/newtags.json', {
+var tickerTimer = null;
+var tickerHead, tickerTail;
+
+function tickerFader(a, b, p) {
+ var p2 = 1 - p;
+
+ a.style.opacity = p;
+ a.style.lineHeight = (100 * p) + '%';
+
+ b.style.opacity = p2;
+ b.style.lineHeight = (100 * p2) + '%';
+ if (p == 1.0)
+ b.hide();
+}
+
+function fadeOut(p) {
+}
+
+function ticker() {
+ tickerHead.show();
+ Bytex64.FX.run(tickerFader.curry(tickerHead, tickerTail), 0.5);
+ tickerHead = tickerHead.nextSibling;
+ tickerTail = tickerTail.nextSibling;
+ if (tickerHead == null) {
+ stopTicker();
+ loadLatest.delay(10);
+ }
+}
+
+function startTicker() {
+ stopTicker();
+ for (var elem = $('latest-posts').firstChild; elem != null; elem = elem.nextSibling) {
+ elem.hide();
+ }
+
+ // Show the first five
+ tickerHead = $('latest-posts').firstChild;
+ for (var i = 0; i < 5 && tickerHead; i++) {
+ tickerHead.show();
+ tickerHead = tickerHead.nextSibling;
+ }
+ tickerTail = $('latest-posts').firstChild;
+ tickerTimer = setInterval(ticker, 5000);
+}
+
+function stopTicker() {
+ if (tickerTimer)
+ clearInterval(tickerTimer);
+ tickerTimer = null;
+}
+
+function loadLatest() {
+ new Ajax.Request(baseURL + '/latest.json', {
onSuccess: function(r) {
- $('newtags').update();
- r.responseText.evalJSON().each(function(v) {
+ var j = r.responseText.evalJSON();
+
+ $('latest-tags').update();
+ j.tags.each(function(v) {
var a = new Element('a', {href: '/#tag/' + v});
a.insert('#' + v);
- $('newtags').insert(a);
- $('newtags').insert(new Element('br'));
+ $('latest-tags').insert(a);
+ $('latest-tags').appendChild(document.createTextNode(' '));
});
- }
- });
- new Ajax.Request(baseURL + '/newusers.json', {
- onSuccess: function(r) {
- $('newusers').update();
- r.responseText.evalJSON().each(function(v) {
- var a = new Element('a', {href: '/#' + v});
- a.insert('@' + v);
- $('newusers').insert(a);
- $('newusers').insert(new Element('br'));
+ $('latest-posts').update();
+ j.records.each(function(v) {
+ v.data = v.data.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
+ v.date = (new Date(v.timestamp * 1000)).toString();
+ var html = latestRecordsTemplate.evaluate(v);
+ $('latest-posts').insert(html);
});
+ startTicker();
}
});
}
function hashSwitch() {
var m;
+ stopTicker();
if (m = location.search.match(/^\?post\/([^/]+)\/(.+)/)) {
$('post').show();
$('post.content').value = '[' + decodeURIComponent(m[1]).replace(']','').replace('[','') + '](' + decodeURIComponent(m[2]) + ')';
$('older_link').hide();
$('welcome').show();
$('rss').hide();
- loadNewThings();
+ loadLatest();
}
}