From 204be428e4912d1f984b41f13a1f2605657d651c Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Mon, 24 Apr 2023 22:31:01 +0200
Subject: infobulles

---
 public/css/discographie.css                 | 11 +++--------
 public/css/main.css                         | 27 +++++++++++++++++++++++++++
 view/album.php                              |  9 ++++++---
 view/articlesContent.php                    | 27 ++++++++++++++++++---------
 view/discographie.php                       | 22 ++++++++++++++--------
 "\303\240 faire apr\303\250s livraison.txt" |  2 --
 6 files changed, 68 insertions(+), 30 deletions(-)

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 7fb48df..31df03e 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -145,11 +145,6 @@ figure
     /*display: inline-block;*/
 }
 
-.vignette
-{
-    width: 100%;
-}
-
 figcaption
 {
 	margin: 2px;
@@ -165,11 +160,11 @@ a
     /*border: 2px white solid;*/
 }
 
-.articleSansEditeur a
+.articleSansEditeur>a
 {
     border: 2px white solid;
 }
-.articleSansEditeur a:hover
+.articleSansEditeur>a:hover
 {
 	border: 2px blue solid;
 }
@@ -183,7 +178,7 @@ a:hover figure figcaption
 {
     /*border: 1px black solid;*/
     text-align: center;
-    margin-top: 0px;
+    margin-top: 2px;
 }
 
 .articleSansEditeur img
diff --git a/public/css/main.css b/public/css/main.css
index 4017e31..a5332be 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -136,6 +136,33 @@ form
     /*border-bottom: 1px black solid;*/
 }
 
+.infobulle
+{
+    text-decoration: none;
+    /* évite que l'infobulle ne se retrouve dans un coin de l'écran */
+    position:relative;
+     /* block -> hauteur fixe pour vertical-align dans l'image */
+    display: inline-block;
+    
+}
+.infobulle button
+{
+    
+    display: none;
+    position: absolute;
+    bottom: 35px;
+    left: 10px;
+}
+.infobulle:hover button
+{
+    display: inline;
+
+}
+.infobulle img
+{
+    vertical-align: middle;
+}
+
 #courriel
 {
     /*padding-top: 30px;*/
diff --git a/view/album.php b/view/album.php
index f0fd807..795491d 100644
--- a/view/album.php
+++ b/view/album.php
@@ -92,14 +92,17 @@ if($_SESSION['admin'] == 1 && (!isset($_GET['action']) || $_GET['action'] !== 'e
     global $host;
 ?>
             <p>
-                <a href="<?= $lien_partage ?>" >
+                <a class="infobulle" href="<?= $lien_partage ?>" >
                     <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                    <button>Partager</button>
                 </a>
-                <a href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" >
+                <a class="infobulle" href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" >
                     <img src="public/icone_modifier.png" >
+                    <button>Modifier</button>
                 </a>
-                <a href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" >
+                <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" >
                     <img src="public/icone_supprimer.png" >
+                    <button>Supprimer</button>
                 </a>
                 <button><a href="index.php?page=discographie" >Retour page discographie</a></button>
             </p>
diff --git a/view/articlesContent.php b/view/articlesContent.php
index 4762f8e..87b3676 100644
--- a/view/articlesContent.php
+++ b/view/articlesContent.php
@@ -88,17 +88,26 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
         ?>
                     </div>
                     <p class="boutonArticle" >
-                        <a href="<?= $lien_partage ?>" >
+                        <a class="infobulle" href="<?= $lien_partage ?>" >
                             <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                            <button>Partager</button>
+                        </a>
+                        <a class="infobulle" href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
+                            <img src="public/icone_modifier.png" >
+                            <button>Modifier</button>
+                        </a>
+                        <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
+                            <img src="public/icone_monter.png" >
+                            <button>Monter</button>
+                        </a>
+                        <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
+                            <img src="public/icone_descendre.png" >
+                            <button>Descendre</button>
+                        </a>
+                        <a class="infobulle" href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
+                            <img src="public/icone_supprimer.png" >
+                            <button>Supprimer</button>
                         </a>
-                        <a href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_modifier.png" ></a>
-                        <a href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_monter.png" ></a>
-                        <a href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_descendre.png" ></a>
-                        <a href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
-                            <img src="public/icone_supprimer.png" ></a>
                     </p>
         <?php
         }
diff --git a/view/discographie.php b/view/discographie.php
index c5c9135..8cefa18 100644
--- a/view/discographie.php
+++ b/view/discographie.php
@@ -136,7 +136,7 @@ for($i = 0; $i < $Albums->fileListCount; $i++)
         }
 ?>
                         <figure>
-                            <img class="vignette" src="data/discographie/images-mini/<?= $Albums->fileList[$i]['pochetteMini'] ?>" alt="" >
+                            <img src="data/discographie/images-mini/<?= $Albums->fileList[$i]['pochetteMini'] ?>" alt="" >
                             <figcaption><?= $Albums->fileList[$i]['titre'] ?><br><?= $Albums->fileList[$i]['annee'] ?></figcaption>
                         </figure>
 <?php
@@ -153,18 +153,24 @@ for($i = 0; $i < $Albums->fileListCount; $i++)
             global $host;*/
         ?>
                         <p>
-                            <!-- <a href="<?= $lien_partage ?>" >
+                            <!-- <a class="infobulle" href="<?= $lien_partage ?>" >
                             <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
                             </a> -->
-                            <a href="index.php?<?= $lienBoutonModif[$i] ?>" >
+                            <a class="infobulle" href="index.php?<?= $lienBoutonModif[$i] ?>" >
                                 <img src="public/icone_modifier.png" >
+                                <button>Modifier</button>
                             </a>
-                            <a href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" >
-                                <img src="public/icone_monter.png" ></a>
-                            <a href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" >
-                                <img src="public/icone_descendre.png" ></a>
-                            <a href="index.php?page=discographie&action=suppression&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
+                            <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" >
+                                <img src="public/icone_monter.png" >
+                                <button>Monter</button>
+                            </a>
+                            <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>&position=<?= $Albums->fileList[$i]['position'] ?>#<?= $Albums->fileList[$i]['fileCode'] ?>" >
+                                <img src="public/icone_descendre.png" >
+                                <button>Descendre</button>
+                            </a>
+                            <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $Albums->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
                                 <img src="public/icone_supprimer.png" >
+                                <button>Supprimer</button>
                             </a>
                         </p>
         <?php
diff --git "a/\303\240 faire apr\303\250s livraison.txt" "b/\303\240 faire apr\303\250s livraison.txt"
index 9fd5345..fa78d62 100644
--- "a/\303\240 faire apr\303\250s livraison.txt"	
+++ "b/\303\240 faire apr\303\250s livraison.txt"	
@@ -13,8 +13,6 @@ gérer le cas où l'éditeur est ouvert et qu'on clique sur un bouton monter ou
 
 trouver une solution au problème du cache du visiteur (surtout Melaine) lorsque le site est mis à jour
 
-infobulles sur les boutons d'action (seul le mode admin est concerné à moins de proposer un bouton partager au visiteur)
-
 Actualité: remplacer le mot "actualité" (page menu) par un logo sur le côté du genre panneau Attention!
 
 rendre le menu chronologie moins moche
-- 
cgit v1.2.3