leo/kabano
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Mise en forme du titre d'un poi

Browse Source
This commit is contained in:
leosw
2026-01-18 18:19:42 +01:00
parent 58b180a740
commit 9f3bb76276
3 changed files with 79 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
controllers/d.poi.php
View File

@@ -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]);

44
views/css/d.poi.css
View File

@@ -349,3 +349,47 @@ form.form input[type="checkbox"]:checked + span:before {
#elevation_icon i {
position: absolute;
}
/*****************************************
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 */
}

46
views/d.poi.view.html
View File

@@ -14,9 +14,37 @@
<i id="slide-icon" class="fas fa-chevron-up"></i>
<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>
<span class="poi-type"><?=$poi->poi_type?></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>