-
-
-
-
+
+
+
+
+
+
+
+
+
+
+ AFL Analytics
+
+
+ Real-time match insights & player analytics
+
+
-
-
- AFL Analytics
-
-
- Real-time match insights & player analytics
-
+
+
+
+ {isLive ? "LIVE" : "OFFLINE"}
+
+ {userEmail && (
+
+ Welcome, {userEmail}
+
+ )}
+
+
-
-
-
- {isLive ? "LIVE" : "OFFLINE"}
-
- {userEmail && (
-
- Welcome, {userEmail}
-
- )}
-
-
-
-
+
-
);
}
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/AddPlayer.tsx b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/AddPlayer.tsx
new file mode 100644
index 000000000..191d9b941
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/AddPlayer.tsx
@@ -0,0 +1,445 @@
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import MobileNavigation from "@/components/MobileNavigation";
+import { apiRequest } from "../lib/api";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Save, UserPlus } from "lucide-react";
+
+export default function AddPlayer() {
+ const navigate = useNavigate();
+
+ const [formData, setFormData] = useState({
+ name: "",
+ team: "",
+ position: "",
+ photo: "",
+ kicks: "0",
+ handballs: "0",
+ marks: "0",
+ tackles: "0",
+ goals: "0",
+ efficiency: "75",
+ age: "",
+ height: "",
+ weight: "",
+ jerseyNumber: "",
+ inside50s: "",
+ disposals: "",
+ teamLogo: "",
+ notes: "",
+ });
+
+ const [errors, setErrors] = useState<{
+ name?: string;
+ team?: string;
+ position?: string;
+ }>({});
+
+ const [errorMessage, setErrorMessage] = useState("");
+ const [successMessage, setSuccessMessage] = useState("");
+ const [isSaving, setIsSaving] = useState(false);
+
+ const handleChange = (field: string, value: string) => {
+ setFormData((prev) => ({
+ ...prev,
+ [field]: value,
+ }));
+
+ setErrors((prev) => ({
+ ...prev,
+ [field]: "",
+ }));
+
+ setErrorMessage("");
+ };
+
+ const handleImageUpload = (event: React.ChangeEvent
) => {
+ const file = event.target.files?.[0];
+ if (!file) return;
+
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ setFormData((prev) => ({
+ ...prev,
+ photo: reader.result as string,
+ }));
+ };
+ reader.readAsDataURL(file);
+ };
+
+ const validateForm = () => {
+ const newErrors: {
+ name?: string;
+ team?: string;
+ position?: string;
+ } = {};
+
+ if (!formData.name.trim()) {
+ newErrors.name = "Player name is required.";
+ }
+
+ if (!formData.team) {
+ newErrors.team = "Please select a team.";
+ }
+
+ if (!formData.position) {
+ newErrors.position = "Please select a position.";
+ }
+
+ setErrors(newErrors);
+ return Object.keys(newErrors).length === 0;
+ };
+
+ const handleSavePlayer = async () => {
+ setErrorMessage("");
+ setSuccessMessage("");
+
+ if (!validateForm()) return;
+
+ setIsSaving(true);
+
+ try {
+ await apiRequest("http://localhost:8000/players", {
+ method: "POST",
+ body: JSON.stringify({
+ name: formData.name,
+ team: formData.team,
+ position: formData.position,
+ photo: formData.photo || "/players/dummy-player.png",
+ kicks: Number(formData.kicks),
+ handballs: Number(formData.handballs),
+ marks: Number(formData.marks),
+ tackles: Number(formData.tackles),
+ goals: Number(formData.goals),
+ efficiency: Number(formData.efficiency),
+ age: Number(formData.age || 0),
+ height: formData.height,
+ weight: formData.weight,
+ jerseyNumber: Number(formData.jerseyNumber || 0),
+ inside50s: Number(formData.inside50s || 0),
+ disposals: Number(formData.disposals || 0),
+ teamLogo: formData.teamLogo,
+ notes: formData.notes,
+ }),
+ });
+
+ setSuccessMessage("Player added successfully.");
+ console.log("Player added successfully");
+
+ setTimeout(() => {
+ navigate("/afl-dashboard");
+ }, 800);
+ } catch (err: any) {
+ setErrorMessage(err.message || "Unable to save player.");
+ console.error("Player save failed");
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ Add New Player
+
+
+ Add a new player into the AFL analytics system
+
+
+
+
+
+
+
+
+
+
+ Player Details
+
+
+
+
+ {errorMessage && (
+ {errorMessage}
+ )}
+
+ {successMessage && (
+ {successMessage}
+ )}
+
+
+
+ Basic Information
+
+
+
+
+
+
handleChange("name", e.target.value)}
+ placeholder="Enter player name"
+ className={
+ errors.name
+ ? "border-red-500 focus-visible:ring-red-500"
+ : ""
+ }
+ />
+ {errors.name && (
+
{errors.name}
+ )}
+
+
+
+
+
+ {errors.team && (
+
{errors.team}
+ )}
+
+
+
+
+
+ {errors.position && (
+
{errors.position}
+ )}
+
+
+
+
+
+ {formData.photo && (
+
+ )}
+
+
+
+
+ handleChange("age", e.target.value)}
+ />
+
+
+
+
+ handleChange("height", e.target.value)}
+ placeholder="e.g. 193 cm"
+ />
+
+
+
+
+ handleChange("weight", e.target.value)}
+ placeholder="e.g. 93 kg"
+ />
+
+
+
+
+
+ handleChange("jerseyNumber", e.target.value)
+ }
+ />
+
+
+
+
+ Performance Stats
+
+
+
+
+
+ Extra Details
+
+
+
+
+
+ handleChange("notes", e.target.value)}
+ placeholder="Extra details"
+ />
+
+
+
+
+
+
);
-}
+}
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/PlayerPerformance.tsx b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/PlayerPerformance.tsx
index e0f02ebde..ee614f8c4 100644
--- a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/PlayerPerformance.tsx
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/client/pages/PlayerPerformance.tsx
@@ -64,6 +64,7 @@ import {
Eye,
Star,
} from "lucide-react";
+import { useNavigate } from "react-router-dom";
// Comprehensive player data with enhanced AFL statistics
const generatePlayerData = () => {
@@ -100,8 +101,7 @@ const generatePlayerData = () => {
age: 28,
height: "1.93m",
weight: "92kg",
- photo:
- "https://cdn.builder.io/api/v1/image/assets%2Faf9aef6647464a4bb798d09aa34aaa76%2F35a79c1a43bd4be1a3d3d6a95b0b1a79?format=webp&width=100",
+ photo: "/image.png",
stats: {
kicks: 28,
handballs: 12,
@@ -149,8 +149,7 @@ const generatePlayerData = () => {
age: 35,
height: "1.78m",
weight: "78kg",
- photo:
- "https://cdn.builder.io/api/v1/image/assets%2Faf9aef6647464a4bb798d09aa34aaa76%2F35a79c1a43bd4be1a3d3d6a95b0b1a79?format=webp&width=100",
+ photo: "/image.png",
stats: {
kicks: 31,
handballs: 14,
@@ -199,8 +198,7 @@ const generatePlayerData = () => {
age: Math.floor(Math.random() * 15) + 20,
height: `1.${Math.floor(Math.random() * 30) + 70}m`,
weight: `${Math.floor(Math.random() * 30) + 75}kg`,
- photo:
- "https://cdn.builder.io/api/v1/image/assets%2Faf9aef6647464a4bb798d09aa34aaa76%2F35a79c1a43bd4be1a3d3d6a95b0b1a79?format=webp&width=100",
+ photo: "/image.png",
stats: {
kicks: Math.floor(Math.random() * 20) + 15,
handballs: Math.floor(Math.random() * 15) + 5,
@@ -260,8 +258,8 @@ export default function PlayerPerformance() {
const [isPlaying, setIsPlaying] = useState(false);
const ENABLE_LIVE_FEATURES = true;
- const [players, setPlayers] = useState(generatePlayerData());
- const [selectedPlayer, setSelectedPlayer] = useState(players[0]);
+ const [players, setPlayers] = useState
([]);
+ const [selectedPlayer, setSelectedPlayer] = useState(null);
const [comparisonPlayer, setComparisonPlayer] = useState(players[1]);
const [searchTerm, setSearchTerm] = useState("");
const [selectedTeam, setSelectedTeam] = useState("all");
@@ -269,7 +267,100 @@ export default function PlayerPerformance() {
const [chartType, setChartType] = useState<
"possession" | "performance" | "comparison"
>("possession");
+ const [selectedVideo, setSelectedVideo] = useState(null);
+ const [uploadStatus, setUploadStatus] = useState("");
+ const [jobs, setJobs] = useState([]);
+ const token = localStorage.getItem("token");
+ const [jobStatus, setJobStatus] = useState("");
+ const [jobId, setJobId] = useState("");
+ const [jobError, setJobError] = useState("");
+ const uploadVideo = async (file: File) => {
+ const formData = new FormData();
+ formData.append("file", file);
+
+ const res = await fetch("http://localhost:8000/upload", {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ body: formData,
+ });
+
+
+ const data = await res.json();
+ console.log("UPLOAD RESULT:", data);
+ return data.job_id;
+};
+
+const fetchJobs = async () => {
+ const res = await fetch("http://localhost:8000/jobs?page=1&limit=10", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ const data = await res.json();
+ console.log("JOBS:", data);
+ return data.jobs;
+};
+
+const handleUpload = async () => {
+ if (!selectedVideo) {
+ setUploadStatus("Please choose a video first");
+ return;
+ }
+
+ setUploadStatus("Uploading...");
+ setJobStatus("processing");
+
+ try {
+ const id = await uploadVideo(selectedVideo);
+ setJobId(id);
+ setUploadStatus(`Upload complete. Job ID: ${id}`);
+ setJobStatus("done");
+
+ const latestJobs = await fetchJobs();
+ setJobs(latestJobs || []);
+ } catch (err) {
+ console.error(err);
+ setJobStatus("failed");
+ setJobError("Upload failed. Please try again.");
+ }
+};
+
+
+ useEffect(() => {
+ fetch("http://localhost:8000/api/players")
+ .then((res) => res.json())
+ .then((data) => {
+ console.log("API DATA:", data);
+
+ const playerList = Array.isArray(data)
+ ? data
+ : Array.isArray(data.data)
+ ? data.data
+ : Array.isArray(data.players)
+ ? data.players
+ : [];
+
+ setPlayers(playerList.length > 0 ? playerList : generatePlayerData());
+ })
+ .catch((err) => {
+ console.error("API ERROR:", err);
+ setPlayers(generatePlayerData());
+ });
+}, []);
+
+ useEffect(() => {
+ if (players.length > 0) {
+ setSelectedPlayer(players[0]);
+ setComparisonPlayer(players[1] || players[0]);
+ }
+ }, [players]);
+
+
+
// Simulate live data updates
useEffect(() => {
if (!isLive || !isPlaying) return;
@@ -293,6 +384,10 @@ export default function PlayerPerformance() {
return () => clearInterval(interval);
}, [isLive, isPlaying]);
+ if (!selectedPlayer) {
+ return Loading player data...
;
+ }
+
const filteredPlayers = players.filter(
(player) =>
player.name.toLowerCase().includes(searchTerm.toLowerCase()) &&
@@ -370,6 +465,31 @@ export default function PlayerPerformance() {
return teamColors[team] || "#6B7280";
};
+ const getTeamLogo = (team: string) => {
+ const teamLogos: Record = {
+ "Western Bulldogs": "/team-logos/western-bulldogs.svg",
+ Richmond: "/team-logos/richmond.svg",
+ Geelong: "/team-logos/geelong.svg",
+ Melbourne: "/team-logos/melbourne.svg",
+ Carlton: "/team-logos/carlton.svg",
+ Adelaide: "/team-logos/adelaide.svg",
+ "West Coast": "/team-logos/west-coast.svg",
+ Collingwood: "/team-logos/collingwood.svg",
+ Essendon: "/team-logos/essendon.svg",
+ Fremantle: "/team-logos/fremantle.svg",
+ Brisbane: "/team-logos/brisbane.svg",
+ Sydney: "/team-logos/sydney.svg",
+ "St Kilda": "/team-logos/st-kilda.svg",
+ "Port Adelaide": "/team-logos/port-adelaide.svg",
+ "North Melbourne": "/team-logos/north-melbourne.svg",
+ "Gold Coast": "/team-logos/gold-coast.svg",
+ "GWS Giants": "/team-logos/gws-giants.svg",
+ Hawthorn: "/team-logos/hawthorn.svg",
+ };
+
+ return teamLogos[team] || "/team-logos/default.svg";
+ };
+
const StatCard = ({
title,
value,
@@ -437,10 +557,24 @@ export default function PlayerPerformance() {
className="h-24 rounded-t-lg relative"
style={{ backgroundColor: getTeamColor(player.team) }}
>
-
-
#{player.number}
-
{player.team}
+
+
+
})
{
+ e.currentTarget.src = "/team-logos/default.svg";
+ }}
+ />
+
+
+
+
#{player.number}
+
{player.team}
+
+
{player.stats.disposals}
DISPOSALS
@@ -465,6 +599,7 @@ export default function PlayerPerformance() {
)}
+
{player.name}
{player.position}
@@ -531,64 +666,113 @@ export default function PlayerPerformance() {
+
Backend Integration Test
+
+
setSelectedVideo(e.target.files?.[0] || null)}
+ />
+
+
+
Status: {jobStatus}
+
+ {jobStatus === "processing" &&
Processing video...
}
+ {jobStatus === "done" &&
Processing completed successfully.
}
+ {jobStatus === "failed" &&
{jobError}
}
+
+ {jobStatus === "partial" && (
+
+ )}
+
{uploadStatus}
+
+ {jobs.map((job) => (
+
+
Job ID: {job.job_id}
+
Status: {job.status}
+
+ ))}
+
+
+ {ENABLE_LIVE_FEATURES && (
+
+ )}
+
+
+
+
- setSelectedStat("Players Active")}
- />
+ setSelectedStat("Players Active")}
+ />
- sum + p.stats.goals, 0)}
- icon={Target}
- color="green"
- trend="up"
- active={selectedStat === "Total Goals"}
- onClick={() => setSelectedStat("Total Goals")}
- />
+ sum + p.stats.goals, 0)}
+ icon={Target}
+ color="green"
+ trend="up"
+ active={selectedStat === "Total Goals"}
+ onClick={() => setSelectedStat("Total Goals")}
+ />
- 0
- ? Math.round(
- filteredPlayers.reduce((sum, p) => sum + p.stats.efficiency, 0) /
- filteredPlayers.length
- )
- : 0
- }%`}
- icon={Activity}
- color="purple"
- trend="stable"
- active={selectedStat === "Avg Efficiency"}
- onClick={() => setSelectedStat("Avg Efficiency")}
- />
+ 0
+ ? Math.round(
+ filteredPlayers.reduce(
+ (sum, p) => sum + p.stats.efficiency,
+ 0,
+ ) / filteredPlayers.length,
+ )
+ : 0
+ }%`}
+ icon={Activity}
+ color="purple"
+ trend="stable"
+ active={selectedStat === "Avg Efficiency"}
+ onClick={() => setSelectedStat("Avg Efficiency")}
+ />
- sum + p.stats.disposals, 0)}
- icon={BarChart3}
- color="orange"
- trend="up"
- active={selectedStat === "Total Disposals"}
- onClick={() => setSelectedStat("Total Disposals")}
- />
+ sum + p.stats.disposals,
+ 0,
+ )}
+ icon={BarChart3}
+ color="orange"
+ trend="up"
+ active={selectedStat === "Total Disposals"}
+ onClick={() => setSelectedStat("Total Disposals")}
+ />
{/* Search and Filters */}
@@ -992,4 +1176,4 @@ export default function PlayerPerformance() {
);
-}
+};
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/image.png b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/image.png
new file mode 100644
index 000000000..b317db96b
Binary files /dev/null and b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/image.png differ
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/adelaide.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/adelaide.svg
new file mode 100644
index 000000000..e92dcede1
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/adelaide.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/brisbane.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/brisbane.svg
new file mode 100644
index 000000000..c9ba996b5
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/brisbane.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/carlton.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/carlton.svg
new file mode 100644
index 000000000..b9ffba295
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/carlton.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/collingwood.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/collingwood.svg
new file mode 100644
index 000000000..c262a9c4c
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/collingwood.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/default.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/default.svg
new file mode 100644
index 000000000..f3e65f95d
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/default.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/essendon.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/essendon.svg
new file mode 100644
index 000000000..21d5e6e66
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/essendon.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/fremantle.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/fremantle.svg
new file mode 100644
index 000000000..555bc8ffe
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/fremantle.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/geelong.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/geelong.svg
new file mode 100644
index 000000000..7573f2093
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/geelong.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gold-coast.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gold-coast.svg
new file mode 100644
index 000000000..166b193e5
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gold-coast.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gws-giants.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gws-giants.svg
new file mode 100644
index 000000000..351a672b1
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/gws-giants.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/hawthorn.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/hawthorn.svg
new file mode 100644
index 000000000..5431e491a
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/hawthorn.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/melbourne.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/melbourne.svg
new file mode 100644
index 000000000..2f0ec6299
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/melbourne.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/north-melbourne.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/north-melbourne.svg
new file mode 100644
index 000000000..08c0590c2
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/north-melbourne.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/port-adelaide.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/port-adelaide.svg
new file mode 100644
index 000000000..e99b7dc00
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/port-adelaide.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/richmond.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/richmond.svg
new file mode 100644
index 000000000..b8aa0f184
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/richmond.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/st-kilda.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/st-kilda.svg
new file mode 100644
index 000000000..415409efe
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/st-kilda.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/sydney.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/sydney.svg
new file mode 100644
index 000000000..dff3ce77e
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/sydney.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/west-coast.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/west-coast.svg
new file mode 100644
index 000000000..5c39b1fae
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/west-coast.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/western-bulldogs.svg b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/western-bulldogs.svg
new file mode 100644
index 000000000..d33018f19
--- /dev/null
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/public/team-logos/western-bulldogs.svg
@@ -0,0 +1,6 @@
+
\ No newline at end of file
diff --git a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/src/App.jsx b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/src/App.jsx
index c9391dd35..f71ff7681 100644
--- a/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/src/App.jsx
+++ b/26_T1/afl_player_tracking_and_crowd_monitoring/frontend/src/App.jsx
@@ -69,6 +69,8 @@ const Dashboard = memo(function Dashboard({
const [analysisComplete, setAnalysisComplete] = useState(false)
const [analysisProgress, setAnalysisProgress] = useState(0)
const [analysisResults, setAnalysisResults] = useState(null)
+ const [uploadProgress, setUploadProgress] = useState(0)
+ const [jobId, setJobId] = useState(null)
const handleVideoUpload = (event) => {
const file = event.target.files[0]
@@ -79,34 +81,51 @@ const Dashboard = memo(function Dashboard({
}
}
- const startAnalysis = async () => {
+ const startAnalysis = async () => {
if (!uploadedVideo) return
- setIsAnalyzing(true)
- setAnalysisProgress(10)
-
try {
- const result = await uploadVideo(uploadedVideo)
-
- const jobId = result.job_id
-
- setAnalysisProgress(30)
-
- pollJob(jobId)
+ setIsAnalyzing(true)
+ setUploadProgress(0)
+
+ const token = localStorage.getItem("token")
+
+ // upload file
+ const response = await uploadVideo(
+ uploadedVideo,
+ token,
+ (progress) => {
+ setUploadProgress(progress)
+ }
+ )
+
+ console.log("Upload response:", response)
+
+ // save job_id
+ setJobId(response.job_id)
+
+ // immediately start polling
+ pollJob(response.job_id, token, {
+ onSuccess: (data) => {
+ console.log("Analysis complete:", data)
+
+ setAnalysisResults(data.results)
+ setAnalysisComplete(true)
+ setIsAnalyzing(false)
+ },
+
+ onError: (err) => {
+ console.error("Polling failed:", err)
+ setIsAnalyzing(false)
+ }
+ })
} catch (err) {
- console.error(err)
+ console.error("Upload failed:", err)
setIsAnalyzing(false)
}
}
- const resetAnalysis = () => {
- setUploadedVideo(null)
- setAnalysisComplete(false)
- setAnalysisResults(null)
- setAnalysisProgress(0)
- }
-
return (
{/* Left Sidebar */}
@@ -221,15 +240,21 @@ const Dashboard = memo(function Dashboard({