Add file info at top of post images

internal/util/posts.go

@@ -8,6 +8,7 @@ import (
 	"log"
 	"mime/multipart"
 	"os"
+	"path"
 	"path/filepath"
 	"strings"
 
@@ -111,3 +112,62 @@ func SumUniquePostIps(posts []database.Post) int {
 	}
 	return len(uniqueIpHashes)
 }
+
+type PostImageInfo struct {
+	Size   int64
+	Height int
+	Width  int
+}
+
+func GetPostImageInfo(mediaPath string) PostImageInfo {
+	var result PostImageInfo
+
+	imagePath := path.Join(POST_IMG_FULL_PATH, mediaPath)
+
+	fileInfo, err := os.Stat(imagePath)
+	if err != nil {
+		log.Printf("Failed to get image file info at %s: %v", mediaPath, err)
+		return PostImageInfo{}
+	}
+
+	file, err := os.Open(imagePath)
+	if err != nil {
+		log.Printf("Failed to open image at %s: %v", mediaPath, err)
+		return PostImageInfo{}
+	}
+	defer file.Close()
+
+	cfg, _, err := image.DecodeConfig(file)
+	if err != nil {
+		log.Printf("Failed to decode image at %s: %v", mediaPath, err)
+		return PostImageInfo{}
+	}
+
+	result.Size = fileInfo.Size()
+	result.Width = cfg.Width
+	result.Height = cfg.Height
+
+	return result
+}
+
+func FormatBytes(bytes int64) string {
+	const (
+		KB = 1 << 10 // 1024
+		MB = 1 << 20
+		GB = 1 << 30
+		TB = 1 << 40
+	)
+
+	switch {
+	case bytes >= TB:
+		return fmt.Sprintf("%.2f TB", float64(bytes)/float64(TB))
+	case bytes >= GB:
+		return fmt.Sprintf("%.2f GB", float64(bytes)/float64(GB))
+	case bytes >= MB:
+		return fmt.Sprintf("%.2f MB", float64(bytes)/float64(MB))
+	case bytes >= KB:
+		return fmt.Sprintf("%.2f KB", float64(bytes)/float64(KB))
+	default:
+		return fmt.Sprintf("%d B", bytes)
+	}
+}

web/static/index.css

@@ -216,6 +216,12 @@ body {
     max-width: 100%;
 }
 
+.post-img-info {
+    display: inline-block;
+    font-size: 10px;
+    margin-left: 5px;
+}
+
 .post-body {
     margin-top: 10px;
     margin-left: 5px;
@@ -253,7 +259,7 @@ body {
     color: rgb(52, 52, 92);
     text-decoration: underline;
     cursor: pointer;
-    margin-left: 8px;
+    margin-left: 4px;
 }
 
 .reply-link-header:hover {

web/views/board.templ

@@ -75,7 +75,7 @@ templ Board(board database.Board) {
 				<option selected value="small">Small</option>
 				<option value="large">Large</option>
 			</select>
-			<input oninput="applyCatalogSearch()" id="catalogSearch" style="float: right;" placeholder="Search"/>
+			<input style="margin-left: 10px;" oninput="applyCatalogSearch()" id="catalogSearch" placeholder="Search"/>
 		</div>
 		<hr/>
 		<div

web/views/thread.templ

@@ -9,16 +9,21 @@ import (
 )
 
 templ PostOriginal(post database.Post, thread *database.Thread) {
+{{ imgInfo := util.GetPostImageInfo(post.MediaPath) }}
 <article id={ fmt.Sprintf("post-%d", post.Id) } class="post-op">
 	<div>
 		File:
 		<a href={ templ.URL("/static/img/posts/full/" + post.MediaPath) } class="post-filename">
 			{ post.MediaPath }
 		</a>
+		<div class="post-img-info">
+			(<span>{ util.FormatBytes(imgInfo.Size) }</span>,
+			<span>{ strconv.Itoa(imgInfo.Width) }</span>x<span>{ strconv.Itoa(imgInfo.Height) }</span>)
+		</div>
 	</div>
 	<img onclick="togglePostImage(this)" loading="lazy" src={ fmt.Sprintf("/static/img/posts/thumb/%s", post.MediaPath)
 		} class="post-img" />
-	<header class="post-header">
+	<header style="margin-top: 10px;" class="post-header">
 		<h1 class="thread-subject">{ thread.Subject } -</h1>
 		<span class="post-author">{ post.Author }</span>
 		<span class="post-date">{ post.CreatedAt.Format("01/02/2006") }</span>
@@ -36,6 +41,7 @@ templ PostOriginal(post database.Post, thread *database.Thread) {
 }
 
 templ PostReply(post database.Post) {
+{{ imgInfo := util.GetPostImageInfo(post.MediaPath) }}
 <article id={ fmt.Sprintf("post-%d", post.Id) } class="post">
 	<header class="post-header">
 		<span class="post-author">{ post.Author }</span>
@@ -54,6 +60,10 @@ templ PostReply(post database.Post) {
 			<a href={ templ.URL("/static/img/posts/full/" + post.MediaPath) } class="post-filename">
 				{ post.MediaPath }
 			</a>
+			<div class="post-img-info">
+				(<span>{ util.FormatBytes(imgInfo.Size) }</span>,
+				<span>{ strconv.Itoa(imgInfo.Width) }</span>x<span>{ strconv.Itoa(imgInfo.Height) }</span>)
+			</div>
 		</div>
 		<img onclick="togglePostImage(this)" loading="lazy" src={ fmt.Sprintf("/static/img/posts/thumb/%s",
 			post.MediaPath) } class="post-img" />