feat: add edit movie rating and reviews

Author: kmhmubin

TopMovieList/app.py

@@ -1,4 +1,5 @@
 from flask import Flask, render_template, request, url_for, redirect
+from flask_bootstrap import Bootstrap
 from flask_sqlalchemy import SQLAlchemy
 from flask_wtf import FlaskForm
 from wtforms import StringField, SubmitField
@@ -10,6 +11,8 @@
 # secret key
 app.secret_key = b'\xb9\xd6\xc7\xc4\xb5\xf0\xc4y\xc6\xb0\r\xc3`!\xca~'
 
+Bootstrap(app)
+
 # creating db
 app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///movies.db'
 app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
@@ -31,21 +34,12 @@ class Movie(db.Model):
 db.create_all()
 
 
-# Add movie data manually for checking
-#
-# new_movie = Movie(
-#     title="Phone Booth",
-#     year=2002,
-#     description="Publicist Stuart Shepard finds himself trapped in a phone booth, pinned down by an extortionist's "
-#                 "sniper rifle. Unable to leave or receive outside help, Stuart's negotiation with the caller leads to a jaw-dropping climax.",
-#     rating=7.3,
-#     ranking=10,
-#     review="My favourite character was the caller.",
-#     img_url="https://image.tmdb.org/t/p/w500/tjrX2oWRCM3Tvarz38zlZM7Uc10.jpg"
-# )
-#
-# db.session.add(new_movie)
-# db.session.commit()
+# edit the rating and reviews
+
+class RateMovieForm(FlaskForm):
+    rating = StringField("Your Rating Out of 10 e.g. 7.5")
+    review = StringField("Your Review")
+    submit = SubmitField("Done")
 
 
 @app.route('/')
@@ -55,5 +49,22 @@ def home():
     return render_template('index.html', movies=all_movies)
 
 
+@app.route('/edit', methods=["GET", "POST"])
+def rate_movie():
+    # inherit form the class
+    form = RateMovieForm()
+    # get the id
+    movie_id = request.args.get('id')
+    # check with db
+    movie = Movie.query.get(movie_id)
+    # if the id match then update
+    if form.validate_on_submit():
+        movie.rating = float(form.rating.data)
+        movie.review = form.review.data
+        db.session.commit()
+        return redirect(url_for('home'))
+    return render_template('edit.html', movie=movie, form=form)
+
+
 if __name__ == '__main__':
     app.run()

TopMovieList/templates/base.html

@@ -0,0 +1,48 @@
+{% extends 'bootstrap/base.html' %}
+{% import 'bootstrap/wtf.html' as wtf %}
+
+{% block styles %}
+    {{ super() }}
+
+    <!-- Google Fonts -->
+
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+
+    <!-- Font Awesome CSS -->
+    <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
+            integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
+            crossorigin="anonymous"
+    />
+
+    <!-- Custom CSS Styling -->
+    <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/styles.css') }}"
+    />
+{% endblock %}
+
+{% block title %} Edit Rating & Reviews {% endblock %}
+
+{% block content %}
+
+    <div class="content">
+        <h1 class="heading">{{ movie.title }}</h1>
+        <p class="description">Edit Movie Rating & Reviews</p>
+
+        {{ wtf.quick_form(form, novalidate=True) }}
+    </div>
+
+{% endblock %}

TopMovieList/templates/edit.html

@@ -1,6 +1,41 @@
 {# Base style #}
-{% extends 'base.html' %}
+{% extends 'bootstrap/base.html' %}
 
+{#Custom style #}
+
+{% block styles %}
+    {# inherit style from bootstrap #}
+    {{ super() }}
+    <!-- Google Fonts -->
+
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+    <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css?family=Poppins:300,400,700"
+    />
+
+    <!-- Font Awesome CSS -->
+    <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
+            integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
+            crossorigin="anonymous"
+    />
+
+    <!-- Custom CSS Styling -->
+    <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/styles.css') }}"
+    />
+
+{% endblock %}
 {# page title #}
 
 {% block title %} MY Top 10 Moives {% endblock %}
@@ -25,7 +60,7 @@ <h1 class="heading">My Top 10 Movies</h1>
                         <p class="review">"{{ movie.review }}"</p>
                         <p class="overview">{{ movie.description }}</p>
 
-                        <a href="#" class="button">Update</a>
+                        <a href="{{ url_for('rate_movie', id=movie.id) }}" class="button">Update</a>
                         <a href="#" class="button delete-button">Delete</a>
 
                     </div>