Skip to content

Commit c2b8674

Browse files
hoangsonwwhoangsonww
committed
Update: Enhanced app functionalities (#196)
1 parent 93655bd commit c2b8674

File tree

136 files changed

+856
-147
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

136 files changed

+856
-147
lines changed

‎404.html

+1
Original file line numberDiff line numberDiff line change
@@ -248,6 +248,7 @@
248248
clearInterval(statRotationInterval);
249249
updateStatDisplay();
250250
statRotationInterval = setInterval(updateStatDisplay, 3000);
251+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
251252
});
252253
}
253254

‎MovieVerse-Frontend/css/style.css

+118
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,124 @@ body {
4444
text-decoration: none;
4545
}
4646

47+
.cast-list {
48+
display: flex;
49+
flex-wrap: wrap;
50+
justify-content: center;
51+
gap: 10px;
52+
overflow: hidden !important;
53+
}
54+
55+
.cast-item {
56+
display: inline-flex;
57+
flex-direction: column;
58+
align-items: center;
59+
text-align: center;
60+
width: 115px;
61+
margin: 5px;
62+
overflow: hidden;
63+
border-radius: 8px;
64+
}
65+
66+
.cast-image {
67+
width: 100%;
68+
height: 155px;
69+
object-fit: fill;
70+
border-radius: 5px;
71+
margin-bottom: 5px;
72+
}
73+
74+
.cast-item:hover {
75+
transform: scale(1.05);
76+
transition: transform 0.3s ease, box-shadow 0.3s ease;
77+
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
78+
cursor: pointer;
79+
}
80+
81+
.cast-details {
82+
width: 100%;
83+
}
84+
85+
.actor-name, .actor-role {
86+
font-size: 12px;
87+
margin: 0;
88+
}
89+
90+
.director-section {
91+
display: flex;
92+
align-items: center;
93+
gap: 10px;
94+
justify-content: center;
95+
flex-wrap: wrap;
96+
}
97+
98+
.director-link {
99+
display: flex;
100+
align-items: center;
101+
text-align: center;
102+
}
103+
104+
.director-link .cast-item {
105+
display: flex;
106+
flex-direction: column;
107+
align-items: center;
108+
text-align: center;
109+
}
110+
111+
.director-link .cast-image {
112+
width: 100%;
113+
height: 155px;
114+
margin-bottom: 5px;
115+
}
116+
117+
.director-link .actor-name {
118+
font-size: 12px;
119+
}
120+
121+
.creators-list {
122+
display: flex;
123+
flex-wrap: wrap;
124+
justify-content: center;
125+
gap: 10px;
126+
overflow: hidden !important;
127+
}
128+
129+
.creator-item {
130+
display: inline-flex;
131+
flex-direction: column;
132+
align-items: center;
133+
text-align: center;
134+
width: 115px;
135+
margin: 5px;
136+
overflow: hidden;
137+
border-radius: 8px;
138+
}
139+
140+
.creator-image {
141+
width: 100%;
142+
height: 155px;
143+
object-fit: fill;
144+
border-radius: 5px;
145+
margin-bottom: 5px;
146+
}
147+
148+
.creator-item:hover {
149+
transform: scale(1.05);
150+
transition: transform 0.3s ease, box-shadow 0.3s ease;
151+
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
152+
cursor: pointer;
153+
}
154+
155+
.creator-details {
156+
width: 100%;
157+
}
158+
159+
.creator-name {
160+
font-size: 12px;
161+
margin: 0;
162+
word-break: break-word;
163+
}
164+
47165
#movie-match-btn {
48166
position: fixed;
49167
bottom: 220px;

‎MovieVerse-Frontend/html/about.html

+1
Original file line numberDiff line numberDiff line change
@@ -852,6 +852,7 @@ <h3 id="subheading4" style="cursor: pointer">Useful Links:</h3>
852852
clearInterval(statRotationInterval);
853853
updateStatDisplay();
854854
statRotationInterval = setInterval(updateStatDisplay, 3000);
855+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
855856
});
856857
}
857858

‎MovieVerse-Frontend/html/analytics.html

+13-13
Original file line numberDiff line numberDiff line change
@@ -391,51 +391,51 @@ <h1 id="my-heading" style="margin-bottom: -10px">
391391

392392
<div class="chart-container" style="margin-bottom: 250px">
393393
<div class="chart-box">
394-
<h2 class="chart-title">Number of Movies Released Each Year</h2>
394+
<h2 class="chart-title" id="chart-title1" style="cursor: pointer">Number of Movies Released Each Year</h2>
395395
<canvas id="chart1"></canvas>
396396
</div>
397397
<div class="chart-box">
398-
<h2 class="chart-title">Popularity of Genres</h2>
398+
<h2 class="chart-title" id="chart-title2" style="cursor: pointer">Popularity of Genres</h2>
399399
<canvas id="chart2"></canvas>
400400
</div>
401401
<div class="chart-box">
402-
<h2 class="chart-title">Movies Distribution by Certification</h2>
402+
<h2 class="chart-title" id="chart-title3" style="cursor: pointer">Movies Distribution by Certification</h2>
403403
<canvas id="chart3"></canvas>
404404
</div>
405405
<div class="chart-box">
406-
<h2 class="chart-title">Average Movie Popularity Over Time</h2>
406+
<h2 class="chart-title" id="chart-title4" style="cursor: pointer">Average Movie Popularity Over Time</h2>
407407
<canvas id="chart4"></canvas>
408408
</div>
409409
<div class="chart-box">
410-
<h2 class="chart-title">Movies Count by Original Language</h2>
410+
<h2 class="chart-title" id="chart-title5" style="cursor: pointer">Movies Count by Original Language</h2>
411411
<canvas id="chart5"></canvas>
412412
</div>
413413
<div class="chart-box">
414-
<h2 class="chart-title">Average Vote Count by Genre</h2>
414+
<h2 class="chart-title" id="chart-title6" style="cursor: pointer">Average Vote Count by Genre</h2>
415415
<canvas id="chart6"></canvas>
416416
</div>
417417
<div class="chart-box">
418-
<h2 class="chart-title">Movie Releases by Month</h2>
418+
<h2 class="chart-title" id="chart-title7" style="cursor: pointer">Movie Releases by Month</h2>
419419
<canvas id="chart7"></canvas>
420420
</div>
421421
<div class="chart-box">
422-
<h2 class="chart-title">Movie Releases by Decades</h2>
422+
<h2 class="chart-title" id="chart-title8" style="cursor: pointer">Movie Releases by Decades</h2>
423423
<canvas id="chart8"></canvas>
424424
</div>
425425
<div class="chart-box">
426-
<h2 class="chart-title">Movie Releases by Countries</h2>
426+
<h2 class="chart-title" id="chart-title9" style="cursor: pointer">Movie Releases by Countries</h2>
427427
<canvas id="chart9"></canvas>
428428
</div>
429-
<div class="chart-box">
430-
<h2 class="chart-title">Top Rated Movies per Year</h2>
429+
<div class="chart-box" id="chart-title1">
430+
<h2 class="chart-title" id="chart-title10" style="cursor: pointer">Top Rated Movies per Year</h2>
431431
<canvas id="chart11"></canvas>
432432
</div>
433433
<div class="chart-box">
434-
<h2 class="chart-title">Total Movie Votes Over Years</h2>
434+
<h2 class="chart-title" id="chart-title11" style="cursor: pointer">Total Movie Votes Over Years</h2>
435435
<canvas id="chartVotesOverYears"></canvas>
436436
</div>
437437
<div class="chart-box">
438-
<h2 class="chart-title">Highly Rated Movies Over Years</h2>
438+
<h2 class="chart-title" id="chart-title12" style="cursor: pointer">Highly Rated Movies Over Years</h2>
439439
<canvas id="chartHighlyRatedMovies"></canvas>
440440
</div>
441441
</div>

‎MovieVerse-Frontend/html/api_fails.html

+1
Original file line numberDiff line numberDiff line change
@@ -232,6 +232,7 @@
232232
clearInterval(statRotationInterval);
233233
updateStatDisplay();
234234
statRotationInterval = setInterval(updateStatDisplay, 3000);
235+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
235236
});
236237
}
237238

‎MovieVerse-Frontend/html/chat.html

+1
Original file line numberDiff line numberDiff line change
@@ -936,6 +936,7 @@ <h3>Recent & Suggested Chats</h3>
936936
clearInterval(statRotationInterval);
937937
updateStatDisplay();
938938
statRotationInterval = setInterval(updateStatDisplay, 3000);
939+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
939940
});
940941
}
941942

‎MovieVerse-Frontend/html/create-account.html

+1
Original file line numberDiff line numberDiff line change
@@ -946,6 +946,7 @@ <h2>Create Account</h2>
946946
clearInterval(statRotationInterval);
947947
updateStatDisplay();
948948
statRotationInterval = setInterval(updateStatDisplay, 3000);
949+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
949950
});
950951
}
951952

‎MovieVerse-Frontend/html/feedback.html

+1
Original file line numberDiff line numberDiff line change
@@ -299,6 +299,7 @@
299299
clearInterval(statRotationInterval);
300300
updateStatDisplay();
301301
statRotationInterval = setInterval(updateStatDisplay, 3000);
302+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
302303
});
303304
}
304305

‎MovieVerse-Frontend/html/movie-details.html

+9-9
Original file line numberDiff line numberDiff line change
@@ -343,14 +343,8 @@ <h3>Your Rating:</h3>
343343
<span class="star" data-value="4" title="Good to know that this is a decent movie to watch">&#9733;</span>
344344
<span class="star" data-value="5" title="Great to see that you're enjoying this movie! It'll be added to your favorites list">&#9733;</span>
345345
</div>
346-
<span id="rating-value" style="margin-top: 10px"><strong>0.0/5.0</strong></span>
347-
</div>
348-
349-
<!-- Right side for Description and Rating -->
350-
<div class="movie-right" style="margin-top: -15px">
351-
<p id="movie-description" class="movie-description" style="margin-top: -60px"></p>
352-
<h2 id="movie-rating" class="movie-rating"></h2>
353-
<div id="comments-section" style="margin-top: 75px">
346+
<span id="rating-value" style="margin-top: 10px">0.0/5.0</span>
347+
<div id="comments-section">
354348
<h3>Movie Comments</h3>
355349
<div id="comments-container"></div>
356350
<!-- Toggle Buttons -->
@@ -379,9 +373,15 @@ <h3>Add a Comment for This Movie</h3>
379373
</div>
380374
</div>
381375
</div>
376+
377+
<!-- Right side for Description and Rating -->
378+
<div class="movie-right" style="position: relative; overflow: hidden">
379+
<p id="movie-description" class="movie-description" style="margin-bottom: 290px; margin-top: -180px;"></p>
380+
<h2 id="movie-rating" class="movie-rating"></h2>
381+
</div>
382382
</div>
383383

384-
<div id="ad-container" style="text-align: center; cursor: pointer; background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); margin: 20px auto; padding: 10px; border-radius: 8px; width: auto; max-width: calc(100% - 40px); margin-top: 50px" title="Displaying ads helps us maintain our websites, servers, and databases to provide you with free services. Thank you for your support!">
384+
<div id="ad-container" style="text-align: center; cursor: pointer; background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); margin: 20px auto; padding: 10px; border-radius: 8px; width: auto; max-width: calc(100% - 40px); margin-top: -20px" title="Displaying ads helps us maintain our websites, servers, and databases to provide you with free services. Thank you for your support!">
385385
<p style="margin: 0;">Advertisement</p>
386386
<ins class="adsbygoogle"
387387
style="display: block; width: 100%;"

‎MovieVerse-Frontend/html/notifications.html

+1
Original file line numberDiff line numberDiff line change
@@ -1093,6 +1093,7 @@ <h2 style="cursor: pointer">Popular Directors</h2>
10931093
clearInterval(statRotationInterval);
10941094
updateStatDisplay();
10951095
statRotationInterval = setInterval(updateStatDisplay, 3000);
1096+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
10961097
});
10971098
}
10981099

‎MovieVerse-Frontend/html/reset-password.html

+1
Original file line numberDiff line numberDiff line change
@@ -510,6 +510,7 @@ <h2>Reset Password</h2>
510510
clearInterval(statRotationInterval);
511511
updateStatDisplay();
512512
statRotationInterval = setInterval(updateStatDisplay, 3000);
513+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
513514
});
514515
}
515516

‎MovieVerse-Frontend/html/search.html

-4
Original file line numberDiff line numberDiff line change
@@ -90,10 +90,6 @@
9090
#ad-container {
9191
display: block !important;
9292
}
93-
94-
#ad-container1 {
95-
display: block !important;
96-
}
9793
</style>
9894
<style>
9995
#translate_control {

‎MovieVerse-Frontend/html/settings.html

+1
Original file line numberDiff line numberDiff line change
@@ -1043,6 +1043,7 @@ <h2>Change Font Size</h2>
10431043
clearInterval(statRotationInterval);
10441044
updateStatDisplay();
10451045
statRotationInterval = setInterval(updateStatDisplay, 3000);
1046+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
10461047
});
10471048
}
10481049

‎MovieVerse-Frontend/html/sign-in.html

+1
Original file line numberDiff line numberDiff line change
@@ -829,6 +829,7 @@ <h2>Sign In</h2>
829829
clearInterval(statRotationInterval);
830830
updateStatDisplay();
831831
statRotationInterval = setInterval(updateStatDisplay, 3000);
832+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
832833
});
833834
}
834835

‎MovieVerse-Frontend/html/support.html

+1
Original file line numberDiff line numberDiff line change
@@ -285,6 +285,7 @@
285285
clearInterval(statRotationInterval);
286286
updateStatDisplay();
287287
statRotationInterval = setInterval(updateStatDisplay, 3000);
288+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
288289
});
289290
}
290291

‎MovieVerse-Frontend/html/trivia.html

+1
Original file line numberDiff line numberDiff line change
@@ -693,6 +693,7 @@ <h3>Trivia Results</h3>
693693
clearInterval(statRotationInterval);
694694
updateStatDisplay();
695695
statRotationInterval = setInterval(updateStatDisplay, 3000);
696+
localTimeDiv.scrollIntoView({ behavior: 'smooth' });
696697
});
697698
}
698699

0 commit comments

Comments
 (0)