From 3a6213d412e5328177ba172b094100187a126f75 Mon Sep 17 00:00:00 2001
From: Yohan Boujon <yo.boujon@gmail.com>
Date: Sun, 1 Jun 2025 13:16:05 +0200
Subject: [PATCH] Backend/Frontend: Added all fields for photography section.

---
 backend/core/file.go                          | 37 +++++++++++++++++--
 frontend/src/lib/components/hover-card.svelte | 13 +++++--
 .../lib/components/popup/hover-card.svelte    | 13 ++++---
 frontend/src/lib/json/hub.json                | 32 +---------------
 4 files changed, 51 insertions(+), 44 deletions(-)

diff --git a/backend/core/file.go b/backend/core/file.go
index 5564764..07bf7ed 100644
--- a/backend/core/file.go
+++ b/backend/core/file.go
@@ -2,10 +2,12 @@ package core
 
 import (
 	"backend/util"
+	"encoding/json"
 	"errors"
 	"io/fs"
 	"os"
 	"path/filepath"
+	"sort"
 	"strings"
 	"time"
 )
@@ -21,6 +23,12 @@ type PictureData struct {
 	Description   string    `json:"description"`
 }
 
+type PictureJson struct {
+	Title        string `json:"title"`
+	Localisation string `json:"localisation"`
+	Description  string `json:"description"`
+}
+
 var picd []PictureData
 
 func listFiles(path string, actualdir string, picd []PictureData) []PictureData {
@@ -40,7 +48,7 @@ func listFiles(path string, actualdir string, picd []PictureData) []PictureData
 			picd = listFiles(path+"/"+info.Name(), info.Name(), picd)
 		} else {
 			// fmt.Printf("\uf15b %s: %do\n", entry.Name(), info.Size())
-			picd = getFileInfo(info, picd, actualdir)
+			picd = getFileInfo(path, info, picd, actualdir)
 		}
 	}
 	return picd
@@ -56,19 +64,40 @@ func isPicture(s string) bool {
 	return false
 }
 
-func getFileInfo(info fs.FileInfo, picd []PictureData, actualdir string) []PictureData {
+func getFileInfo(path string, info fs.FileInfo, picd []PictureData, actualdir string) []PictureData {
 	if isPicture(info.Name()) {
+		title := strings.TrimSuffix(info.Name(), filepath.Ext(info.Name()))
+		file, err := os.Open(filepath.Join(path, title+".json"))
+		var pictureinfo PictureJson
+		if err == nil {
+			decoder := json.NewDecoder(file)
+			decoder.DisallowUnknownFields()
+			decoder.Decode(&pictureinfo)
+		}
+		defer file.Close()
+
+		// Setting parameters
+		if pictureinfo.Title != "" {
+			title = pictureinfo.Title
+		}
+
 		picd = append(picd, PictureData{
 			Name:         info.Name(),
 			Date:         info.ModTime(),
 			Album:        actualdir,
 			URL:          "http://localhost:8085/photo/" + actualdir + "/" + info.Name(),
-			Title:        strings.TrimSuffix(info.Name(), filepath.Ext(info.Name())),
-			Localisation: "Paris, France",
+			Title:        title,
+			Localisation: pictureinfo.Localisation,
+			Description:  pictureinfo.Description,
 		})
 		util.Logformatrn(util.INFO, "Reading %d files...", len(picd))
 	}
 
+	// Ordering by most recent
+	sort.Slice(picd, func(i, j int) bool {
+		return picd[i].Date.After(picd[j].Date) // descending: newer dates first
+	})
+
 	return picd
 }
 
diff --git a/frontend/src/lib/components/hover-card.svelte b/frontend/src/lib/components/hover-card.svelte
index 350bc42..79a5d28 100644
--- a/frontend/src/lib/components/hover-card.svelte
+++ b/frontend/src/lib/components/hover-card.svelte
@@ -101,10 +101,15 @@
             bind:this={divHoverCardMetadata.div}
         >
             <h1 bind:this={divHoverCardMetadata.title}>{title}</h1>
-            <div bind:this={divHoverCardMetadata.localisation} class="flex align-center">
-                <SvgIcon type="mdi" path={mdiMapMarker}></SvgIcon>
-                <p>{localisation}</p>
-            </div>
+            {#if localisation}
+                <div
+                    bind:this={divHoverCardMetadata.localisation}
+                    class="flex align-center"
+                >
+                    <SvgIcon type="mdi" path={mdiMapMarker}></SvgIcon>
+                    <p>{localisation}</p>
+                </div>
+            {/if}
         </div>
     </div>
 </div>
diff --git a/frontend/src/lib/components/popup/hover-card.svelte b/frontend/src/lib/components/popup/hover-card.svelte
index 4ff85d3..4e7655c 100644
--- a/frontend/src/lib/components/popup/hover-card.svelte
+++ b/frontend/src/lib/components/popup/hover-card.svelte
@@ -1,6 +1,6 @@
 <script>
     import "$lib/css/hover-card.css";
-    import { mdiMapMarker } from '@mdi/js'
+    import { mdiMapMarker } from "@mdi/js";
     import SvgIcon from "@jamescoyle/svelte-icon/src/svg-icon.svelte";
 
     export let title = "";
@@ -12,10 +12,13 @@
 <div class="hover-card-popup-container flex">
     <div class="hover-card-popup-text">
         <h1>{title}</h1>
-        <div class="flex align-center">
-            <SvgIcon type="mdi" path={mdiMapMarker}></SvgIcon>
-            <span>{localisation}</span>
-        </div>
+        {#if localisation}
+            <div class="flex align-center">
+                <SvgIcon type="mdi" path={mdiMapMarker}></SvgIcon>
+                <span>{localisation}</span>
+            </div>
+        {/if}
+
         <p>{description}</p>
     </div>
     <div class="hover-card-popup-picture">
diff --git a/frontend/src/lib/json/hub.json b/frontend/src/lib/json/hub.json
index a41d44f..b072393 100644
--- a/frontend/src/lib/json/hub.json
+++ b/frontend/src/lib/json/hub.json
@@ -49,35 +49,5 @@
     "photo": {
         "title": "Photographie",
         "description": "Je ne suis pas un professionnel, mais il faut avouer que prendre des photos, faire du montage dessus, ou simplement régler la colorimétrie fait partie de mes passions. Cette petite galerie montre mes dernières photos, souvent liées à une émotion actuelle."
-    },
-    "photos": [
-        {
-            "urlcompressed": "https://cloud.etheryo.fr/s/azb63ct3bGn84Da/download?path=&files=IMG20240728150532_compressed.jpg",
-            "url": "https://share.etheryo.fr/rando/2024.07.28/IMG20240728150532.jpg",
-            "title": "Tarnished Peak (afterwar)",
-            "localisation": "Cruach Adrain, Écosse",
-            "description": "L'appel à l'aventure était trop fort. Je ne voulais plus m'arrêter, mais comme à mon habitude, mon corps ne pouvait suivre mes pensées. Je me suis posé pendant plusieurs minutes devant cette falaise, me demandant ce qu'il y'avait derrière. Les nuages flottants et changeant de place à la vitesse du vent était un reflet de mes émotions qui changeaient."
-        },
-        {
-            "urlcompressed": "https://cloud.etheryo.fr/s/azb63ct3bGn84Da/download?path=&files=IMG20240728142327_compressed.jpg",
-            "url": "https://share.etheryo.fr/rando/2024.07.28/IMG20240728142327.jpg",
-            "title": "Whitewashed",
-            "localisation": "Cruach Adrain, Écosse",
-            "description": "Photo modifiée pour ajouter cet effet de brume lointaine. Le ciel était bien bleu mais les nuages cachaient cette lumière et laissait paraître une ambiance blanchâtre."
-        },
-        {
-            "urlcompressed": "https://cloud.etheryo.fr/s/azb63ct3bGn84Da/download?path=&files=Groupe%20Ombre%20Lac%20Montagne%20Rouge%20Bleu_compressed.jpg",
-            "url": "https://share.etheryo.fr/rando/2023.11.01/Groupe%20Ombre%20Lac%20Montagne%20Rouge%20Bleu.jpg",
-            "title": "Compagnons",
-            "localisation": "Lac d'Oô, France",
-            "description": "Lors de notre petit periple avec quelques camarades de l'INSA nous avons décidé de nous balader vers l'autre bout du lac. Cette photo est une prise de vue de loin par ma part de mes camarades, observant leurs divers déplacements devant le coucher du soleil."
-        },
-        {
-            "urlcompressed": "https://cloud.etheryo.fr/s/azb63ct3bGn84Da/download?path=&files=IMG20240728155726_compressed.jpg",
-            "url": "https://share.etheryo.fr/rando/2024.07.28/IMG20240728155726.jpg",
-            "title": "Replica",
-            "localisation": "Cruach Adrain, Écosse",
-            "description": "'Replca' ou 'Replique' montre la nature fractale des collines écossaises."
-        }
-    ]
+    }
 }
\ No newline at end of file