changed to add dynamic index

app.py

@@ -3,8 +3,6 @@ import gradio as gr
 import pandas as pd
 from datasets import load_dataset
 from datasets import Dataset
-
-
 import os
 from huggingface_hub import login
 
@@ -14,8 +12,6 @@ hf_token = os.getenv("WRITE_TOKEN")
 # Authenticate using the secret token
 login(token=hf_token)
 
-
-
 # Load the dataset from Hugging Face Datasets
 data = load_dataset('moizmoizmoizmoiz/MovieRatingDB', split='train')
 
@@ -95,7 +91,7 @@ def display_movie(action, profile):
         **Box Office:** {movie['BoxOffice']}
         """,
         "current_rating": f"Your Rating: {movie[profile]}",
-        "index_display": f'<span class="index-display">{current_index[0] + 1}/{len(data_df)}</span>'
+        "index_display": f'{current_index[0] + 1}'
     }
     return details["title"], details["poster_content"], details["ratings"], details["details"], details["current_rating"], details["index_display"]
 
@@ -123,18 +119,31 @@ def not_watched():
 
     return display_movie("stay", profile)
 
+def jump_to_index(index, profile):
+    # Ensure the input index is valid
+    try:
+        index = int(index) - 1  # Convert to zero-based index
+    except ValueError:
+        index = current_index[0]  # If invalid, keep the current index
+
+    # Update the index only if within range
+    if 0 <= index < len(data_df):
+        current_index[0] = index
+
+    # Display the movie details for the selected index
+    return display_movie("stay", profile)
+
 # Define Gradio interface with external CSS file
 with gr.Blocks(css_paths="styles.css") as app:
     gr.Markdown("## 🎬 Movie Database Viewer 🎬")
 
     with gr.Row():
-        # Profile selector and movie index with blank columns in between
-        movie_index_display = gr.Markdown("1/250", elem_id="movie-index")
+        # Profile selector and movie index
+        movie_index_input = gr.Textbox(
+            value="1", label="Go to Movie Index", interactive=True, elem_id="movie-index-input"
+        )
 
-        # Adding two blank columns
         blank_column_1 = gr.Column(scale=1, elem_id="blank-column-1")
-        blank_column_2 = gr.Column(scale=1, elem_id="blank-column-2")
-        blank_column_3 = gr.Column(scale=1, elem_id="blank-column-3")
 
         profile_selector = gr.Dropdown(
             choices=['moiz', 'udisha', 'musab'], 
@@ -157,50 +166,49 @@ with gr.Blocks(css_paths="styles.css") as app:
         rating_slider = gr.Slider(0, 10, step=0.25, label="Rate this movie:", elem_id="rating-slider", interactive=True, scale=2)
 
     with gr.Row():
-       
         not_watched_button = gr.Button("🚫 Not Watched")
-        
         blank_column_1 = gr.Column(scale=1, elem_id="blank-column-1")
-
-        
         submit_button = gr.Button("✅ Submit Rating")
 
     with gr.Row():
-        # Two blank columns between previous and next buttons
         prev_button = gr.Button("⬅️ Previous", scale=1)
-        
         blank_column_1 = gr.Column(scale=2, elem_id="blank-column-1")
         blank_column_2 = gr.Column(scale=2, elem_id="blank-column-2")
-
         next_button = gr.Button("Next ➡️", scale=1)
 
     # Interactivity for buttons
     profile_selector.change(
         display_movie,
         inputs=[gr.Text(value="stay", visible=False), profile_selector],
-        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_display]
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
     )
 
     prev_button.click(
         display_movie,
         inputs=[gr.Text(value="prev", visible=False), profile_selector],
-        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_display]
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
     )
     next_button.click(
         display_movie,
         inputs=[gr.Text(value="next", visible=False), profile_selector],
-        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_display]
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
     )
 
     submit_button.click(
         submit_rating,
         inputs=rating_slider,
-        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_display]
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
     )
 
     not_watched_button.click(
         not_watched,
-        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_display]
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
+    )
+
+    movie_index_input.submit(
+        jump_to_index,
+        inputs=[movie_index_input, profile_selector],
+        outputs=[title, poster, ratings, movie_details, user_rating, movie_index_input]
     )
 
 app.launch()