bouton partager

13 files changed, 64 insertions, 45 deletions

diff --git a/controller/config.php b/controller/config.php
index 47b85f9..067d89b 100644
--- a/controller/config.php
+++ b/controller/config.php
@@ -15,8 +15,9 @@ $storage = 'files';
 // Racine du site (inutile pour l'instant)
 //$root = getcwd();
 
-// nom de domaine (inutile pour l'instant)
-//$host = $_SERVER['HTTP_HOST'];
+// nom de domaine (utilisé pour créer des liens absolus)
+// depuis une fonction, faire un: 'global $host;'
+$host = 'http://' . $_SERVER['HTTP_HOST'];
 
 // bibliothèque utilisée pour créer les miniatures
 if(extension_loaded("imagick")) // on préfère imagemagick
diff --git a/public/css/discographie.css b/public/css/discographie.css
index 2aae57e..7fb48df 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -120,12 +120,6 @@ input
     padding-bottom: 20px;
     border-bottom: 1px black solid;
 }
-/* mêmes règles que .boutonArticle dans main.css */
-.boutonAlbum span
-{
-    padding: 2px;
-    border: 4px black groove;
-}
 
 #articles
 {
@@ -209,10 +203,10 @@ a:hover figure figcaption
 {
     width: 100%;
 }
-.linkAlbumHTML
+/*.linkAlbumHTML
 {
     color: blue;
-}
+}*/
 
 
 @media screen and (min-width: 700px)
diff --git a/public/css/main.css b/public/css/main.css
index 77ab7ff..4017e31 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -87,11 +87,12 @@ img
     vertical-align: bottom;

 }

 

-.boutonArticle span

+button a

 {

-    padding: 2px;

-    border: 4px black groove;

+    color: black;

+    text-decoration: none;

 }

+

 .boutonSubmitEditeur

 {

     margin-top: 5px;

@@ -144,8 +145,6 @@ form
 #courriel *

 {

     max-width: 220px;

-    color: black;

-    text-decoration: none;

 }

 

 #courriel>button /* bouton pour remonter */

diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
index 2f3e901..ec8e665 100644
--- a/public/css/pages_articles_simples.css
+++ b/public/css/pages_articles_simples.css
@@ -29,11 +29,7 @@ figure
     /* comme "article" dans main.css */

     font-size: 90%;

 }

-.boutonArticle span

-{

-    position: relative;

-    bottom: 6px;

-}

+

 @media screen and (min-width: 700px)

 {

         #titre

diff --git a/public/icone_modifier.png b/public/icone_modifier.png
index 3691389..aa5304c 100644
--- a/public/icone_modifier.png
+++ b/public/icone_modifier.png
diff --git a/public/icone_partager.png b/public/icone_partager.png
new file mode 100644
index 0000000..ab3b829
--- /dev/null
+++ b/public/icone_partager.png
diff --git a/public/main.js b/public/main.js
index ede1a30..4080832 100644
--- a/public/main.js
+++ b/public/main.js
@@ -40,15 +40,20 @@ function clientCourriel()
         document.location.href = link;

 }

 

-// bouton pour "copier" dans le presse-papier

-function copierAdresse()

+// pour "cacher" l'adresse du HTML

+// inutile -> nécessite une requête AJAX

+function copierCourriel()

 {

         var adresse = "melaine.favennec@wanadoo.fr";

+        copierDansPressePapier(adresse);

+}

 

+function copierDansPressePapier(chaine)

+{

         // une balise <input> avec des attributs

         var element = document.createElement("input");

         element.setAttribute("id", "copyMe");

-        element.setAttribute("value", adresse);

+        element.setAttribute("value", chaine);

 

         // placement dans la page (= le "document")

         document.body.appendChild(element);

@@ -65,6 +70,8 @@ function copierAdresse()
         // test optionnel

         // essayer un document.execCommand("paste"); dans une variable

         // mais depuis une deuxième fonction

+

+        alert('Cette adresse a été copiée dans le presse-papier:\n\n' + chaine);

 }

 

 // cacher le lien #nouvelArticle quand le ckeditor est appelé

diff --git a/view/album.php b/view/album.php
index e2989dc..f0fd807 100644
--- a/view/album.php
+++ b/view/album.php
@@ -88,23 +88,20 @@ else
 // modifier ouvre l'éditeur, supprimer renvoie vers la discographie
 if($_SESSION['admin'] == 1 && (!isset($_GET['action']) || $_GET['action'] !== 'edition'))
 {
+    $lien_partage = 'index.php?page=' . $page . '&file_code=' . $fileCode;
+    global $host;
 ?>
             <p>
+                <a href="<?= $lien_partage ?>" >
+                    <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                </a>
                 <a href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" >
                     <img src="public/icone_modifier.png" >
                 </a>
                 <a href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" >
                     <img src="public/icone_supprimer.png" >
                 </a>
-                <a class="linkAlbumHTML" href="index.php?page=discographie" >Retour à la discographie</a>
-            </p>
-<?php
-}
-else
-{
-?>
-            <p>
-                <a class="linkAlbumHTML" href="index.php?page=discographie" >Retour à la discographie</a>
+                <button><a href="index.php?page=discographie" >Retour page discographie</a></button>
             </p>
 <?php
 }
diff --git a/view/articlesContent.php b/view/articlesContent.php
index c07ba75..4762f8e 100644
--- a/view/articlesContent.php
+++ b/view/articlesContent.php
@@ -22,9 +22,11 @@ if($_SESSION['admin'] == 1)
 ?>
                 <div>
                     <p class="boutonArticle boutonNouvelArticle" >
-                        <a href="index.php?page=<?= $page ?>&action=editor" >
-                            <span>Nouvel article</span>
-                        </a>
+                        <button>
+                            <a href="index.php?page=<?= $page ?>&action=editor" >
+                                Nouvel article
+                            </a>
+                        </button>
                     </p>
 <?php
     }
@@ -81,9 +83,14 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
         // bouton
         if($_SESSION['admin'] == 1)
         {
+            $lien_partage = 'index.php?page=' . $page . '#' . $Articles->fileList[$i]['fileCode'];
+            global $host;
         ?>
                     </div>
                     <p class="boutonArticle" >
+                        <a href="<?= $lien_partage ?>" >
+                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                        </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'] ?>" >
diff --git a/view/courriel.php b/view/courriel.php
index 7dd7ba4..8934461 100644
--- a/view/courriel.php
+++ b/view/courriel.php
@@ -6,6 +6,6 @@
 

                                 <div id="courrielJS" >

                     <button onclick="clientCourriel();" >Avec mon logiciel<br />de messagerie</button>

-                    <button onclick="copierAdresse();" >Copier l'adresse dans<br />le presse-papier</button>

+                    <button onclick="copierCourriel();" >Copier l'adresse dans<br />le presse-papier</button>

                 </div>

             </div>
\ No newline at end of file
diff --git a/view/discographie.php b/view/discographie.php
index 206a9b8..c5c9135 100644
--- a/view/discographie.php
+++ b/view/discographie.php
@@ -84,9 +84,11 @@ if($_SESSION['admin'] == 1)
                     <!-- le bouton Nouvel album est considéré comme un article -->
                     <article>
                         <p class="boutonAlbum" >
-                            <a href="index.php?page=discographie&action=edition" >
-                                <span>Nouvel album</span>
-                            </a>
+                            <button>
+                                <a href="index.php?page=discographie&action=edition" >
+                                Nouvel album
+                                </a>
+                            </button>
                         </p>
                     </article>
 <?php
@@ -147,8 +149,13 @@ for($i = 0; $i < $Albums->fileListCount; $i++)
         // boutons
         if($_SESSION['admin'] == 1)
         {
+            /*$lien_partage = 'index.php?page=' . $page . '#' . $Albums->fileList[$i]['fileCode'];
+            global $host;*/
         ?>
                         <p>
+                            <!-- <a href="<?= $lien_partage ?>" >
+                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                            </a> -->
                             <a href="index.php?<?= $lienBoutonModif[$i] ?>" >
                                 <img src="public/icone_modifier.png" >
                             </a>
diff --git a/view/template-formulaires.php b/view/template-formulaires.php
index be51df6..e7c7470 100644
--- a/view/template-formulaires.php
+++ b/view/template-formulaires.php
@@ -56,6 +56,7 @@ if($page === 'discographie' || $page === 'album')
         <a class="boutonAnnuler" href="index.php?page=<?= $lienBoutonAnnuler ?>" >

             <input type="button" value="Annuler" />

         </a>

+        <button><a href="index.php?page=discographie" >Retour page discographie</a></button>

         

         <script>

             let editor; // variable utilisable depuis une fonction

diff --git a/à faire après livraison.txt b/à faire après livraison.txt
index e86aec3..9fd5345 100644
--- a/à faire après livraison.txt
+++ b/à faire après livraison.txt
@@ -1,11 +1,21 @@
+barre de progression au téléchargement d'un melaineDATA
+-> permettra de savoir aussi si la limite de 30s d'un script PHP a une importance
+
 empêcher de monter ou descendre à nouveau un élément en rechargeant la page
 -> solution 1: rediriger vers la même page sans action dans l'url après le déplacement
 -> solution 2: déplacement AJAX avec javascript
 ne remplace pas la solution 1 qui doit toujours fonctionner
 
-infobulles en mode admin
+gérer le cas où l'éditeur est ouvert et qu'on clique sur un bouton monter ou descendre
+-> solution 1: cacher les boutons (et bloquer la fonctionnalité!)
+-> solution 2: changement de position en JS ET version non JS en enregistrant le contenu en cours dans 'data/tmp'
+(c'est lourd, mais on évite de dérouter l'utilisateur)
+
+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)
 
-bouton partage et lien d'encre sur tous les articles
+Actualité: remplacer le mot "actualité" (page menu) par un logo sur le côté du genre panneau Attention!
 
 rendre le menu chronologie moins moche
 
@@ -26,9 +36,9 @@ affichage avec javascript OU au moins dans une "page" dotée d'un bouton pour so
 galerie en css (ou/et en javascript) pour les peintures de bateau
 https://www.guyom-design.com/blog/astuces/css/tuto_diapo_css/
 
-hyperlien avec liens relatifs (par exemple dans emoi des mots qui doit pointer vers la presse)
+Explorateur de fichiers pour les images
 
-créer page musique
+page musique avec vidéos embarquées
 
 n'utiliser que les grandes images dans le menu
 
@@ -50,8 +60,6 @@ ajouter d'autres format de sauvegarde (il parait que zip se fait vieux)
 
 Identification avec deux codes (login + mot de passe)
 
-Explorateur de fichiers pour les images
-
 pagination (ex: max 10 articles par page)
 à voir selon le volume, c'est mieux avec de l'AJAX
 
@@ -64,6 +72,8 @@ plugin autosave de l'éditeur
 Editeur "inline" ou "balloon block"
 
 défense aux attaques par force brute quand l'attaquant multiplie les connexions au site
+-> limiter le nombre de connexions simultanées, exemple 3
+-> une fonction "déconnecter tous les appareils"
 
 Protection contre les falsifications de requête inter-site - CSRF
 connexion avec un jeton