aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--pkg/view/media.go39
-rw-r--r--templates/detail.qtpl34
-rw-r--r--templates/mosaic.qtpl8
3 files changed, 78 insertions, 3 deletions
diff --git a/pkg/view/media.go b/pkg/view/media.go
index 8a10fe0..88ecaf2 100644
--- a/pkg/view/media.go
+++ b/pkg/view/media.go
@@ -3,6 +3,7 @@ package view
import (
"net/http"
"strconv"
+ "strings"
"git.sr.ht/~gabrielgio/img/pkg/database/repository"
"git.sr.ht/~gabrielgio/img/pkg/ext"
@@ -103,6 +104,41 @@ func (self *MediaView) Index(w http.ResponseWriter, r *http.Request) error {
return nil
}
+func (self *MediaView) Detail(w http.ResponseWriter, r *http.Request) error {
+ user := ext.GetUserFromCtx(r)
+
+ userPath, err := self.userRepository.GetPathFromUserID(r.Context(), user.ID)
+ if err != nil {
+ return err
+ }
+
+ pathHash := r.FormValue("path_hash")
+
+ media, err := self.mediaRepository.Get(r.Context(), pathHash)
+ if err != nil {
+ return err
+ }
+
+ if !strings.Contains(media.Path, userPath) {
+ ext.NotFound(w)
+ return nil
+ }
+
+ settings, err := self.settingsRepository.Load(r.Context())
+ if err != nil {
+ return err
+ }
+
+ page := &templates.DetailPage{
+ Settings: settings,
+ Media: media,
+ }
+
+ templates.WritePageTemplate(w, page, user.IsAdmin)
+
+ return nil
+}
+
func (self *MediaView) GetImage(w http.ResponseWriter, r *http.Request) error {
pathHash := r.FormValue("path_hash")
@@ -135,6 +171,9 @@ func (self *MediaView) SetMyselfIn(r *ext.Router) {
r.GET("/media", self.Index)
r.POST("/media", self.Index)
+ r.GET("/detail", self.Detail)
+ r.POST("/detail", self.Detail)
+
r.GET("/media/image", self.GetImage)
r.GET("/media/thumbnail", self.GetThumbnail)
}
diff --git a/templates/detail.qtpl b/templates/detail.qtpl
new file mode 100644
index 0000000..a981be9
--- /dev/null
+++ b/templates/detail.qtpl
@@ -0,0 +1,34 @@
+{% import "git.sr.ht/~gabrielgio/img/pkg/database/repository" %}
+
+{% code
+type DetailPage struct {
+ Media *repository.Media
+ Settings *repository.Settings
+}
+
+func (m *DetailPage) PreloadAttr() string {
+ if m.Settings.PreloadVideoMetadata {
+ return "metadata"
+ }
+ return "none"
+}
+%}
+
+{% func (p *DetailPage) Title() %}Media{% endfunc %}
+
+{% func (p *DetailPage) Content() %}
+<div class="card-image">
+ {% if p.Media.IsVideo() %}
+ <video class="image is-fit" controls muted="true" poster="/media/thumbnail?path_hash={%s p.Media.PathHash %}" preload="{%s p.PreloadAttr() %}">
+ <source src="/media/image?path_hash={%s p.Media.PathHash %}" type="{%s p.Media.MIMEType %}">
+ </video>
+ {% else %}
+ <figure class="image is-fit">
+ <img src="/media/image?path_hash={%s p.Media.PathHash %}">
+ </figure>
+ {% endif %}
+</div>
+{% endfunc %}
+
+{% func (p *DetailPage) Script() %}
+{% endfunc %}
diff --git a/templates/mosaic.qtpl b/templates/mosaic.qtpl
index 18dbcba..21a8bae 100644
--- a/templates/mosaic.qtpl
+++ b/templates/mosaic.qtpl
@@ -7,14 +7,16 @@
<div class="column is-2">
{% for _, media := range c %}
<div class="card-image">
+ <a href="/detail?path_hash={%s media.PathHash %}">
{% if media.IsVideo() %}
<video class="image is-fit" controls muted="true" poster="/media/thumbnail?path_hash={%s media.PathHash %}" preload="{%s preloadAttr %}">
<source src="/media/image?path_hash={%s media.PathHash %}" type="{%s media.MIMEType %}">
</video>
{% else %}
- <figure class="image is-fit">
- <img src="/media/thumbnail?path_hash={%s media.PathHash %}">
- </figure>
+ <figure class="image is-fit">
+ <img src="/media/thumbnail?path_hash={%s media.PathHash %}">
+ </figure>
+ </a>
{% endif %}
</div>
{% endfor %}