New Route that feeds live image data

application/dashboard/templates/live.html

@@ -0,0 +1,15 @@
+{%extends 'base.html' %}
+
+{% block content %}
+<div class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
+    <img id="live_feed" src="{{url_for('dash.live_image')}}" alt="live_feed">
+</div>
+
+
+<script>
+    setInterval(() => {
+        const img = document.getElementById('live_feed');
+        img.src = `/dash/live_image?t=${Date.now()}`;
+    }, 1000);  // every 1 second
+</script>
+{% endblock %}

application/dashboard/views.py

@@ -1,4 +1,11 @@
-from flask import Blueprint, render_template, request, jsonify, flash
+from flask import (
+    Blueprint,
+    render_template,
+    request,
+    jsonify,
+    flash,
+    send_from_directory,
+)
 from application.dashboard.models import AllowedPlate, LoggedItem
 from application import db
 from application.dashboard.forms import npForm
@@ -48,3 +55,20 @@ def add():
     return render_template(
         "add.html", form=npForm(formdata=None), plates=Plates
     )
+
+
+@dash_blueprint.route("/live", methods=["GET"])
+@login_required
+def live():
+    return render_template("live.html")
+
+
+@dash_blueprint.route("/live_image", methods=["GET"])
+@login_required
+def live_image():
+    return send_from_directory(
+        "static/live",
+        "feed.png",
+        as_attachment=False,
+        conditional=True,
+    )