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.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 | } ) |