mirror of
https://github.com/openresty/openresty.git
synced 2024-10-13 00:29:41 +00:00
the blog demo works now.
This commit is contained in:
agentzh (章亦春)
628
demo/Blog/js/blog.js
Normal file
628
demo/Blog/js/blog.js
Normal file
@ -0,0 +1,628 @@
|
||||
var account = 'agentzh';
|
||||
var host = 'http://localhost:1984';
|
||||
//var host = 'http://api.eeeeworks.org';
|
||||
//var host = 'http://api.openresty.org';
|
||||
//var host = 'http://10.62.136.86';
|
||||
|
||||
var openresty = null;
|
||||
var savedAnchor = null;
|
||||
var itemsPerPage = 5;
|
||||
var loadingCount = 0;
|
||||
var waitMessage = null;
|
||||
var timer = null;
|
||||
var thisYear = null;
|
||||
var thisMonth = null;
|
||||
var thisDay = null;
|
||||
var cachedPostCountRes = null;
|
||||
|
||||
var months = [
|
||||
null,
|
||||
'January',
|
||||
'February',
|
||||
'March',
|
||||
'April',
|
||||
'May',
|
||||
'June',
|
||||
'July',
|
||||
'August',
|
||||
'September',
|
||||
'October',
|
||||
'November',
|
||||
'December'
|
||||
];
|
||||
|
||||
$(window).ready(init);
|
||||
|
||||
function error (msg) {
|
||||
alert(msg);
|
||||
}
|
||||
|
||||
function debug (msg) {
|
||||
$("#copyright").append(msg + "<br/>");
|
||||
}
|
||||
|
||||
$.fn.postprocess = function (className, options) {
|
||||
return this.find("a[@href*='#']").each( function () {
|
||||
//debug("HERE!");
|
||||
var href = $(this).attr('href');
|
||||
// We need the following hack because IE expands href to
|
||||
// absolute URL:
|
||||
var anchor = href.replace(/^.*?\#/, '');
|
||||
//debug("Anchor: " + anchor);
|
||||
$(this).click( function () {
|
||||
//debug(location.hash);
|
||||
//$(".bnchor-location")[0].id = anchor;
|
||||
location.hash = anchor;
|
||||
//alert(location.hash);
|
||||
if (savedAnchor == anchor) savedAnchor = null;
|
||||
dispatchByAnchor();
|
||||
} );
|
||||
} );
|
||||
};
|
||||
|
||||
//var count = 0;;
|
||||
function setStatus (isLoading, category) {
|
||||
if (isLoading) {
|
||||
if (++loadingCount == 1) {
|
||||
if (jQuery.browser.opera)
|
||||
$(waitMessage).css('top', '2px');
|
||||
else
|
||||
$(waitMessage).show();
|
||||
}
|
||||
} else {
|
||||
loadingCount--;
|
||||
if (loadingCount < 0) loadingCount = 0;
|
||||
if (loadingCount == 0) {
|
||||
// the reason we use this hack is to work around
|
||||
// a rendering bug in Win32 build of Opera
|
||||
// (at least 9.25 and 9.26)
|
||||
if (jQuery.browser.opera)
|
||||
$(waitMessage).css('top', '-200px');
|
||||
else
|
||||
$(waitMessage).hide();
|
||||
|
||||
}
|
||||
}
|
||||
//count++;
|
||||
//debug("[" + count + "] setStatus: " + category + ": " + loadingCount + "(" + isLoading + ")");
|
||||
}
|
||||
|
||||
function init () {
|
||||
loadingCount = 0;
|
||||
var now = new Date();
|
||||
thisYear = now.getFullYear();
|
||||
thisMonth = now.getMonth();
|
||||
thisDay = now.getDate();
|
||||
|
||||
waitMessage = document.getElementById('wait-message');
|
||||
openresty = new OpenResty.Client(
|
||||
{ server: host, user: account + '.Public' }
|
||||
);
|
||||
//openresty.formId = 'new_model';
|
||||
if (timer) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
dispatchByAnchor();
|
||||
timer = setInterval(dispatchByAnchor, 600);
|
||||
//debug("before getSidebar...");
|
||||
getSidebar();
|
||||
}
|
||||
|
||||
function resetAnchor () {
|
||||
var anchor = location.hash;
|
||||
location.hash = anchor.replace(/^\#/, '');
|
||||
}
|
||||
|
||||
function dispatchByAnchor () {
|
||||
//debug(location.hash);
|
||||
var anchor = location.hash;
|
||||
anchor = anchor.replace(/^\#/, '');
|
||||
if (savedAnchor == anchor)
|
||||
return;
|
||||
if (anchor == "") {
|
||||
anchor = 'posts/1';
|
||||
location.hash = 'posts/1';
|
||||
}
|
||||
savedAnchor = anchor;
|
||||
|
||||
// prevent memory leaks from dynamically created <script> nodes:
|
||||
//if (loadingCount <= 0) openresty.purge();
|
||||
loadingCount = 0;
|
||||
|
||||
var match = anchor.match(/^post-(\d+)(:comments|comment-(\d+))?/);
|
||||
if (match) {
|
||||
var postId = match[1];
|
||||
//alert("Post ID: " + postId);
|
||||
getPost(postId);
|
||||
return;
|
||||
}
|
||||
|
||||
match = anchor.match(/^search\/(\d+)\/(.*)/);
|
||||
if (match) {
|
||||
var page = parseInt(match[1]);
|
||||
var query = match[2];
|
||||
$('.pager').html('');
|
||||
|
||||
$('#searchbox').val(query);
|
||||
getSearchResults(query, page);
|
||||
getPagerForSearch(query, page);
|
||||
return;
|
||||
}
|
||||
|
||||
match = anchor.match(/^archive\/(\d+)\/(\d+)$/);
|
||||
if (match) {
|
||||
var year = match[1];
|
||||
var month = match[2];
|
||||
getArchive(year, month);
|
||||
return;
|
||||
}
|
||||
match = anchor.match(/^(?:posts|posts\/(\d+))$/);
|
||||
var page = 1;
|
||||
//alert(anchor + " " + location.hash);
|
||||
if (match)
|
||||
page = parseInt(match[1]) || 1;
|
||||
else if (anchor != 'posts/1')
|
||||
top.location.hash = 'posts/1';
|
||||
|
||||
//debug("before getPostList...");
|
||||
getPostList(page);
|
||||
//debug("before getPager...");
|
||||
getPager(page);
|
||||
//debug("after getPager...");
|
||||
|
||||
$(".blog-top").attr('id', 'posts/' + page);
|
||||
}
|
||||
|
||||
function getArchive (year, month) {
|
||||
setStatus(true, 'renderPostList');
|
||||
$(".pager").html('');
|
||||
openresty.callback = function (res) {
|
||||
renderPostList(res);
|
||||
setStatus(true, 'renderArchiveNav');
|
||||
openresty.callback = renderArchiveNav;
|
||||
openresty.get(
|
||||
'/=/view/PrevNextArchive/~/~',
|
||||
{
|
||||
now: year + '-' + month + '-01',
|
||||
month: month,
|
||||
months: months
|
||||
}
|
||||
);
|
||||
};
|
||||
openresty.get(
|
||||
'/=/view/FullPostsByMonth/~/~',
|
||||
{ count: 40, year: year, month: month }
|
||||
);
|
||||
$(".blog-top").attr('id', 'archive/' + year + '/' + month);
|
||||
}
|
||||
|
||||
function renderArchiveNav (res) {
|
||||
//debug("render archive nav: " + JSON.stringify(res));
|
||||
setStatus(false, 'renderArchiveNav');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get archive navigator: " + res.errstr);
|
||||
return;
|
||||
}
|
||||
var prev = null;
|
||||
var next = null;
|
||||
for (var i = 0; i < res.length; i++) {
|
||||
var item = res[i];
|
||||
item.year = parseInt(item.year);
|
||||
item.month = parseInt(item.month);
|
||||
//debug("item: " + JSON.stringify(item));
|
||||
if (item.id == "prev") prev = item;
|
||||
else if (item.id == "next") next = item;
|
||||
}
|
||||
//debug("next: " + JSON.stringify(next));
|
||||
//debug("prev: " + JSON.stringify(prev));
|
||||
$("#post-list-nav").html(
|
||||
Jemplate.process(
|
||||
'archive-nav.tt',
|
||||
{ next: next, prev: prev, months: months }
|
||||
)
|
||||
).postprocess();
|
||||
}
|
||||
|
||||
function getPostList (page) {
|
||||
setStatus(true, 'renderPostList');
|
||||
openresty.callback = renderPostList;
|
||||
openresty.get('/=/model/Post/~/~', {
|
||||
_limit: itemsPerPage,
|
||||
_order_by: 'id:desc',
|
||||
_offset: itemsPerPage * (page - 1)
|
||||
});
|
||||
}
|
||||
|
||||
function getSearchResults (query, page) {
|
||||
setStatus(true, 'renderSearchResults');
|
||||
openresty.callback = function (res) { renderSearchResults(res, query); };
|
||||
var q = query2tsquery(query);
|
||||
//alert("Query: " + q);
|
||||
openresty.get('/=/view/PostSearch/~/~', {
|
||||
offset: itemsPerPage * (page - 1),
|
||||
count: itemsPerPage,
|
||||
query: q,
|
||||
order_dir: 'desc'
|
||||
});
|
||||
}
|
||||
|
||||
function doPostSearch () {
|
||||
var query = $('#searchbox').val();
|
||||
savedAnchor = null;
|
||||
var anchor = '#search/1/' + query;
|
||||
location.hash = anchor;
|
||||
//alert(location.hash);
|
||||
if (savedAnchor == anchor.replace(/^\#/, '')) savedAnchor = null;
|
||||
dispatchByAnchor();
|
||||
}
|
||||
|
||||
function query2tsquery (query) {
|
||||
return query.replace(/[\s(){},.|&$]+/g, ' ')
|
||||
.replace(/^\s+|\s+$/g, '')
|
||||
.replace(/ +/g, '|');
|
||||
}
|
||||
|
||||
function getPagerForSearch (query, page) {
|
||||
setStatus(true, 'renderPagerForSearch');
|
||||
openresty.callback = function (res) { renderPager(res, page, 'search/', '/' + query); };
|
||||
var q = query2tsquery(query);
|
||||
openresty.get('/=/view/RowCountForSearch/~/~', {query: q});
|
||||
}
|
||||
|
||||
function getPager (page) {
|
||||
setStatus(true, 'renderPager');
|
||||
if (cachedPostCountRes) {
|
||||
//alert("Hit!");
|
||||
renderPager(cachedPostCountRes, page, 'posts/', '');
|
||||
} else {
|
||||
openresty.callback = function (res) { renderPager(res, page, 'posts/', ''); };
|
||||
openresty.get('/=/view/RowCount/~/~', { model: 'Post' });
|
||||
}
|
||||
}
|
||||
|
||||
function getSidebar () {
|
||||
//getRecentPosts();
|
||||
//getRecentComments();
|
||||
//getArchiveList();
|
||||
setStatus(true, 'renderSidebar');
|
||||
openresty.callback = function (res) { renderSidebar(res) };
|
||||
openresty.get('/=/batch/GetSidebar/~/~', { year: thisYear, month: thisMonth + 1 });
|
||||
}
|
||||
|
||||
function renderSidebar (res) {
|
||||
setStatus(false, 'renderSidebar');
|
||||
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to fetch posts for calendar: " +
|
||||
res.errstr);
|
||||
return;
|
||||
}
|
||||
|
||||
getCalendar(thisYear, thisMonth, res[0]);
|
||||
|
||||
setStatus(true, 'renderRecentPosts');
|
||||
renderRecentPosts(res[1], 0, 6);
|
||||
|
||||
setStatus(true, 'renderRecentComments');
|
||||
renderRecentComments(res[2], 0, 6);
|
||||
|
||||
setStatus(true, 'getArchiveList');
|
||||
renderArchiveList(res[3], 0, 12);
|
||||
}
|
||||
|
||||
function getCalendar (year, month, posts) {
|
||||
if (year == undefined || month == undefined) {
|
||||
year = thisYear;
|
||||
month = thisMonth;
|
||||
}
|
||||
var date = new Date(year, month, 1);
|
||||
var first_day_of_week = date.getDay();
|
||||
var end_of_month;
|
||||
if (month == 11) {
|
||||
end_of_month = 31;
|
||||
} else {
|
||||
var delta = new Date(year, month + 1, 1) - date;
|
||||
end_of_month = Math.round(delta/1000/60/60/24);
|
||||
}
|
||||
//alert(year);
|
||||
//alert(month);
|
||||
//alert("thisday: " + thisDay);
|
||||
$(".module-calendar").html(
|
||||
Jemplate.process(
|
||||
'calendar.tt',
|
||||
{
|
||||
year: year,
|
||||
month: month,
|
||||
first_day_of_week: first_day_of_week,
|
||||
end_of_month: end_of_month,
|
||||
today: (year == thisYear && month == thisMonth) ?
|
||||
thisDay : null,
|
||||
months: months
|
||||
}
|
||||
)
|
||||
).postprocess();
|
||||
|
||||
// We need this 0 timeout hack for IE 6 :(
|
||||
if (posts) {
|
||||
//alert("Shortcut!");
|
||||
setStatus(true, 'renderPostsInCalendar');
|
||||
renderPostsInCalendar(posts, year, month);
|
||||
} else {
|
||||
setTimeout( function () {
|
||||
setStatus(true, 'renderPostsInCalendar');
|
||||
openresty.callback = function (res) {
|
||||
renderPostsInCalendar(res, year, month);
|
||||
};
|
||||
openresty.get('/=/view/PostsByMonth/~/~', { year: year, month: month + 1 });
|
||||
}, 0 );
|
||||
}
|
||||
}
|
||||
|
||||
function renderPostsInCalendar (res, year, month) {
|
||||
setStatus(false, 'renderPostsInCalendar');
|
||||
//alert("hey!");
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to fetch posts for calendar: " +
|
||||
res.errstr);
|
||||
} else {
|
||||
//alert(res.errstr);
|
||||
var prev_day = 0;
|
||||
for (var i = 0; i < res.length; i++) {
|
||||
var line = res[i];
|
||||
if (prev_day == line.day) continue;
|
||||
prev_day = line.day;
|
||||
var id = 'day-' + year + '-' + month + '-' + line.day;
|
||||
//alert("ID: " + id);
|
||||
var cell = $("#" + id);
|
||||
if (cell.length == 0) return;
|
||||
//alert("cell html: " + cell.html());
|
||||
cell.html('<a href="#post-' + line.id + '"><b>' +
|
||||
cell.html() + '</b></a>').postprocess();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getRecentComments (offset) {
|
||||
if (!offset) offset = 0;
|
||||
setStatus(true, 'renderRecentComments');
|
||||
openresty.callback = function (res) { renderRecentComments(res, offset, 6) };
|
||||
openresty.get('/=/view/RecentComments/~/~',
|
||||
{ limit:6, offset: offset });
|
||||
}
|
||||
|
||||
function renderRecentComments (res, offset, count) {
|
||||
setStatus(false, 'renderRecentComments');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get the recent comments: " + res.errstr);
|
||||
} else {
|
||||
//alert("Get the recent comments: " + res.errstr);
|
||||
var html = Jemplate.process(
|
||||
'recent-comments.tt',
|
||||
{ comments: res, offset: offset, count: count }
|
||||
);
|
||||
$("#recent-comments").html(html).postprocess();
|
||||
}
|
||||
}
|
||||
|
||||
function getRecentPosts (offset) {
|
||||
if (!offset) offset = 0;
|
||||
setStatus(true, 'renderRecentPosts');
|
||||
openresty.callback = function (res) { renderRecentPosts(res, offset, 6) };
|
||||
openresty.get('/=/view/RecentPosts/~/~',
|
||||
{ limit:6, offset: offset });
|
||||
}
|
||||
|
||||
function renderRecentPosts (res, offset, count) {
|
||||
setStatus(false, 'renderRecentPosts');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get the recent posts: " + res.errstr);
|
||||
} else {
|
||||
//alert("Get the recent comments: " + res.errstr);
|
||||
var html = Jemplate.process(
|
||||
'recent-posts.tt',
|
||||
{ posts: res, offset: offset, count: count }
|
||||
);
|
||||
$("#recent-posts").html(html).postprocess();
|
||||
}
|
||||
}
|
||||
|
||||
function getArchiveList (offset) {
|
||||
if (offset == undefined) offset = 0;
|
||||
setStatus(true, 'getArchiveList');
|
||||
openresty.callback = function (res) {
|
||||
renderArchiveList(res, offset, 12);
|
||||
};
|
||||
openresty.get(
|
||||
'/=/view/PostCountByMonths/~/~',
|
||||
{ offset: offset, count: 12 }
|
||||
);
|
||||
}
|
||||
|
||||
function renderArchiveList (res, offset, count) {
|
||||
setStatus(false, 'getArchiveList');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get archive list: " + res.errstr);
|
||||
return;
|
||||
}
|
||||
for (var i = 0; i < res.length; i++) {
|
||||
var item = res[i];
|
||||
var match = item.year_month.match(/^(\d\d\d\d)-0?(\d+)/);
|
||||
if (match) {
|
||||
item.year = parseInt(match[1]);
|
||||
item.month = parseInt(match[2]);
|
||||
} else {
|
||||
error("Failed to match against year_month: " + item.year_month);
|
||||
}
|
||||
//debug(JSON.stringify(item));
|
||||
}
|
||||
$("#archive-list").html(
|
||||
Jemplate.process(
|
||||
'archive-list.tt',
|
||||
{ archives: res, count: count, offset: offset, months: months }
|
||||
)
|
||||
).postprocess();
|
||||
}
|
||||
|
||||
function postComment (form) {
|
||||
var data = {};
|
||||
data.sender = $("#comment-author").val();
|
||||
data.email = $("#comment-email").val();
|
||||
data.url = $("#comment-url").val();
|
||||
data.body = $("#comment-text").val();
|
||||
data.post_id = $("#comment-for").val();
|
||||
//alert(JSON.stringify(data));
|
||||
if (!data.sender) {
|
||||
error("Name is required.");
|
||||
return false;
|
||||
}
|
||||
if (!data.email) {
|
||||
error("Email address is required.");
|
||||
return false;
|
||||
}
|
||||
if (!data.body) {
|
||||
error("Comment body is required.");
|
||||
return false;
|
||||
}
|
||||
|
||||
//openresty.purge();
|
||||
setStatus(true, 'afterPostComment');
|
||||
openresty.callback = afterPostComment;
|
||||
openresty.formId = 'comment-form';
|
||||
openresty.post('/=/action/NewComment/~/~', data);
|
||||
return false;
|
||||
}
|
||||
|
||||
function afterPostComment (res) {
|
||||
setStatus(false, 'afterPostComment');
|
||||
//alert("HERE!!!");
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to post the comment: " + res.errstr);
|
||||
} else {
|
||||
//alert(res.errstr);
|
||||
$("#comment-text").val('');
|
||||
var spans = $(".comment-count");
|
||||
var commentCount = parseInt(spans.text());
|
||||
var postId = spans.attr('post');
|
||||
|
||||
//debug(JSON.stringify(res));
|
||||
var commentId;
|
||||
var match = res[0].last_row.match(/\d+$/);
|
||||
if (match.length) commentId = match[0];
|
||||
location.hash = 'post-' + postId + ':' +
|
||||
(commentId ? 'comment-' + commentId : 'comments');
|
||||
spans.text(commentCount + 1);
|
||||
getRecentComments(0);
|
||||
}
|
||||
}
|
||||
|
||||
function getPost (id) {
|
||||
//alert("Go to Post " + id);
|
||||
$(".blog-top").attr('id', 'post-' + id);
|
||||
//alert($(".blog-top").attr('id'));
|
||||
setStatus(true, 'renderPost');
|
||||
openresty.callback = renderPost;
|
||||
openresty.get('/=/batch/GetFullPost/~/~',
|
||||
{ id: id });
|
||||
}
|
||||
|
||||
function renderPost (res) {
|
||||
setStatus(false, 'renderPost');
|
||||
//alert(JSON.stringify(post));
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to render post: " + res.errstr);
|
||||
} else {
|
||||
var post = res[0][0];
|
||||
//if (!post) return;
|
||||
$("#beta-inner.pkg").html(
|
||||
Jemplate.process('post-page.tt', { post: post })
|
||||
).postprocess();
|
||||
|
||||
renderPrevNextPost(post.id, res[1]);
|
||||
//debug(JSON.stringify(post));
|
||||
|
||||
setStatus(true, 'renderComments');
|
||||
renderComments(res[2]);
|
||||
$(".pager").html('');
|
||||
resetAnchor();
|
||||
}
|
||||
}
|
||||
|
||||
function renderPrevNextPost (currentId, res) {
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to render prev next post navigation: " +
|
||||
res.errstr);
|
||||
} else {
|
||||
//alert("Going to render prev next post navigation: " + res.errstr);
|
||||
$(".content-nav").html(
|
||||
Jemplate.process('nav.tt', { posts: res, current: currentId })
|
||||
).postprocess();
|
||||
//resetAnchor();
|
||||
}
|
||||
}
|
||||
|
||||
function renderComments (res) {
|
||||
setStatus(false, 'renderComments');
|
||||
//alert("Comments: " + res.errstr);
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get post list: " + res.errstr);
|
||||
} else {
|
||||
$(".comments-content").html(
|
||||
Jemplate.process('comments.tt', { comments: res })
|
||||
);
|
||||
//resetAnchor();
|
||||
//setTimeout( function () { alert("Hi"); resetAnchor(); }, 1000 );
|
||||
}
|
||||
}
|
||||
|
||||
function renderPostList (res) {
|
||||
setStatus(false, 'renderPostList');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get post list: " + res.errstr);
|
||||
} else {
|
||||
//alert(JSON.stringify(data));
|
||||
$("#beta-inner.pkg").html(
|
||||
Jemplate.process('post-list.tt', { post_list: res })
|
||||
).postprocess();
|
||||
}
|
||||
//resetAnchor();
|
||||
}
|
||||
|
||||
function renderSearchResults (res, query) {
|
||||
setStatus(false, 'renderSearchResults');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to get search results: " + res.errstr);
|
||||
} else {
|
||||
if (res.length) {
|
||||
var html = Jemplate.process('post-list.tt', { post_list: res })
|
||||
$("#beta-inner.pkg").html(html).postprocess();
|
||||
} else {
|
||||
$("#beta-inner.pkg").html("<p>Sorry, no search results found for query <b>\"" + query + "\"</b>.</p>");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderPager (res, page, prefix, suffix) {
|
||||
setStatus(false, 'renderPager');
|
||||
if (!openresty.isSuccess(res)) {
|
||||
error("Failed to render pager: " + res.errstr);
|
||||
} else {
|
||||
//debug("before rendering pager...");
|
||||
cachedPostCountRes = res;
|
||||
var pageCount = Math.ceil(parseInt(res[0].count) / itemsPerPage);
|
||||
if (pageCount < 2) return;
|
||||
//debug("before redering pager (2)...");
|
||||
var html = Jemplate.process(
|
||||
'pager.tt',
|
||||
{ page: page, page_count: pageCount, title: 'Pages', prefix: prefix, suffix: suffix }
|
||||
);
|
||||
//debug("after html generation...");
|
||||
|
||||
// we use the .each hack here to work aound a JS runtime error in IE 6:
|
||||
$(".pager").each( function () {
|
||||
$(this).html( html ).postprocess();
|
||||
} );
|
||||
//debug("after rendering pager...");
|
||||
resetAnchor();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user