-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
187 lines (167 loc) · 7.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<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/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-footer-button" onclick="window.location.href='about.html'">À-propos</button>
<button class="standard-button main-footer-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-teacher-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 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>
<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">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>
<button id="voteRatingButton" class="standard-button save-ratings">
Voter
</button>
</div>
</div>
</div>
<!-- Alert popup -->
<div id="alertPopup" class="standard-popup">
<div class="standard-popup-whole-section">
<div class="standard-popup-whole-section-content alert-popup">
<h1 class="alert-text"><!-- Insert alert text --> Votre vote a été mis a jour</h1>
<button class="standard-button alert-button" onclick="closePopup('alertPopup')">fermer</button>
</div>
</div>
</div>
<!-- Welcome popup -->
<div id="welcomePopup" class="standard-popup">
<div class="standard-popup-whole-section welcome-popup">
<div class="standard-popup-whole-section-content welcome-popup">
<h1 class="welcome-title">Bienvenue sur CESCOLEAKS !</h1>
<p class="welcome-text">CESCOLEAKS est un site web permettant aux élèves de CESCOLE de donner leur avis sur
leurs professeurs et de leur attribuer une note.<br><br> 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="welcome-links">
<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 welcome-button" onclick="closeWelcomePopup('welcomePopup')">j'ai lu et accepté le
règlement</button>
</div>
</div>
</div>
</body>
</html>