X-Git-Url: http://git.bytex64.net/?a=blobdiff_plain;f=www%2Fjs%2Fblerg.js;h=0d114cb22f70ef8d0f3e21a490aac81f14741241;hb=6d460ea60252c7bb6b567b06e4428e3e7986885e;hp=fac5371b391d381553a849bf3111b27783b53555;hpb=a579fec94d5058776ea0fb6f47f922ea48ff876f;p=blerg.git diff --git a/www/js/blerg.js b/www/js/blerg.js index fac5371..0d114cb 100644 --- a/www/js/blerg.js +++ b/www/js/blerg.js @@ -2,101 +2,6 @@ * BSD-style license. Please see the COPYING file for details. */ -// Config -var baseURL = ''; -var recordTemplate = new Template( - '
#{data}
Posted #{date}. [permalink] [reply]
' -); -var tagRecordTemplate = new Template( - '
#{data}
Posted by @#{author} on #{date}. [permalink] [reply]
' -); -var latestRecordsTemplate = new Template( - '
@#{author} #{data}
' -); - -// Page elements -var items; - -// Other globals -var currentPager; -var loginStatus; - -// Object to keep track of login status -function LoginStatus() { - var cookies = {}; - document.cookie.split(/;\s+/).each(function(v) { - kv = v.split('='); - cookies[kv[0]] = kv[1]; - }); - if (cookies.auth && cookies.username) { - this.loggedIn = true; - this.username = cookies.username; - this.requestFeedStatus(); - this.feedStatusUpdateInterval = setInterval(this.requestFeedStatus.bind(this), 900000); - } else { - this.loggedIn = false; - this.username = null; - } - this.update(); -} - -LoginStatus.prototype.login = function(username, password) { - new Ajax.Request(baseURL + '/login', { - parameters: { - username: username, - password: password - }, - onSuccess: function(r) { - var j = r.responseText.evalJSON(); - if (j && j.status == 'success') { - this.loggedIn = true; - this.username = username; - document.cookie = "username=" + username; - $('login.password').value = ''; - this.requestFeedStatus(); - this.feedStatusUpdateInterval = setInterval(this.requestFeedStatus.bind(this), 900000); - this.update(); - } else { - alert("Could not log in"); - $('login.username').focus(); - } - }.bind(this), - onFailure: function(r) { - alert("Could not log in"); - $('login.username').focus(); - } - }); -} - -LoginStatus.prototype.logout = function() { - new Ajax.Request(baseURL + '/logout', { - parameters: { - username: this.username - }, - onComplete: function(r) { - this.loggedIn = false; - document.cookie = "auth=; expires=1-Jan-1970 00:00:00 GMT"; - this.update(); - clearInterval(this.feedStatusUpdateInterval); - }.bind(this) - }); - document.cookie = "username=; expires=1-Jan-1970 00:00:00 GMT"; -} - -LoginStatus.prototype.update = function() { - if (this.loggedIn) { - $('userlink').href = baseURL + '/#' + this.username; - $('userlink').update('@' + this.username); - $('reflink').href = baseURL + '/#/ref/' + this.username; - $('login').hide(); - $('logout').show(); - } else { - $('post').hide(); - $('login').show(); - $('logout').hide(); - } -} - LoginStatus.prototype.post = function(msg) { if (!this.loggedIn) { alert("You are not logged in!"); @@ -128,289 +33,6 @@ LoginStatus.prototype.post = function(msg) { }); } -LoginStatus.prototype.requestFeedStatus = function() { - new Ajax.Request('/feedinfo', { - parameters: { username: this.username }, - onSuccess: function(r) { - var j = r.responseText.evalJSON(); - if (j['new'] > 0) { - $('newFeedMessages').update('(' + j['new'] + ' new)'); - } else { - $('newFeedMessages').update(''); - } - } - }); -} - -// Base object for paged data -function Pager() { - this.itemsPerPage = 10; - this.itemCache = new Hash(); - this.pageStart = null; -} - -Pager.prototype.updateState = function(m) { - return false; -} - -Pager.prototype.show = function() { - items.show(); -} - -Pager.prototype.hide = function() { - items.hide(); - items.update(); - $('newer_link').hide(); - $('older_link').hide(); -} - -Pager.prototype.olderPage = function() { - if (this.pageStart >= this.itemsPerPage) { - qlink(this.baseFrag + '/p' + (this.pageStart - this.itemsPerPage)); - } -} - -Pager.prototype.newerPage = function() { - if (this.pageStart + this.itemsPerPage < this.itemCount) { - qlink(this.baseFrag + '/p' + (this.pageStart + this.itemsPerPage)); - } -} - -Pager.prototype.addItems = function(items) { - items.each(function(v) { - if (!this.itemCache[v.id]) - this.itemCache[v.id] = v; - }.bind(this)); -} - -Pager.prototype.displayItems = function() { - if (this.pageStart == undefined) - this.pageStart == this.itemCount - 1; - items.update(); - - if (this.pageStart != undefined && this.itemCache[this.pageStart]) { - var end = (this.pageStart >= this.itemsPerPage ? this.pageStart - this.itemsPerPage + 1 : 0); - for (var i = this.pageStart; i >= end; i--) { - items.insert(this.itemCache[i].html); - } - } else { - items.insert("There doesn't seem to be anything here!"); - } - - if (this.pageStart < this.itemCount - 1) { - $('newer_link').href = baseURL + '/#' + this.baseFrag + '/p' + (this.pageStart + this.itemsPerPage); - $('newer_link').show(); - } else { - $('newer_link').hide(); - } - - if (this.pageStart >= 10) { - $('older_link').href = baseURL + '/#' + this.baseFrag + '/p' + (this.pageStart - this.itemsPerPage); - $('older_link').show(); - } else { - $('older_link').hide(); - } - - document.body.scrollTo(); -} - -Pager.prototype.reload = function() { - this.pageStart = null; - this.loadItems(null, null, Pager.prototype.showPageAt.bind(this, this.itemCount - 1)); -} - -Pager.prototype.showPageAt = function(r) { - var end = (r - 9 > 0 ? r - 9 : 0); - if (this.itemCache[r] && this.itemCache[end]) { - this.pageStart = r; - this.displayItems(); - } else { - this.loadItems((r >= 49 ? r - 49 : 0), r, Pager.prototype.showPageAt.bind(this, r)); - } -} - -Pager.prototype.showRecord = function(r) { - if (this.itemCache[r]) { - $('older_link').hide(); - $('newer_link').hide(); - items.update(this.itemCache[r].html); - } else { - this.loadItems(r, r, Pager.prototype.showRecord.bind(this, r)); - } -} - -Pager.prototype.loadItems = function(from, to, continuation) { } - -function displayError(msg) { - items.innerText = msg; -} - - -// Object for browsing tags -function Tag(m) { - Pager.call(this); - this.type = m[1]; - this.tag = m[2]; - this.pageStart = parseInt(m[3]); - - var url = baseURL + "/tag/"; - switch(this.type) { - case 'tag': - //url += '%23'; - url += 'H'; // apache is eating the hash, even encoded. Probably a security feature. - this.baseFrag = '/tag/' + this.tag; - break; - case 'ref': - url += '%40'; - this.baseFrag = '/ref/' + this.tag; - break; - default: - alert('Invalid tag type: ' + this.type); - return; - } - url += this.tag; - - new Ajax.Request(url, { - method: 'get', - onSuccess: function(r) { - var j = r.responseText.evalJSON(); - if (j) { - var maxid = j.length - 1; - j.each(function(v, i) { - v.id = maxid - i; - mangleRecord(v, tagRecordTemplate) - }); - this.addItems(j); - if (!this.pageStart) - this.pageStart = j.length - 1; - this.itemCount = j.length; - } - this.displayItems(); - }.bind(this), - onFailure: function(r) { - this.displayItems(); - }.bind(this) - }); - -} -Tag.prototype = new Pager(); -Tag.prototype.constructor = Tag; - -Tag.prototype.updateState = function(m) { - if (this.type != m[1] || this.tag != m[2]) - return false; - - this.pageStart = parseInt(m[3]) || this.itemCount - 1; - this.displayItems(); - - return true; -} - -Tag.prototype.show = function() { - Pager.prototype.show.call(this); - - var ctype = {ref: '@', tag: '#'}[this.type]; - - $$('[name=section]').each(function(v) { - v.update(' about ' + ctype + this.tag); - }.bind(this)); -} - - -// Pager for browsing subscription feeds -function Feed(m) { - Pager.call(this); - this.username = loginStatus.username; - this.baseFrag = '/feed'; - this.pageStart = parseInt(m[1]); - - new Ajax.Request(baseURL + '/feed', { - method: 'post', - parameters: { - username: loginStatus.username - }, - onSuccess: function(r) { - var response = r.responseText.evalJSON(); - if (response) { - var maxid = response.length - 1; - response.each(function(v, i) { - v.id = maxid - i; - mangleRecord(v, tagRecordTemplate) - }); - this.addItems(response); - if (!this.pageStart) - this.pageStart = response.length - 1; - this.itemCount = response.length; - loginStatus.requestFeedStatus(); - } - this.displayItems(); - }.bind(this), - onFailure: function(r) { - this.displayItems(); - }.bind(this) - }); -} -Feed.prototype = new Pager(); -Feed.prototype.constructor = Feed; - -Feed.prototype.updateState = function(m) { - this.pageStart = parseInt(m[1]) || this.itemCount - 1; - this.displayItems(); - - return true; -} - -Feed.prototype.show = function() { - Pager.prototype.show.call(this); - $$('[name=section]').each(function(v) { - v.update(' ' + loginStatus.username + "'s spycam"); - }.bind(this)); -} - - -function postPopup(initial) { - if (loginStatus.loggedIn || initial) { - var post = $('post'); - if (post.visible()) { - post.hide(); - } else { - post.show(); - if (initial) { - $('post.content').value = initial; - } else if (!$('post.content').value && currentPager.username && currentPager.username != loginStatus.username) { - $('post.content').value = '@' + currentPager.username + ': '; - } - $('post.content').focus(); - } - } -} - -function signup() { - var username = $('signup.username').value; - var password = $('signup.password').value; - - new Ajax.Request(baseURL + '/create', { - parameters: { - username: username, - password: password - }, - onSuccess: function(r) { - $('signup').hide(); - qlink(username); - - loginStatus.login(username, password); - }, - onFailure: function(r) { - alert("Failed to create user"); - } - }); -} - -function signup_cancel() { - $('signup').hide(); - urlSwitch(); -} - function passwd() { var old_password = $('passwd.old_password').value; var new_password = $('passwd.new_password').value; @@ -440,133 +62,3 @@ function passwd_cancel() { $('navigation').show(); urlSwitch(); } - -function subscribe() { - new Ajax.Request(baseURL + '/subscribe/' + currentPager.username, { - method: 'post', - parameters: { - username: loginStatus.username - }, - onSuccess: function(r) { - var response = r.responseText.evalJSON(); - if (response.status == 'success') { - alert("You call " + currentPager.username + " and begin breathing heavily into the handset."); - $$('[name=user.subscribelink]').each(Element.hide); - $$('[name=user.unsubscribelink]').each(Element.show); - } else { - alert('Failed to subscribe. This is probably for the best'); - } - }, - onFailure: function(r) { - alert('Failed to subscribe. This is probably for the best'); - } - }); -} - -function unsubscribe() { - new Ajax.Request(baseURL + '/unsubscribe/' + currentPager.username, { - method: 'post', - parameters: { - username: loginStatus.username - }, - onSuccess: function(r) { - var response = r.responseText.evalJSON(); - if (response.status == 'success') { - alert("You come to your senses."); - $$('[name=user.subscribelink]').each(Element.show); - $$('[name=user.unsubscribelink]').each(Element.hide); - } else { - alert('You are unable to tear yourself away (because something failed on the server)'); - } - }, - onFailure: function(r) { - alert('You are unable to tear yourself away (because something failed on the server)'); - } - }); -} - -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 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 < 10 && 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', { - method: 'GET', - onSuccess: function(r) { - var j = r.responseText.evalJSON(); - - $('latest-tags').update(); - j.tags.each(function(v) { - var a = new Element('a', {href: baseURL + '/#/tag/' + v}); - a.insert('#' + v); - a.onclick = "return qlink()"; - a.className = 'ref'; - $('latest-tags').insert(a); - $('latest-tags').appendChild(document.createTextNode(' ')); - }); - - $('latest-posts').update(); - j.records.each(function(v) { - v.data = v.data.replace(/&/g, '&').replace(//g, '>'); - v.date = (new Date(v.timestamp * 1000)).toString(); - var html = latestRecordsTemplate.evaluate(v); - $('latest-posts').insert(html); - }); - startTicker(); - } - }); -} - -function ExternalURLPost(m) { - this.title = decodeURIComponent(m[1]).replace(']','').replace('[',''); - this.url = decodeURIComponent(m[2]); -} - -ExternalURLPost.prototype.show = function() { - $('post.content').value = '[' + this.title + '](' + this.url + ')'; - $('post').show(); -}