Applications/comfychan
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 3 Activity

Add video support

Browse Source
This commit is contained in:
Dominic Ferrando
2025-04-22 00:06:11 -04:00
parent fac517b28d
commit 741ac24e3e
15 changed files with 236 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/views/board.templ
+13 -5
View File
@@ -42,7 +42,15 @@ templ NewThreadForm(board database.Board) {
</tr>
<tr class="new-post-form-field">
<th>File</th>
<td><input id="newPostFile" name="file" type="file" required/></td>
<td>
<input
accept="image/*,video/mp4,video/webm,video/ogg"
id="newPostFile"
name="file"
type="file"
required
/>
</td>
</tr>
</tbody>
</table>
@@ -52,7 +60,7 @@ templ NewThreadForm(board database.Board) {
templ BoardHeader(board database.Board) {
<header class="board-header">
<img src={ fmt.Sprintf("/static/img/banners/%s.png", board.Slug) }/>
<img src={ fmt.Sprintf("/static/media/banners/%s.png", board.Slug) }/>
<h1>
{ fmt.Sprintf("/%s/ - %s", board.Slug, board.Name) }
</h1>
@@ -91,7 +99,7 @@ type CatalogThreadPreview struct {
Subject string
Body string
ThreadURL string
MediaPath string
ThumbPath string
ReplyCount int
IpCount int
}
@@ -106,8 +114,8 @@ templ ThreadsCatalog(previews []CatalogThreadPreview) {
<img
loading="lazy"
class="catalog-preview-img"
src={ fmt.Sprintf("/static/img/posts/thumb/%s",
preview.MediaPath) }
src={ fmt.Sprintf("/static/media/posts/thumb/%s",
preview.ThumbPath) }
/>
</a>
<strong class="catalog-preview-counts">R: { replyCount } / I: { ipCount }</strong>
web/views/index.templ
+1 -1
View File
@@ -5,7 +5,7 @@ import "github.com/dominicf2001/comfychan/web/views/shared"
templ Index() {
@shared.Layout() {
<section class="container">
<img id="clavis" src="/static/img/clavis.png"/>
<img id="clavis" src="/static/media/clavis.png"/>
<div class="box">
<h2>Welcome to Comfychan</h2>
<div>
web/views/thread.templ
+23 -14
View File
@@ -9,24 +9,25 @@ import (
)
templ PostOriginal(post database.Post, thread *database.Thread) {
{{ imgInfo := util.GetPostImageInfo(post.MediaPath) }}
<article id={ fmt.Sprintf("post-%d", post.Number) } class="post-op">
<div>
File:
<a href={ templ.URL("/static/img/posts/full/" + post.MediaPath) } class="post-filename">
<a href={ templ.URL("/static/media/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>)
<span>{ util.FormatFileInfo(util.GetPostFileInfo(post.MediaPath)) }</span>
</div>
</div>
<img
onclick="togglePostImage(this)"
onclick="togglePostFile(this)"
loading="lazy"
src={ fmt.Sprintf("/static/img/posts/thumb/%s", post.MediaPath) }
src={ fmt.Sprintf("/static/media/posts/thumb/%s", post.ThumbPath) }
data-full={ post.MediaPath }
data-thumb={ post.ThumbPath }
class="post-img"
/>
<video controls style="display: none;" class="post-vid"></video>
<header style="margin-top: 10px;" class="post-header">
<h1 class="thread-subject">{ thread.Subject } -</h1>
<span class="post-author">{ post.Author }</span>
@@ -61,25 +62,26 @@ templ PostReply(post database.Post) {
<span class="post-replies"></span>
</header>
if post.MediaPath != "" {
{{ imgInfo := util.GetPostImageInfo(post.MediaPath) }}
<div>
<div style="margin-bottom: 2px;">
File:
<a href={ templ.URL("/static/img/posts/full/" + post.MediaPath) } class="post-filename">
<a href={ templ.URL("/static/media/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>)
<span>{ util.FormatFileInfo(util.GetPostFileInfo(post.MediaPath)) }</span>
</div>
</div>
<img
onclick="togglePostImage(this)"
onclick="togglePostFile(this)"
loading="lazy"
src={ fmt.Sprintf("/static/img/posts/thumb/%s",
post.MediaPath) }
src={ fmt.Sprintf("/static/media/posts/thumb/%s",
post.ThumbPath) }
data-full={ post.MediaPath }
data-thumb={ post.ThumbPath }
class="post-img"
/>
<video controls style="display: none;" class="post-vid"></video>
</div>
}
<p class="post-body">
@@ -128,7 +130,14 @@ templ Thread(board database.Board, thread database.Thread, posts []database.Post
</tr>
<tr class="new-post-form-field">
<th>File</th>
<td><input id="newPostFile" name="file" type="file"/></td>
<td>
<input
accept="image/*,video/mp4,video/webm,video/ogg"
id="newPostFile"
name="file"
type="file"
/>
</td>
</tr>
</tbody>
</table>