modification des titres, aperçus et dates des news

4 files changed, 67 insertions, 21 deletions

diff --git a/src/view/ArticleBuilder.php b/src/view/ArticleBuilder.php
index 6c2f63c..f86f9bd 100644
--- a/src/view/ArticleBuilder.php
+++ b/src/view/ArticleBuilder.php
@@ -25,7 +25,7 @@ class ArticleBuilder extends AbstractBuilder
             // partage
             $share_link = new URL(['page' => CURRENT_PAGE], $id);
             $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
-            $share_button = '<p><a href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a></p>' . "\n";
+            $share_button = '<a class="share" href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a>' . "\n";
 
             // modifier un article
             $admin_buttons = '';
diff --git a/src/view/NewBuilder.php b/src/view/NewBuilder.php
index 94823bd..acde8b4 100644
--- a/src/view/NewBuilder.php
+++ b/src/view/NewBuilder.php
@@ -20,14 +20,23 @@ class NewBuilder extends AbstractBuilder
             // html, date
             $title = $node->getArticle()->getTitle();
             $preview = $node->getArticle()->getPreview();
+            
+            // lettre au début de l'id: i = article, p = preview, t = title, d = date
             $id = $node->getArticleTimestamp();
+            $id_title = $id;
+            $id_title[0] = 't';
+            $id_preview = $id;
+            $id_preview[0] = 'p';
+            $id_date = $id;
+            $id_date[0] = 'd';
+
             $content = '';
 
             // page article unique
             if(Director::$page_path->getLast()->getEndOfPath() === 'article')
             {
                 $content = $node->getArticle()->getContent();
-                $from_to_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'accueil']) . '"><button>Retour page d\'accueil</button></a></p>';
+                $from_to_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'accueil']) . '"><button>Page<br>d\'accueil</button></a></p>';
             }
             // page d'accueil (avec des news)
             else
@@ -38,32 +47,59 @@ class NewBuilder extends AbstractBuilder
             
             $date_object = $node->getArticle()->getDateTime(); // class DateTime
             $date = 'le ' . str_replace(':', 'h', $date_object->format('d-m-Y à H:i'));
+            //$date = str_replace(':', 'h', $date_object->format('d-m-Y à H:i'));
 
             // partage
             $share_link = new URL(['page' => CURRENT_PAGE], $id);
             isset($_GET['id']) ? $share_link->addParams(['id' => $_GET['id']]) : '';
             $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
-            $share_button = '<p><a href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a></p>' . "\n";
+            $share_button = '<a class="share" href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a>' . "\n";
 
             // modifier un article
+            $title_buttons = '';
+            $preview_buttons = '';
+            $article_buttons = '';
+            $date_buttons = '';
             $admin_buttons = '';
             if($_SESSION['admin'])
             {
                 if(Director::$page_path->getLast()->getEndOfPath() === 'article'){
-                    $modify_js = 'onclick="openEditor(\'' . $id . '\', \'article\')"';
-                    $modify_article = '<p id="edit-' . $id . '"><a href="#"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></a></p>' . "\n";
+                    $title_js = 'onclick="openEditor(\'' . $id_title . '\', \'article\')"';
+                    $modify_title = '<p id="edit-' . $id_title . '"><a href="#"><button ' . $title_js . '><img class="action_icon" src="assets/edit.svg">Titre</button></a></p>' . "\n";
+                    $close_js_title = 'onclick="closeEditor(\'' . $id_title . '\', \'article\', \'preview\')"';
+                    $close_editor_title = '<p id="cancel-' . $id_title . '" class="hidden"><a href="#"><button ' . $close_js_title . '>Annuler</button></a></p>';
+                    $submit_js_title = 'onclick="submitArticle(\'' . $id_title . '\', \'article\')"';
+                    $submit_title = '<p id="submit-' . $id_title . '" class="hidden"><a href="#"><button ' . $submit_js_title . '>Valider</button></a></p>';
+                    $title_buttons = '<div class="button_zone">' . $modify_title . $close_editor_title . $submit_title . '</div>';
+
+                    $preview_js = 'onclick="openEditor(\'' . $id_preview . '\', \'article\')"';
+                    $modify_preview = '<p id="edit-' . $id_preview . '"><a href="#"><button ' . $preview_js . '><img class="action_icon" src="assets/edit.svg">Aperçu</button></a></p>' . "\n";
+                    $close_js_preview = 'onclick="closeEditor(\'' . $id_preview . '\', \'article\', \'preview\')"';
+                    $close_editor_preview = '<p id="cancel-' . $id_preview . '" class="hidden"><a href="#"><button ' . $close_js_preview . '>Annuler</button></a></p>';
+                    $submit_js_preview = 'onclick="submitArticle(\'' . $id_preview . '\', \'article\')"';
+                    $submit_preview = '<p id="submit-' . $id_preview . '" class="hidden"><a href="#"><button ' . $submit_js_preview . '>Valider</button></a></p>';
+                    $preview_buttons = '<div class="button_zone">' . $modify_preview . $close_editor_preview . $submit_preview . '</div>';
+
+                    $article_js = 'onclick="openEditor(\'' . $id . '\', \'article\')"';
+                    $modify_article = '<p id="edit-' . $id . '"><a href="#"><button ' . $article_js . '><img class="action_icon" src="assets/edit.svg">Article</button></a></p>' . "\n";
+                    $close_js_article = 'onclick="closeEditor(\'' . $id . '\', \'article\')"';
+                    $close_editor_article = '<p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js_article . '>Annuler</button></a></p>';
+                    $submit_js_article = 'onclick="submitArticle(\'' . $id . '\', \'article\')"';
+                    $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js_article . '>Valider</button></a></p>';
+                    $article_buttons = '<div class="button_zone">' . $modify_article . $close_editor_article . $submit_article . '</div>';
+
+                    $date_js = 'onclick="changeDate(\'' . $id_date . '\', \'article\');';
+                    $modify_date = '<p id="edit-' . $id_date . '"><a href="#"><button ' . $date_js . '"><img class="action_icon" src="assets/edit.svg">Date</button></a></p>' . "\n";
+                    $close_js_date = 'onclick="closeInput(\'' . $id_date . '\')"';
+                    $close_editor_date = '<p id="cancel-' . $id_date . '" class="hidden"><a href="#"><button ' . $close_js_date . '>Annuler</button></a></p>';
+                    $submit_js_date = 'onclick="submitDate(\'' . $id_date . '\')"';
+                    $submit_date = '<p id="submit-' . $id_date . '" class="hidden"><a href="#"><button ' . $submit_js_date . '>Valider</button></a></p>';
+                    $date_buttons = '<div class="button_zone">' . $modify_date . $close_editor_date . $submit_date . '</div>';
 
-                    $up_button = '';
-                    $down_button = '';
-                    
                     $delete_js = 'onclick="deleteArticle(\'' . $id . '\', \'' . CURRENT_PAGE . '\')"';
-                    $delete_article = '<p id="delete-' . $id . '"><a href="#"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></a></p>' . "\n";
-                    
-                    $close_js = 'onclick="closeEditor(\'' . $id . '\', \'article\')"';
-                    $close_editor = '<p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
-                    
-                    $submit_js = 'onclick="submitArticle(\'' . $id . '\', \'article\')"';
-                    $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p>';
+                    $delete_article = '<p id="delete-' . $id . '"><a href="#"><button ' . $delete_js . '"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '>Retirer<br>la publication</button></a></p>' . "\n";
+
+                    $admin_buttons = $delete_article;
                 }
                 else{
                     $modify_article = '<p id="edit-' . $id . '"></p>' . "\n";
@@ -81,8 +117,10 @@ class NewBuilder extends AbstractBuilder
                     $submit_article = '<p id="submit-' . $id . '" class="hidden"></p>';
 
                     $submit_article = '<p id="submit-' . $id . '" class="hidden"></p>';
+
+                    $admin_buttons = $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
                 }
-                $admin_buttons = $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
+                
             }
 
             ob_start();
diff --git a/src/view/templates/article.php b/src/view/templates/article.php
index d34697e..f3ab32f 100644
--- a/src/view/templates/article.php
+++ b/src/view/templates/article.php
@@ -1,7 +1,6 @@
 <article>
     <div class="article_content">
         <div class="article_title_zone">
-            <h4><?= $title ?></h4>
             <?= $share_button ?>
         </div>
         <div id="<?= $id ?>" class="html_from_editor">
diff --git a/src/view/templates/new.php b/src/view/templates/new.php
index 9dd8969..9515c70 100644
--- a/src/view/templates/new.php
+++ b/src/view/templates/new.php
@@ -1,20 +1,29 @@
 <article>
     <div class="new_content">
         <div class="article_title_zone">
-            <h4><?= $title ?></h4>
             <?= $share_button ?>
+            <div id="<?= $id_title ?>">
+                <?= $title ?>
+            </div>
+            <?= $title_buttons ?>
         </div>
-        <div class="new_content_text">
+        <div id="<?= $id_preview ?>" class="new_content_text">
             <?= $preview ?>
         </div>
+        <?= $preview_buttons ?>
         <div id="<?= $id ?>" class="article_content_text">
             <?= $content ?>
         </div>
+        <?= $article_buttons ?>
         <div class="under_an_article">
-            <p><img src="assets/calendar.svg"><?= $date ?></p>
-            <?= $from_to_button ?>
+            <p>
+                <img src="assets/calendar.svg">
+                <span id="<?= $id_date ?>"><?= $date ?></span>
+            </p>
         </div>
+        <?= $date_buttons ?>
         <div class="article_admin_zone">
+            <?= $from_to_button ?>
             <?= $admin_buttons ?>
         </div>
     </div>