Skip to content
Snippets Groups Projects
Commit dbc230e3 authored by Atharva Rajendra Sardar's avatar Atharva Rajendra Sardar
Browse files

Upload New File

parent 137e52b3
No related branches found
No related tags found
1 merge request!8Sprint2 frontend
Hide whitespace changes
Inline Side-by-side
Front-end/implementation/templates/index.html 0 → 100644
+ 222
− 0
View file @ dbc230e3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Uploader - Home</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
nav {
background-color: #2e3b4e;
width: 100%;
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
nav ul {
list-style-type: none;
padding: 0;
display: flex;
margin: 0;
}
nav li {
margin: 0 20px;
}
nav a {
text-decoration: none;
color: #ffffff;
font-weight: 600;
font-size: 16px;
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: #1a2533;
}
.search-bar {
display: flex;
align-items: center;
}
.search-bar input[type="text"] {
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
margin-right: 10px;
width: 200px;
}
.search-bar input[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
padding: 5px 10px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s;
}
.search-bar input[type="submit"]:hover {
background-color: #45a049;
}
.main-content-container {
display: flex;
justify-content: space-between;
padding: 20px;
}
.left-tab, .right-tab {
width: 20%;
background-color: #ffffff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
max-height: 400px;
overflow-y: auto;
}
.main-content {
width: 55%;
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
justify-content: center;
}
h2 {
color: #2e3b4e;
margin-bottom: 10px;
}
h1 {
color: #4CAF50;
}
.container {
padding: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 10px;
border: 1px solid #ccc;
text-align: left;
}
th {
background-color: #374df5;
color: white;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/rankings">Rankings</a></li>
<li><a href="/schedule">Schedule</a></li>
<li><a href="/about">About</a></li>
</ul>
<form class="search-bar" action="/player" method="GET">
<input type="text" name="query" placeholder="Search player">
<input type="submit" value="Search">
</form>
</nav>
</header>
<div class="main-content-container">
<div class="left-tab">
<h2>Upcoming Matches</h2>
<table>
<thead>
<tr>
<th>Home Player</th>
<th>Away Player</th>
<th>Home Player Score</th>
<th>Away Player Score</th>
<th>Ground Type</th>
</tr>
</thead>
<tbody>
{% for event in upcoming_matches %}
<tr>
<td>{{ event.homeTeam.name }}</td>
<td>{{ event.awayTeam.name }}</td>
<td>{{ event.homeScore.current }}</td>
<td>{{ event.awayScore.current }}</td>
<td>{{ event.groundType }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="main-content">
<h1>Upload or Enter a YouTube Link</h1>
<form action="/upload" method="POST" enctype="multipart/form-data">
<!-- Text inputs for Player 1 and Player 2 -->
<label for="player1">Player 1:</label>
<input type="text" id="player1" name="player1" placeholder="Enter Player 1 Name" required><br><br>
<label for="player2">Player 2:</label>
<input type="text" id="player2" name="player2" placeholder="Enter Player 2 Name" required><br><br>
<label for="video_url">YouTube Video URL:</label>
<input type="text" id="video_url" name="video_url" placeholder="Enter YouTube Video URL"><br><br>
<h2>OR</h2>
<label for="file">Choose Video File:</label>
<input type="file" name="file" accept="video/*"><br><br>
<input type="submit" value="Submit">
</form>
</div>
<div class="right-tab">
<h2>Rankings</h2>
<table>
<thead>
<tr>
<th>Rank</th>
<th>Player Name</th>
<th>Points</th>
<th>Country</th>
</tr>
</thead>
<tbody>
{% for player in top_10_players %}
<tr>
<td>{{ player.ranking }}</td>
<td><a href="/player/{{ player.team.id }}">{{ player.team.name }}</a></td>
<td>{{ player.points }}</td>
<td>{{ player.team.country.name }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment