92 lines
3.1 KiB
JavaScript
92 lines
3.1 KiB
JavaScript
let converter = new showdown.Converter({
|
|
parseImgDimensions: true,
|
|
headerLevelStart: 3,
|
|
extensions: ["prettify"]
|
|
});
|
|
$.ajax({
|
|
dataType: "json",
|
|
url: "blog/posts.json",
|
|
cache: false,
|
|
success: function (json) {
|
|
let list = $('#blog-list');
|
|
list.html("");
|
|
for (let i = json.length - 1; i >= 0; i--) {
|
|
let obj = json[i];
|
|
let id = obj["id"];
|
|
|
|
let p = "";
|
|
p += '<a class="blog-anchor" id="blog-' + id + '"></a>';
|
|
p += '<div class="card bg-light blog-entry rounded-0">';
|
|
p += '<div class="card-body">';
|
|
p += '<a class="blog-button" id="blog-button-' + id + '"><h2 class="card-title">' + obj["name"] + '</h2></a>';
|
|
p += '<div class="card-text text-muted blog-summary" id="blog-summary-' + id + '">' + obj["summary"] + '</div>';
|
|
p += '<div class="card-text" id="blog-post-' + id + '"></div>';
|
|
p += '<span class="text-muted project-status">' + obj["date"] + "</span>";
|
|
let discussLink = obj["discuss"];
|
|
if (discussLink)
|
|
p += '<a href="' + discussLink + '" class="blog-discuss" id="blog-discuss-' + id + '"></a>'
|
|
p += '</div></div>';
|
|
list.append(p);
|
|
|
|
$("#blog-button-" + id).on('click', function () {
|
|
let post = $("#blog-post-" + id);
|
|
if (post.html() !== "") {
|
|
var newHash = "#blog";
|
|
history.pushState(null, null, newHash);
|
|
updateMeta(newHash);
|
|
|
|
post.html("");
|
|
let discuss = $("#blog-discuss-" + id);
|
|
if (discuss.length)
|
|
discuss.html("");
|
|
$("#blog-summary-" + id).show();
|
|
} else {
|
|
history.pushState(null, null, "#blog-" + id);
|
|
openBlogPost(obj);
|
|
}
|
|
});
|
|
}
|
|
|
|
var blogId = getBlogIdFromHash(window.location.hash);
|
|
if (blogId) {
|
|
for (var i = 0; i < json.length; i++) {
|
|
var obj = json[i];
|
|
if (obj["id"] !== blogId)
|
|
continue;
|
|
|
|
var anchor = $("#blog-" + blogId);
|
|
openBlogPost(obj, function () {
|
|
$('html, body').animate({
|
|
scrollTop: anchor.offset().top
|
|
}, 0)
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
function getBlogIdFromHash(hash) {
|
|
if (hash.startsWith("#blog-"))
|
|
return hash.substring(6);
|
|
return "";
|
|
}
|
|
|
|
function openBlogPost(obj, onDone) {
|
|
let id = obj["id"];
|
|
$.get("blog/" + id + ".md", function (markdown) {
|
|
let html = converter.makeHtml(markdown);
|
|
$("#blog-post-" + id).html(html);
|
|
|
|
let discuss = $("#blog-discuss-" + id);
|
|
if (discuss.length)
|
|
discuss.html("Discuss this post");
|
|
$("#blog-summary-" + id).hide();
|
|
|
|
setTitleAndDesc(obj["name"], obj["summary"]);
|
|
|
|
PR.prettyPrint();
|
|
if (onDone)
|
|
onDone();
|
|
});
|
|
} |