ClaytonWWilson/FightHub
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/FightHub.git synced 2025-12-15 23:18:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #4 from ClaytonWWilson/Clayton-upload.php

Browse Source 
Clayton upload.php
This commit is contained in:
Clayton Wilson 2019-04-20 16:41:52 -04:00 committed by GitHub
commit 3805467ac3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 96 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.php
View File

@ -4,6 +4,7 @@
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
</head> </head>
<body> <body>
<!-- Titlebar -->
<form class="search" action="search.php"> <form class="search" action="search.php">
<h1 class="title-text">FightHub</h1> <h1 class="title-text">FightHub</h1>
<input type="text" name="query" class="search" placeholder="Search.."> <input type="text" name="query" class="search" placeholder="Search..">

47
main.css
View File

@ -3,23 +3,9 @@ body {
} }
/* form.search { /* Styles for titlebar */
width: 80%;
height: 150px;
border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
/* div.upload { form.search {
width: 5%;
height: 150px;
border: white solid 1px;
border-bottom: #727272 solid 2px;
display: block;
float: left;
} */
form {
/* border: white solid 1px; */ /* border: white solid 1px; */
height: 150px; height: 150px;
margin-top: -10px !important; margin-top: -10px !important;
@ -27,11 +13,6 @@ form {
border-bottom: #727272 solid 2px; border-bottom: #727272 solid 2px;
} }
/* div.titlebar-container {
border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
.title-text { .title-text {
float: left; float: left;
margin-top: 26px; margin-top: 26px;
@ -59,4 +40,28 @@ img.upload {
/* margin-bottom: -17px; */ /* margin-bottom: -17px; */
margin-top: 45px; margin-top: 45px;
float: right; float: right;
}
/* Styles for upload.php */
form.upload-form {
/* border: white solid 1px; */
border-left: #727272 solid 2px;
border-right: #727272 solid 2px;
margin: 0 25% 0 25%;
}
.upload-form input, .upload-form textarea, .upload-form select {
display: block;
margin-left: 20px;
/* margin-bottom: 30px; */
/* border: white solid 1px; */
}
.upload-form h3 {
color: #FF3D53;
/* border: white solid 1px; */
margin-bottom: 0px;
margin-left: 20px;
} }

6
scripts/main.js Normal file
View File

@ -0,0 +1,6 @@
// Validates the data inputs on the upload form
function validateUpload() {
console.log("Validated!");
document.getElementById("upload-form").submit();
}

63
upload.php Normal file
View File

@ -0,0 +1,63 @@
<html>
<head>
<title>FightHub - Upload</title>
<link rel="stylesheet" href="main.css">
<script src="scripts/main.js"></script>
</head>
<body>
<!-- Titlebar -->
<form class="search" action="search.php">
<h1 class="title-text">FightHub</h1>
<input type="text" name="query" class="search" placeholder="Search..">
<input type="submit" name="submit" class="submit" value="Search">
<a href="upload.php"><img src="images/upload.png" class="upload" alt="upload"></a>
</form>
<!-- submit.php will read the variables from the url and add it to the database -->
<form class="upload-form" id="upload-form" action="submit.php">
<h3>Youtube URL *</h3>
<input type="text" name="url" id="url">
<h3>Name *</h3>
<input type="text" name="name" id="name">
<h3>Username *</h3>
<input type="text" name="username">
<h3>Description</h3>
<textarea name="description" cols="30" rows="10"></textarea>
<h3>Event Date</h3>
<input type="date" name="video-date">
<h3>Video Length</h3>
<input type="text" name="length">
<h3>Characters (Seperated by commas) *</h3>
<input type="text" name="characters">
<h3>Players (Seperated by commas) *</h3>
<input type="text" name="players">
<h3>Select Game *</h3>
<select name="game">
<option disabled selected value>-- Game --</option>
<option value="Street Fighter V">Street Fighter V</option>
<option value="Mortal Kombat 11">Mortal Kombat 11</option>
<option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
<option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
<option value="Killer Instinct">Killer Instinct</option>
<option value="Injustice">Injustice</option>
</select>
<h3>Stage Name *</h3>
<input type="text" name="stage">
<input type="button" name="submit_button" value="Submit" onclick="validateUpload()">
</form>
</body>
</html>