-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Refactor: Update scripts paths, add sort selector, and improve popups…
… in index.html
- Loading branch information
Showing
1 changed file
with
156 additions
and
152 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,178 +1,182 @@ | ||
| <html lang="fr"> | ||
| <head> | ||
|
|
||
| <meta charset="UTF-8"/> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | ||
|
|
||
| <!-- Favicon --> | ||
| <link rel="icon" type="image/x-icon" href="./images/favicon.ico"/> | ||
|
|
||
| <!-- Styles --> | ||
| <link rel="stylesheet" href="./styles/styles.css"/> | ||
| <link rel="stylesheet" href="./styles/header.css"/> | ||
|
|
||
| <!-- Standard assets --> | ||
| <link rel="stylesheet" href="./styles/standard-assets/button.css"/> | ||
| <link rel="stylesheet" href="./styles/standard-assets/select.css"/> | ||
| <link rel="stylesheet" href="./styles/standard-assets/input.css"/> | ||
| <link rel="stylesheet" href="./styles/standard-assets/popup.css"/> | ||
| <link rel="stylesheet" href="./styles/standard-assets/card.css"/> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="./scripts/loadTeachers.js" defer></script> | ||
| <script src="./scripts/loadComments.js" defer></script> | ||
| <script src="./scripts/objectToFormData.js"></script> | ||
| <script src="./scripts/sendComment.js"></script> | ||
| <script src="./scripts/sendComment.js"></script> | ||
| <script src="./scripts/getComments.js"></script> | ||
| <script src="./scripts/getTeachers.js"></script> | ||
| <script src="./scripts/popup.js" defer></script> | ||
| <script src="./scripts/page.js" defer></script> | ||
| <script src="./scripts/sendRating.js"></script> | ||
| <script src="./scripts/getBann.js"></script> | ||
| <script src="./scripts/bann.js"></script> | ||
|
|
||
| <title>CESCOLEAKS</title> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Main header --> | ||
| <header class="main-header"> | ||
| <!-- Main title --> | ||
| <div class="main-header-title"> | ||
| <h1 class="main-header-title-text1">cesco.leaks</h1> | ||
| <h1 class="main-header-title-text2">cl</h1> | ||
| </div> | ||
| <!-- Search bar --> | ||
| <div class="main-header-search"> | ||
| <input id="searchBar" class="main-header-search-input" type="text" placeholder="chercher un prof"/> | ||
| <img class="main-header-search-img" src="./images/search.png" alt="search icon"/> | ||
| </div> | ||
|
|
||
| <!-- Request new teacher button --> | ||
| <button class="standard-button main-header-button" onclick="openPopup('addPopup')"> | ||
| <p class="main-header-button-text">nouveau prof</p> | ||
| <img class="main-header-button-img" src="./images/plus.png" alt="plus icon"/> | ||
| <head> | ||
|
|
||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
|
||
| <!-- Favicon --> | ||
| <link rel="icon" type="image/x-icon" href="./images/favicon.ico" /> | ||
|
|
||
| <!-- Styles --> | ||
| <link rel="stylesheet" href="./styles/styles.css" /> | ||
| <link rel="stylesheet" href="./styles/header.css" /> | ||
|
|
||
| <!-- Standard assets --> | ||
| <link rel="stylesheet" href="./styles/standard-assets/button.css" /> | ||
| <link rel="stylesheet" href="./styles/standard-assets/select.css" /> | ||
| <link rel="stylesheet" href="./styles/standard-assets/input.css" /> | ||
| <link rel="stylesheet" href="./styles/standard-assets/popup.css" /> | ||
| <link rel="stylesheet" href="./styles/standard-assets/card.css" /> | ||
|
|
||
| <!-- Scripts --> | ||
| <script src="./scripts/loadTeachers.js" defer></script> | ||
| <script src="./scripts/loadComments.js" defer></script> | ||
| <script src="./scripts/utils/objectToFormData.js"></script> | ||
| <script src="./scripts/sendComment.js"></script> | ||
| <script src="./scripts/sendComment.js"></script> | ||
| <script src="./scripts/getComments.js"></script> | ||
| <script src="./scripts/getTeachers.js"></script> | ||
| <script src="./scripts/popup.js" defer></script> | ||
| <script src="./scripts/page.js" defer></script> | ||
| <script src="./scripts/sendRating.js"></script> | ||
| <script src="./scripts/getBann.js"></script> | ||
| <script src="./scripts/bann.js"></script> | ||
|
|
||
| <title>CESCOLEAKS</title> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Main header --> | ||
| <header class="main-header"> | ||
| <!-- Main title --> | ||
| <div class="main-header-title"> | ||
| <h1 class="main-header-title-text1">cesco.leaks</h1> | ||
| <h1 class="main-header-title-text2">cl</h1> | ||
| </div> | ||
| <!-- Search bar --> | ||
| <div class="main-header-search"> | ||
| <input id="searchBar" class="main-header-search-input" type="text" placeholder="chercher un prof" /> | ||
| <img class="main-header-search-img" src="./images/search.png" alt="search icon" /> | ||
| </div> | ||
|
|
||
| <!-- Request new teacher button --> | ||
| <button class="standard-button main-header-button" onclick="openPopup('addPopup')"> | ||
| <p class="main-header-button-text">nouveau prof</p> | ||
| <img class="main-header-button-img" src="./images/plus.png" alt="plus icon" /> | ||
| </button> | ||
| </header> | ||
|
|
||
| <!-- Sort by score selector --> | ||
| <select id="sortTeachers" class="standard-select main-score-select"> | ||
| <option value="alphabet">A..Z</option> | ||
| <option value="best_score">Le meilleur score</option> | ||
| <option value="worst_score">Le pire score</option> | ||
| <option value="most_votes">Le plus de votes</option> | ||
| <option value="least_votes">Le moins de votes</option> | ||
| </select> | ||
|
|
||
| <!-- Professors cards --> | ||
| <main id="profCards"></main> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="main-footer"> | ||
| <button class="standard-button main-header-button" onclick="window.location.href='about.html'">À-propos</button> | ||
| <button class="standard-button main-header-button" onclick="window.location.href='rules.html'">Règles</button> | ||
| <p class="main-footer-text">An Anonymous production</p> | ||
| </footer> | ||
|
|
||
| <!----------------------------- Popups -----------------------------> | ||
| <div id="addPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section"> | ||
| <button class="standard-button standard-popup-close" onclick="closePopup('addPopup')"> | ||
| <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" /> | ||
| </button> | ||
| </header> | ||
|
|
||
| <!-- Sort by score selector --> | ||
| <select id="sortTeachers" class="standard-select main-score-select"> | ||
| <option value="alphabet">A..Z</option> | ||
| <option value="best_score">Le meilleur score</option> | ||
| <option value="worst_score">Le pire score</option> | ||
| <option value="most_votes">Le plus de votes</option> | ||
| <option value="least_votes">Le moins de votes</option> | ||
| </select> | ||
|
|
||
| <!-- Professors cards --> | ||
| <main id="profCards"></main> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="main-footer"> | ||
| <button class="standard-button main-header-button" onclick="window.location.href='about.html'">À-propos</button> | ||
| <button class="standard-button main-header-button" onclick="window.location.href='rules.html'">Règles</button> | ||
| <p class="main-footer-text">An Anonymous production</p> | ||
| </footer> | ||
|
|
||
| <!----------------------------- Popups -----------------------------> | ||
| <div id="addPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section"> | ||
| <button class="standard-button standard-popup-close" onclick="closePopup('addPopup')"> | ||
| <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" /> | ||
| </button> | ||
| <div class="standard-popup-whole-section-content add-popup"> | ||
| <form style="display: contents" method="post" action="api/newTeacher.php"> | ||
| <input name="name" class="standard-input insert-name" type="text" placeholder="Nom du prof." /> | ||
| <button type="submit" class="standard-button send-request" onclick="closePopup('addPopup')"> | ||
| Envoyer | ||
| </button> | ||
| </form> | ||
| <!-- <div class="select-image"> | ||
| <div class="standard-popup-whole-section-content add-popup"> | ||
| <form style="display: contents" method="post" action="api/newTeacher.php"> | ||
| <input name="name" class="standard-input insert-name" type="text" placeholder="Nom du prof." /> | ||
| <button type="submit" class="standard-button send-request" onclick="closePopup('addPopup')"> | ||
| Envoyer | ||
| </button> | ||
| </form> | ||
| <!-- <div class="select-image"> | ||
| <input id="uploadPhoto" class="upload-photo" type="file"> | ||
| <img id="previewImage" class="preview-image" src="./images/upload.png"> | ||
| </div> --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="commentPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section comment-popup"> | ||
| <button class="standard-button standard-popup-close comment-popup" onclick="closePopup('commentPopup')"> | ||
| <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" /> | ||
| </button> | ||
| <div class="standard-popup-whole-section-content comment-popup"> | ||
| <div id="commentsPlace" class="standard-popup-whole-section-content-messages"> | ||
| <p>Il n'y a pas de commentaires pour le moment...</p> | ||
| </div> | ||
| <div class="standard-popup-whole-section-content-send-messages"> | ||
| <input id="commentContentInput" type="text" class="standard-input send-message" /> | ||
| <button id="sendCommentButton" class="standard-button send-message"> | ||
| Envoyer | ||
| </button> | ||
| </div> | ||
| <div id="commentPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section comment-popup"> | ||
| <button class="standard-button standard-popup-close comment-popup" onclick="closePopup('commentPopup')"> | ||
| <img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" /> | ||
| </button> | ||
| <div class="standard-popup-whole-section-content comment-popup"> | ||
| <div id="commentsPlace" class="standard-popup-whole-section-content-messages"> | ||
| <p>Il n'y a pas de commentaires pour le moment...</p> | ||
| </div> | ||
| <div class="standard-popup-whole-section-content-send-messages"> | ||
| <input id="commentContentInput" type="text" class="standard-input send-message" /> | ||
| <button id="sendCommentButton" class="standard-button send-message"> | ||
| Envoyer | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="ratingPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section rating-popup"> | ||
| <button class="standard-button standard-popup-close comment-popup other" onclick="closePopup('ratingPopup')"> | ||
| <img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg" | ||
| alt="close icon" /> | ||
| </button> | ||
| <div class="standard-popup-whole-section-content rating-popup"> | ||
| <div class="score"> | ||
| <p class="score-title">Humour</p> | ||
| <div class="score-value"> | ||
| <input id="ratingHumor" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText2">5</p> | ||
| </div> | ||
| <div id="ratingPopup" class="standard-popup"> | ||
| <div class="standard-popup-whole-section rating-popup"> | ||
| <button class="standard-button standard-popup-close comment-popup other" onclick="closePopup('ratingPopup')"> | ||
| <img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg" | ||
| alt="close icon" /> | ||
| </button> | ||
| <div class="standard-popup-whole-section-content rating-popup"> | ||
| <div class="score"> | ||
| <p class="score-title">Humour</p> | ||
| <div class="score-value"> | ||
| <input id="ratingHumor" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText2">5</p> | ||
| </div> | ||
| <div class="score"> | ||
| <p class="score-title">Qualité des cours</p> | ||
| <div class="score-value"> | ||
| <input id="ratingTeachingQuality" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText3">5</p> | ||
| </div> | ||
| </div> | ||
| <div class="score"> | ||
| <p class="score-title">Qualité des cours</p> | ||
| <div class="score-value"> | ||
| <input id="ratingTeachingQuality" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText3">5</p> | ||
| </div> | ||
| <div class="score"> | ||
| <p class="score-title">Sympathie</p> | ||
| <div class="score-value"> | ||
| <input id="ratingKindness" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText4">5</p> | ||
| </div> | ||
| </div> | ||
| <div class="score"> | ||
| <p class="score-title">Sympathie</p> | ||
| <div class="score-value"> | ||
| <input id="ratingKindness" class="value" type="range" min="1" max="10" value="5" /> | ||
| <p id="ratingText4">5</p> | ||
| </div> | ||
| <button id="voteRatingButton" class="standard-button save-ratings"> | ||
| Voter | ||
| </button> | ||
| </div> | ||
| <button id="voteRatingButton" class="standard-button save-ratings"> | ||
| Voter | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="standard-popup" id="alertPopup"> | ||
| <div class="standard-popup-whole-section-content alert"> | ||
| <p>Votre vote a été mis a jour</p> | ||
| <!-- PUT EVERYTHING YOU WANT FOR EROR --> | ||
| <button class="standard-button alert" onclick="closePopup('alertPopup')">Fermer</button> | ||
| </div> | ||
| <div class="standard-popup" id="alertPopup"> | ||
| <div class="standard-popup-whole-section-content alert"> | ||
| <p>Votre vote a été mis a jour</p> | ||
| <!-- PUT EVERYTHING YOU WANT FOR EROR --> | ||
| <button class="standard-button alert" onclick="closePopup('alertPopup')">Fermer</button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="standard-popup" id="welcomePopup"> | ||
| <div class="standard-popup-whole-section-content about"> | ||
| <h1>Bienvenue sur CESCOLEAKS !</h1> | ||
| <p>Nous vous invitons à prendre connaissance, avant d'utiliser le site, du règlement. Si vous voulez comprendre d'un point de vue plus fondamental les objectifs de CESCOLEAKS, vous pouvez consulter notre page "À propos".</p> | ||
|
|
||
| <div class="about-link"> | ||
| <a target="_blank" rel="noopener noreferrer" href="about.html">À-propos de CESCOLEAKS</a> | ||
| <a target="_blank" rel="noopener noreferrer" href="rules.html">Règlement de CESCOLEAKS</a> | ||
| </div> | ||
|
|
||
| <button class="standard-button about" onclick="closeWelcomePopup('welcomePopup')">J'ai lu et accepté les règles</button> | ||
|
|
||
| <div class="standard-popup" id="welcomePopup"> | ||
| <div class="standard-popup-whole-section-content about"> | ||
| <h1>Bienvenue sur CESCOLEAKS !</h1> | ||
| <p>Nous vous invitons à prendre connaissance, avant d'utiliser le site, du règlement. Si vous voulez comprendre | ||
| d'un point de vue plus fondamental les objectifs de CESCOLEAKS, vous pouvez consulter notre page "À propos".</p> | ||
|
|
||
| <div class="about-link"> | ||
| <a target="_blank" rel="noopener noreferrer" href="about.html">À-propos de CESCOLEAKS</a> | ||
| <a target="_blank" rel="noopener noreferrer" href="rules.html">Règlement de CESCOLEAKS</a> | ||
| </div> | ||
|
|
||
| <button class="standard-button about" onclick="closeWelcomePopup('welcomePopup')">J'ai lu et accepté les | ||
| règles</button> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </body> | ||
| </html> |