Final: Enhance app functionalities (#196)

hoangsonww · Sep 8, 2024 · d12635d · d12635d
1 parent 84ecc3c
commit d12635d
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 5 deletions.
diff --git a/MovieVerse-Frontend/js/actor-details.js b/MovieVerse-Frontend/js/actor-details.js
@@ -289,7 +289,10 @@ async function populateActorDetails(actor, credits) {
 
       const movieTitle = document.createElement('p');
       movieTitle.classList.add('movie-title');
-      movieTitle.textContent = movie.title;
+      const movieTitleWords = movie.title.split(' ');
+      const truncatedMovieTitle = movieTitleWords.length > 5 ? movieTitleWords.slice(0, 5).join(' ') + ' ...' : movie.title;
+      movieTitle.textContent = truncatedMovieTitle;
+
       movieDetails.appendChild(movieTitle);
 
       movieItem.appendChild(movieDetails);

diff --git a/MovieVerse-Frontend/js/company-details.js b/MovieVerse-Frontend/js/company-details.js
@@ -714,7 +714,11 @@ function displayCompanyMovies(movies) {
 
     const movieTitle = document.createElement('p');
     movieTitle.classList.add('movie-title');
-    movieTitle.textContent = movie.title;
+    const movieTitleWords = movie.title.split(' ');
+    const truncatedMovieTitle = movieTitleWords.length > 5 ? movieTitleWords.slice(0, 5).join(' ') + ' ...' : movie.title;
+
+    movieTitle.textContent = truncatedMovieTitle;
+
     movieDetails.appendChild(movieTitle);
 
     movieItem.appendChild(movieDetails);

diff --git a/MovieVerse-Frontend/js/director-details.js b/MovieVerse-Frontend/js/director-details.js
@@ -303,7 +303,11 @@ async function populateDirectorDetails(director, credits) {
 
       const movieTitle = document.createElement('p');
       movieTitle.classList.add('movie-title');
-      movieTitle.textContent = movie.title;
+      const movieTitleWords = movie.title.split(' ');
+      const truncatedMovieTitle = movieTitleWords.length > 5 ? movieTitleWords.slice(0, 5).join(' ') + ' ...' : movie.title;
+
+      movieTitle.textContent = truncatedMovieTitle;
+
       movieDetails.appendChild(movieTitle);
 
       movieItem.appendChild(movieDetails);

diff --git a/MovieVerse-Frontend/js/movie-details.js b/MovieVerse-Frontend/js/movie-details.js
@@ -1287,7 +1287,10 @@ async function populateMovieDetails(movie, imdbRating, rtRating, metascore, awar
 
       const similarMovieTitle = document.createElement('p');
       similarMovieTitle.classList.add('actor-name');
-      similarMovieTitle.textContent = similarMovie.title;
+      const titleWords = similarMovie.title.split(' ');
+      const truncatedTitle = titleWords.length > 5 ? titleWords.slice(0, 5).join(' ') + ' ...' : similarMovie.title;
+      similarMovieTitle.textContent = truncatedTitle;
+
       similarMovieDetails.appendChild(similarMovieTitle);
 
       similarMovieItem.appendChild(similarMovieDetails);

diff --git a/MovieVerse-Frontend/js/tv-details.js b/MovieVerse-Frontend/js/tv-details.js
@@ -1135,7 +1135,10 @@ async function populateTvSeriesDetails(tvSeries, imdbRating, rated) {
 
       const similarTvName = document.createElement('p');
       similarTvName.classList.add('similar-tv-name');
-      similarTvName.textContent = similarTv.name;
+      const tvNameWords = similarTv.name.split(' ');
+      const truncatedTvName = tvNameWords.length > 5 ? tvNameWords.slice(0, 5).join(' ') + ' ...' : similarTv.name;
+      similarTvName.textContent = truncatedTvName;
+
       similarTvDetails.appendChild(similarTvName);
 
       similarTvItem.appendChild(similarTvDetails);