diff options
| author | polo <ordipolo@gmx.fr> | 2021-09-08 02:09:34 +0200 |
|---|---|---|
| committer | polo <ordipolo@gmx.fr> | 2021-09-08 02:09:34 +0200 |
| commit | cdf1bda847edd3e22e9fe817a802219ad8e0f626 (patch) | |
| tree | adbe2b35e9741a5db74491c85914f4c03d3d4c99 /view | |
| parent | 9a552c6b751f25bac9e816cf605fb972da8b9e27 (diff) | |
| download | melaine-cdf1bda847edd3e22e9fe817a802219ad8e0f626.tar.gz melaine-cdf1bda847edd3e22e9fe817a802219ad8e0f626.tar.bz2 melaine-cdf1bda847edd3e22e9fe817a802219ad8e0f626.zip | |
vignette
Diffstat (limited to 'view')
| -rw-r--r-- | view/album.php | 2 | ||||
| -rw-r--r-- | view/discographie.php | 4 | ||||
| -rw-r--r-- | view/template-formulaires.php | 22 |
3 files changed, 11 insertions, 17 deletions
diff --git a/view/album.php b/view/album.php index 39d180a..921efaf 100644 --- a/view/album.php +++ b/view/album.php | |||
| @@ -30,6 +30,6 @@ ob_start(); | |||
| 30 | <?= $album ?> | 30 | <?= $album ?> |
| 31 | </article> | 31 | </article> |
| 32 | 32 | ||
| 33 | <p><a href="index.php?page=discographie" >Retour à la discographie</a></p> | 33 | <p><a class="linkAlbumHTML" href="index.php?page=discographie" >Retour à la discographie</a></p> |
| 34 | <?php | 34 | <?php |
| 35 | $content = ob_get_clean(); | 35 | $content = ob_get_clean(); |
diff --git a/view/discographie.php b/view/discographie.php index fcb788f..19e982b 100644 --- a/view/discographie.php +++ b/view/discographie.php | |||
| @@ -55,7 +55,7 @@ foreach($albumsJSON as $oneAlbum) | |||
| 55 | // mettre une adresse lorsqu'un fichier html existe | 55 | // mettre une adresse lorsqu'un fichier html existe |
| 56 | // si il n'existe pas, mettre une ancre vers l'endroit sur la page | 56 | // si il n'existe pas, mettre une ancre vers l'endroit sur la page |
| 57 | ?> | 57 | ?> |
| 58 | <p><a href="index.php?page=<?= $lienAlbum[$i] ?>" ><?= $oneAlbum[1] ?>: <?= $oneAlbum[0] ?></a></p> | 58 | <p><a class="<?= $linkDiscoChrono[$i] ?>" href="index.php?page=<?= $lienAlbum[$i] ?>" ><?= $oneAlbum[1] ?> <?= $oneAlbum[0] ?></a></p> |
| 59 | <?php | 59 | <?php |
| 60 | $i++; | 60 | $i++; |
| 61 | } | 61 | } |
| @@ -106,8 +106,6 @@ foreach($albumsJSON as $oneAlbum) | |||
| 106 | <?php | 106 | <?php |
| 107 | } | 107 | } |
| 108 | ?> | 108 | ?> |
| 109 | |||
| 110 | |||
| 111 | <figure> | 109 | <figure> |
| 112 | <img class="vignette" src="data/discographie/images/<?= $oneAlbum[2] ?>" alt="" > | 110 | <img class="vignette" src="data/discographie/images/<?= $oneAlbum[2] ?>" alt="" > |
| 113 | <figcaption><?= $oneAlbum[0] ?><br><?= $oneAlbum[1] ?></figcaption> | 111 | <figcaption><?= $oneAlbum[0] ?><br><?= $oneAlbum[1] ?></figcaption> |
diff --git a/view/template-formulaires.php b/view/template-formulaires.php index 7eb1bb5..391f729 100644 --- a/view/template-formulaires.php +++ b/view/template-formulaires.php | |||
| @@ -24,9 +24,9 @@ ob_start(); | |||
| 24 | <label for="titre" >Titre</label> | 24 | <label for="titre" >Titre</label> |
| 25 | <input type="text" name="titre" required ><br /> | 25 | <input type="text" name="titre" required ><br /> |
| 26 | <label for="annee" >Année</label> | 26 | <label for="annee" >Année</label> |
| 27 | <input type="text" name="annee" ><br /> | 27 | <input type="text" name="annee" required ><br /> |
| 28 | <label for="pochette" >Pochette du disque (jpg ou png)</label> | 28 | <label for="pochette" >Pochette du disque (jpg ou png)</label> |
| 29 | <input type="file" name="pochette" > | 29 | <input type="file" name="upload" > |
| 30 | <br /><br /> | 30 | <br /><br /> |
| 31 | <?php | 31 | <?php |
| 32 | $inputsAlbum = ob_get_clean(); | 32 | $inputsAlbum = ob_get_clean(); |
| @@ -37,7 +37,7 @@ ob_start(); | |||
| 37 | ?> | 37 | ?> |
| 38 | 38 | ||
| 39 | <div class="conteneur_article" > | 39 | <div class="conteneur_article" > |
| 40 | <form action="index.php?page=<?= $page_actuelle ?>&article=<?= $numArticle ?>&action=submit" method="post" > | 40 | <form action="index.php?page=<?= $page_actuelle ?>&article=<?= $numArticle ?>&action=submit" method="post" enctype="multipart/form-data" > |
| 41 | <?php | 41 | <?php |
| 42 | if($page_actuelle == 'discographie') | 42 | if($page_actuelle == 'discographie') |
| 43 | { | 43 | { |
| @@ -154,13 +154,12 @@ if($page_actuelle == 'discographie') | |||
| 154 | // "url": "https://example.com/images/foo.jpg" | 154 | // "url": "https://example.com/images/foo.jpg" |
| 155 | //} | 155 | //} |
| 156 | // cette url sert à deux choses: | 156 | // cette url sert à deux choses: |
| 157 | // - à télécharger l'image avant de la placer dans l'éditeur | 157 | // - à télécharger immédiatement l'image envoyée pour la placer dans l'éditeur |
| 158 | // - écrire le HTML qu'on enregistrera ensuite | 158 | // - à inclure l'adresse de l'image dans le HTML produit par l'éditeur |
| 159 | // en effet, le fichier est téléchargé sur le serveur avant de revenir dans l'éditeur comme un téléchargement classique | ||
| 160 | simpleUpload: { | 159 | simpleUpload: { |
| 161 | uploadUrl: 'imageAJAX.php?page=<?= $page_actuelle ?>', | 160 | uploadUrl: 'index.php?action=upload_image&page=<?= $page_actuelle ?>', |
| 162 | // noter qu'il est possible (parce que souhaitable je ne pense pas) d'envoyer une requête AJAX | 161 | // noter qu'il est possible (parce que souhaitable je ne pense pas) d'envoyer une requête AJAX |
| 163 | // en indiquant une adresse "statique" du type: fichier.txt ou .xml, jpg, png, etc | 162 | // en indiquant une adresse "statique" du type: fichier.txt ou .xml, jpg, png, etc, |
| 164 | 163 | ||
| 165 | // Headers supplémentaires envoyés avec la requête | 164 | // Headers supplémentaires envoyés avec la requête |
| 166 | // c'est ici qu'on installe les mécanismes de sécurités comme l'authentification et la protection au CSRF | 165 | // c'est ici qu'on installe les mécanismes de sécurités comme l'authentification et la protection au CSRF |
| @@ -171,11 +170,8 @@ if($page_actuelle == 'discographie') | |||
| 171 | }, | 170 | }, |
| 172 | // formats acceptés par défaut: jpeg, png, gif, bmp, webp, tiff | 171 | // formats acceptés par défaut: jpeg, png, gif, bmp, webp, tiff |
| 173 | // le svg n'est pas dans la liste, pour raison de sécurité apparemment, il parait qu'on peut mettre du javascript à l'intérieur | 172 | // le svg n'est pas dans la liste, pour raison de sécurité apparemment, il parait qu'on peut mettre du javascript à l'intérieur |
| 174 | 173 | // ce plugin est simple (JS pur) et n'oblige pas le serveur à disposer de l'extension GD | |
| 175 | // ce plugin a l'intérêt de ne pas imposer l'utilisation de l'extension GD de PHP, | 174 | // niveau perfs, on garde le choix d'utiler GD ou imagemagick ou un système d'onglets |
| 176 | // Reste qu'il sera quand même intéressant de l'ajouter pour le redimensionnement des images trop lourdes, | ||
| 177 | // quoi que le système d'onglets (limiter l'affichge à 5 ou 10 articles par page) règle aussi le problème d'une autre manière | ||
| 178 | |||
| 179 | 175 | ||
| 180 | // plugin autosave | 176 | // plugin autosave |
| 181 | } ) | 177 | } ) |
