From 9f3bb762765e3f9479d289e88af73742edc3441b Mon Sep 17 00:00:00 2001
From: leosw <leo@lstronic.com>
Date: Sun, 18 Jan 2026 18:19:42 +0100
Subject: [PATCH] Mise en forme du titre d'un poi

---
 controllers/d.poi.php |  4 ++--
 views/css/d.poi.css   | 46 +++++++++++++++++++++++++++++++++++++-
 views/d.poi.view.html | 52 ++++++++++++++++++++++++++-----------------
 3 files changed, 79 insertions(+), 23 deletions(-)

diff --git a/controllers/d.poi.php b/controllers/d.poi.php
index 6831b48..11d442e 100755
--- a/controllers/d.poi.php
+++ b/controllers/d.poi.php
@@ -111,8 +111,8 @@ switch ($controller->splitted_url[1]) {
 			else {
 				// Historique
 				if ($user->rankIsHigher("premium")) {
-					$Pois = new Kabano\Pois();
-					$Pois->getHistory($controller->splitted_url[1]);
+					$PoiHistory = new Kabano\Pois();
+					$PoiHistory->getHistory($controller->splitted_url[1]);
 				}
 				if (isset($controller->splitted_url[2]) && is_numeric($controller->splitted_url[2])) {
 					$poi->checkPermalink($controller->splitted_url[1], $user->rankIsHigher("premium"), $controller->splitted_url[2]);
diff --git a/views/css/d.poi.css b/views/css/d.poi.css
index c403f93..1e3021b 100755
--- a/views/css/d.poi.css
+++ b/views/css/d.poi.css
@@ -348,4 +348,48 @@ form.form input[type="checkbox"]:checked + span:before {
 
 #elevation_icon i {
 	position: absolute;
-}
\ No newline at end of file
+}
+
+/*****************************************
+ View page
+*****************************************/
+
+.poi-icon-wrapper {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    margin-right: 10px;
+}
+
+/* Tooltip */
+.poi-icon-wrapper[data-tooltip]:hover::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    left: 40px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(255, 255, 255, 0.9); /* blanc transparent */
+    color: #000;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 15px; /* demandé */
+    border: 1px solid blue; /* bordure fine noire */
+    white-space: nowrap;
+    pointer-events: none;
+    z-index: 9999;
+}
+
+/* Petite flèche */
+.poi-icon-wrapper[data-tooltip]:hover::before {
+    content: "";
+    position: absolute;
+    left: 32px;
+    top: 50%;
+    transform: translateY(-50%);
+    border: 6px solid transparent;
+    border-right-color: blue; /* même couleur que la bulle */
+    z-index: 9999;
+    filter: drop-shadow(0 0 0.5px #000); /* bordure subtile sur la flèche */
+}
+
+
diff --git a/views/d.poi.view.html b/views/d.poi.view.html
index b689050..29ef46b 100644
--- a/views/d.poi.view.html
+++ b/views/d.poi.view.html
@@ -13,10 +13,38 @@
 			<section>
 				<i id="slide-icon" class="fas fa-chevron-up"></i>
 
-				<h1 class="flex_line">
-					<span><?=$poi->name?></span>
-					<span class="poi-type"><?=$poi->poi_type?></span>
-				</h1>
+                <h1 class="flex_line">
+                    <span class="poi-icon-wrapper" data-tooltip="<?=htmlspecialchars($poi_types[$poi->poi_type][4] ?? '')?>">
+                        <img class="poi-icon"
+                             src="<?=$config['rel_root_folder']?>views/img/<?=$poi->poi_type?>.svg"
+                             alt="">
+                    </span>
+                    <span><?=$poi->name?></span>
+                </h1>
+                <? if($user->rankIsHigher('premium')) { ?>
+                    <span class="subtitle">
+                    <? if(isset($PoiHistory)) { ?>
+                        <select id="PoiHistory">
+                            <? $i = 0;
+                            foreach ($PoiHistory->objs as $row) { ?>
+                                <option <?=$row->version_id==$poi->version_id?'selected':''?> value="<?=$i?>"><?=$row->is_archive=="f"?'&bull; ':''?><? echo datefmt_format($user->datetimeshort_format,date_create($row->update_date, new DateTimeZone("UTC"))) ?></option>
+                            <? $i++;
+                            } ?>
+                        </select>
+                    <? } 
+                    if ($user->rankIsHigher('moderator') && isset($PoiHistory)) { ?>
+                         &mdash; 
+                    <? }
+                    if ($user->rankIsHigher("moderator")) { ?>
+                        <a href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/edit"><i class="fas fa-pencil-alt"></i> Éditer le point</a> &mdash; 
+                        <? if ($poi->is_public == 't') { ?>
+                            <a href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/delete"><i class="fas fa-trash"></i> Effacer le point</a>
+                        <? } else { ?>
+                            <a href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/restore"><i class="fas fa-eye"></i> Restaurer le point</a>
+                        <? } ?>
+                    <? } ?>
+                    </span>
+                <? } ?>
 
 				<div class="flex_line">
 					<div>
@@ -33,20 +61,6 @@
 					</div>
 				</div>
 
-				<? if ($user->rankIsHigher("moderator")) { ?>
-					<div class="flex_line admin_actions">
-						<a class="button" href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/edit">Modifier</a>
-
-						<? if ($poi->is_public == 't') { ?>
-							<a class="button danger" href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/delete">Supprimer</a>
-						<? } else { ?>
-							<a class="button success" href="<?=$config['rel_root_folder']?>poi/<?=$poi->permalink?>/restore">Restaurer</a>
-						<? } ?>
-					</div>
-				<? } ?>
-
-				<hr>
-
 				<h2>Description</h2>
 				<div class="poi-description">
 					<?=$poi->content_html?>
@@ -73,8 +87,6 @@
 					<? } ?>
 				</div>
 
-				<hr>
-
 				<? if ($poi->is_commentable == 't') { ?>
 					<h2>Commentaires</h2>