Jonas_Jones/blog.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git synced 2025-10-22 21:29:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #2 from JonasunderscoreJones/datefix

Browse source 
date fix for blog homepage
This commit is contained in:
Jonas_Jones 2024-08-21 21:29:32 -07:00 • committed by GitHub
commit 9c1072c947
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 31 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/components/PostList.svelte
View file

@ -7,13 +7,38 @@
let posts: {id: String, date: Date, title: String, author: String, description: String}[] = [];
let filteredPosts: {id: String, date: Date, title: String, author: String, description: String}[] = [];
let filteredPosts: {id: String, date: SimpleDate, title: String, author: String, description: String}[] = [];
let error = false;
let loading = true;
let noPostMessage = '';
class SimpleDate {
public year: number;
public month: number;
public day: number;
public datestring: string;
constructor(dateString: string) {
const [year, month, day] = dateString.split('-').map(Number);
this.year = year;
this.month = month;
this.day = day;
this.datestring = `${year}/${month}/${day}`;
}
public toUnixTimestamp(): number {
// Create a Date object using the given year, month, and day.
// Month is zero-based, so subtract 1 from the month.
const date = new Date(Date.UTC(this.year, this.month - 1, this.day));
// Get the Unix timestamp by dividing the time (in milliseconds) by 1000.
return Math.floor(date.getTime() / 1000);
}
}
onMount(async () => {
try {
const response = await fetch('https://cdn.jonasjones.dev/blog/index.json');
@ -26,15 +51,15 @@
return;
} else {
// for each post, conver the date string to a Date object
// for each post, convert the date string to a Date object
posts.forEach(post => {
post.date = new Date(post.date);
post.date = new SimpleDate(post.date);
});
filteredPosts = posts.filter(post => post.title.toLowerCase().includes(query.toLowerCase()));
// sort the posts by date
filteredPosts.sort((a, b) => b.date - a.date);
filteredPosts.sort((a, b) => b.date.toUnixTimestamp() - a.date.toUnixTimestamp());
loading = false;
}
} catch (error) {
@ -55,11 +80,11 @@
<div class="postList">
{#each filteredPosts as post}
<div class="postDiv">
<a href="/#/post/{post.date.getFullYear()}/{post.date.getMonth() + 1}/{post.date.getDate()}/{post.id}">
<a href="/#/post/{post.date.year}/{post.date.month}/{post.date.day}/{post.id}">
<h2 class="postTitle">{post.title}</h2>
<div class="inline">
<p class="postAuthor">{post.author}</p>
<p class="postDate">{post.date.toLocaleDateString()}</p>
<p class="postDate">{post.date.datestring}</p>
</div>
<p class="postDescription">{post.description}</p>
</a>