Has the ability to cancel adding a new video.

Author: mikeckennedy

code/ch4_app/ch4_final_video_collector/templates/videos/partials/add_video_form.html

@@ -1,10 +1,15 @@
-<form class="video-form fade-me-in fade-me-out" action="/videos/add/{{ category.category }}" method="POST">
+<form class="video-form fade-me-in fade-me-out" action="/videos/add/{{ cat_name }}" method="POST">
 
     <input type="text" class="form-control" name="id" placeholder="YouTube ID" required/>
     <input type="text" class="form-control" name="title" placeholder="Video title" required/>
     <input type="text" class="form-control" name="author" placeholder="Video author" required/>
     <input type="number" class="form-control" name="view_count" placeholder="View count" required/>
 
-    <button class="btn btn-danger" type="submit">Create</button>
+    <button class="btn btn-success" type="submit">Create</button>
+
+    <button class="btn btn-danger"
+            hx-get="/videos/cancel_add/{{ cat_name }}"
+            hx-target=".video-form"
+    >Cancel</button>
 
 </form>

code/ch4_app/ch4_final_video_collector/templates/videos/partials/show_add_form.html

@@ -0,0 +1,4 @@
+<a hx-get="/videos/add/{{ cat_name }}"
+   hx-swap="outerHTML swap:.25s"
+   class="fade-me-out"
+><i class="fas fa-plus-circle"></i> add a video</a>

code/ch4_app/ch4_final_video_collector/views/videos.py

@@ -23,6 +23,13 @@ def play(video_id: str):
     return vm.to_dict()
 
 
+@blueprint.get('/videos/add/<cat_name>')
+@response(template_file='videos/partials/add_video_form.html')
+def add_get(cat_name: str):
+    vm = AddViewViewModel(cat_name)
+    return vm.to_dict()
+
+
 @blueprint.post('/videos/add/<cat_name>')
 def add_post(cat_name: str):
     vm = AddViewViewModel(cat_name)
@@ -31,3 +38,10 @@ def add_post(cat_name: str):
     video_service.add_video(cat_name, vm.id, vm.title, vm.author, vm.view_count)
 
     return flask.redirect(f'/videos/category/{cat_name}')
+
+
+@blueprint.get('/videos/cancel_add/<cat_name>')
+@response(template_file='videos/partials/show_add_form.html')
+def cancel_add(cat_name: str):
+    vm = AddViewViewModel(cat_name)
+    return vm.to_dict()