Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Develop #24

Closed
wants to merge 36 commits into from
Closed
Changes from 1 commit
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
0e87ac2
feat afficher le backend sur la page
Katd3v May 11, 2023
69c6eb0
creation page ProjetApiDataProvider
Katd3v May 15, 2023
785ed1d
creation des categories avec css
Katd3v May 17, 2023
bac3918
creation des boutons du filtre
Katd3v May 18, 2023
66a9462
creation page evenListener
Katd3v May 19, 2023
18a1958
correction eventlistener
Katd3v May 19, 2023
bee92d6
création de la page HTML et CSS de Login
Katd3v May 21, 2023
ab7f51a
develop page login.js avec fetch et eventListener
Katd3v May 23, 2023
19abdcb
modification requete post
Katd3v May 23, 2023
5252cd6
correction page login.js
Katd3v May 24, 2023
c706ae4
correction des fonctions en static sur toutes les pages
Katd3v May 24, 2023
d1e38d3
correction function postUserLogin
Katd3v May 25, 2023
950766c
ajout éléments hidden dans index.html
Katd3v May 25, 2023
c1f9b98
ajout de la fonction listenToken
Katd3v May 25, 2023
90e1881
ajout de la modale html
Katd3v May 25, 2023
d74597f
correction nom des classes et id
Katd3v May 26, 2023
043c156
ajout de la modale html + CSS
Katd3v May 26, 2023
5616c84
création de la fonction displayModal + style CSS des projets dans la …
Katd3v May 26, 2023
475f416
correction et ajustement CSS de la modale
Katd3v May 28, 2023
0609da2
ajout de la deuxième modale html + CSS
Katd3v May 28, 2023
df83b5e
ajout eventLisner afin d'agir sur la modale : fonction dysplayModal
Katd3v May 29, 2023
c14b62a
ajout eventListener pour recuperer id au click
Katd3v May 30, 2023
f271b01
ajout fonctionalité sur deleteprojects + correction css modale
Katd3v May 31, 2023
5a3a15d
ajout fonction OpenModal, closeModal, removeProject et suppression fo…
Katd3v Jun 4, 2023
1355659
ajout fonction previewProject + saveProject
Katd3v Jun 5, 2023
a8e2907
ajout ModalBuiler.selectCategoryID + modification HTML formulaire + m…
Katd3v Jun 6, 2023
f1eb4b6
ajout saveProject + POST project
Katd3v Jun 6, 2023
73d0700
modification fonction previewProject + fonction saveProject
Katd3v Jun 8, 2023
d588653
ajout message d'erreur log + disabled
Katd3v Jun 9, 2023
4955e74
formData + methode POST
Katd3v Jun 11, 2023
72304b1
correction saveProject, et addNewProjects + ajout activeSubmit + corr…
Katd3v Jun 14, 2023
4508a43
ajout CSS errorMessage + errorLoging
Katd3v Jun 15, 2023
3ca0938
correction button submit + message erreur
Katd3v Jun 16, 2023
03184cb
correction style image modale
Katd3v Jun 16, 2023
19bb68e
correction css modale + correction message d'erreur loging
Katd3v Jun 18, 2023
bc547d5
amelioration methode saveProject
Katd3v Jun 21, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
ajout ModalBuiler.selectCategoryID + modification HTML formulaire + m…
…odification CSS formulaire
Katd3v committed Jun 6, 2023
commit a8e290752576f31967d18c039267009d56a33cb0
19 changes: 10 additions & 9 deletions FrontEnd/assets/style.css
Original file line number Diff line number Diff line change
@@ -217,10 +217,6 @@ body {
/*********** Modale ajout photo ************/

/** conteneur pour ajouter l'image **/
.modal-ajout-picture {
width: 100%;
height: 100%;
}
/** bouton retour à la modale galerie **/
.return-modal-gallery {
position: absolute;
@@ -237,7 +233,8 @@ body {
width: 100%;
height: 100%;
}
/** conteneur ajout de l'image **/

/** conteneur ajout de l'image + label/input + submit **/
.picture-modal-contain {
position: absolute;
width: 420px;
@@ -252,11 +249,15 @@ body {
left: 50%;
transform: translate(-50%, -50%);
}
.modal-ajout-picture {
width: 100%;
height: 100%;
}
#imagePreview {
min-width: 70px;
min-height: 70px;
}
.picture-modal-contain button {
#buttonAddProject {
width: 175px;
height: 40px;
padding: auto;
@@ -267,7 +268,7 @@ body {
color: #306685;
cursor: pointer;
}
.picture-modal-contain p {
.textPreview {
font-size: 10px;
color: #444444;
}
@@ -294,7 +295,7 @@ body {
}
.picture-modal hr {
position: absolute;
bottom: 150px;
bottom: 170px;
}
#submitPicture {
position: absolute;
@@ -305,7 +306,7 @@ body {
transform: translate(-50%, -50%);
padding: 10px 49px;
color: #fff;
bottom: 70px;
bottom: 60px;
width: 240px;
cursor: pointer;
}
39 changes: 19 additions & 20 deletions FrontEnd/index.html
Original file line number Diff line number Diff line change
@@ -29,28 +29,27 @@ <h3>Galerie photo</h3>
<button class="return-modal-gallery"><img src="./assets/icons/arrow-left-long-solid.svg" alt="icône flêche return"></button>
<h3>Ajout photo</h3>
<div class="picture-modal">
<div class="picture-modal-contain">
<img class="iconePreview" src="./assets/icons/icons-image.png" alt="icône d'une image">
<form runat="server">
<input class="hidden" type="file" accept="image/*" id="imageInput" required>
<img id="imagePreview" class="hidden" src="#" alt="your project">
<div>
<form action="" class="formSubmit">
<div runat="server" class="picture-modal-contain">
<img class="iconePreview" src="./assets/icons/icons-image.png" alt="icône d'une image">
<input class="hidden" type="file" accept="image/*" id="imageInput" name="picture">
<img id="imagePreview" class="hidden" src="#" alt="your project">
<button id="buttonAddProject">+ Ajouter photo</button>
<p class="textPreview">jpg, png : 4mo max</p>
</div>
<div class="input-modal-picture">
<label for="titlePicture">Titre</label>
<input type="text" name="titlePicture" id="title-picture">
<label for="categorie-picture">Catégorie</label>
<select name="categories" id="categorie-picture">
<option value=""></option>
</select>
</div>
<hr>
<input type="submit" id="submitPicture" value="Valider"></input>
</form>
<button id="buttonAddProject">+ Ajouter photo</button>
<p class="texte-Preview">jpg, png : 4mo max</p>
</div>
<div class="input-modal-picture">
<label for="title-picture">Titre</label>
<input type="text" name="title-picture" id="title-picture" required>
<label for="categorie-picture">Catégorie</label>
<select name="categories" id="categorie-picture" required>
<option value=""></option>
<option value="objet">Objets</option>
<option value="appartement">Appartements</option>
<option value="bar & restaurant">Hôtels & Restaurant</option>
</select>
</div>
<hr>
<button type="submit" id="submitPicture">Valider</button>
</div>
</div>
</div>