Add date to posts

src/lib/structures/TimelineEntry.js

@@ -27,6 +27,7 @@ class TimelineEntry extends TimelineBaseMethods {
 		this.ownerPfpCacheP = null
 		/** @type {import("./TimelineChild")[]} Not available until fetchChildren is called */
 		this.children = null
+		this.date = null
 	}
 
 	async update() {
@@ -80,6 +81,21 @@ class TimelineEntry extends TimelineBaseMethods {
 	 * All mutations should act exactly once and have no effect on already mutated data.
 	 */
 	fixData() {
+		this.date = new Date(this.data.taken_at_timestamp*1000)
+	}
+
+	getDisplayDate() {
+		function pad(number) {
+			return String(number).padStart(2, "0")
+		}
+		return (
+			`${this.date.getUTCFullYear()}`
+			+ `-${pad(this.date.getUTCMonth()+1)}`
+			+ `-${pad(this.date.getUTCDay()+1)}`
+			+ ` ${pad(this.date.getUTCHours())}`
+			+ `:${pad(this.date.getUTCMinutes())}`
+			+ ` UTC`
+		)
 	}
 
 	getCaption() {

src/lib/types.js

@@ -105,7 +105,6 @@
  * @property {boolean} [has_ranked_comments]
  * @property {boolean} [comments_disabled]
  * @property {boolean} [commenting_disabled_for_viewer]
- * @property {number} [taken_at_timestamp]
  * @property {boolean} [is_ad]
  * @property {any} [edge_web_media_to_related_media] todo: discover
  * Image

src/site/pug/includes/post.pug

@@ -25,15 +25,18 @@ mixin post(post, headerWithNavigation)
 
 			div.relative-box
 				div.scrolling-box
+					div
 						if post.getCaption()
 							p.structured-text.description
 								+display_structured(post.getStructuredCaption())
 
+						footer
 							if willDisplayAltInDescription
-						each child in post.children
-							- let caption = child.data.accessibility_caption
+								- let caption = post.children[0].data.accessibility_caption
 								if caption
 									p.description= caption
+							p.description
+								span Posted on #[time(datetime=post.date.toISOString() data-local-date)= post.getDisplayDate()].
 
 		section.images-gallery
 			for entry in post.children

src/site/sass/includes/_main.sass

@@ -363,7 +363,6 @@ body
 			color: map-get($theme, "foreground-primary")
 
 			@media screen and (min-width: $layout-b-min)
-			.relative-box
 				position: relative
 				box-shadow: map-get($theme, "shadow-down-inset")