Restyle
This commit is contained in:
parent
0d35ef8c54
commit
8a7cb63647
@ -14,43 +14,25 @@ function respond(){
|
|||||||
</script>
|
</script>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="incontainer">
|
<div class="incontainer">
|
||||||
<table>
|
<h1>Stream Upload</h1>
|
||||||
<tr><td></td><td align="center"><h1>Stream Upload</h1></td></tr>
|
<div class="user"><p>User: <b>'.$user.'</b></p>
|
||||||
<tr>
|
<form action="check.php" method="post">
|
||||||
<td class="left">User:</td>
|
<input id="logoff" type="submit" name="logoff" value="Logoff">
|
||||||
<td class="right"><b>'.$user.'</b></td>
|
</form></div>
|
||||||
<form action="check.php" method="post">
|
<form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="respond()">
|
||||||
<td><input class="shiftleft" type="submit" name="logoff" value="Logoff"></td>
|
<select name="target" id="target" required>
|
||||||
</form></tr>
|
<option value="" disabled selected hidden>Streaming Destination</option>
|
||||||
<form action="upload.php" method="post" enctype="multipart/form-data" onsubmit="respond()">
|
<option value="Restream">Restream</option>
|
||||||
<tr>
|
<option value="Facebook">Facebook</option>
|
||||||
<td class="left">Target:</td>
|
<option value="YouTube">YouTube</option>
|
||||||
<td class="right">
|
</select>
|
||||||
<select name="target" id="target" required>
|
<input type="text" name="streamkey" placeholder="Stream Key" required title="string of 0-9, a-z, A-Z, underscore or dash characters" pattern="[a-zA-Z0-9_-]+">
|
||||||
<option value="" disabled selected hidden>Streaming Destination</option>
|
<input type="datetime-local" name="datetime" title="Click on the date to get a popup" required>
|
||||||
<option value="Restream">Restream</option>
|
<input type="file" name="file" required accept=".mp4">
|
||||||
<option value="Facebook">Facebook</option>
|
<input type="email" name="email" placeholder="Email to notify" title="Not required">
|
||||||
<option value="YouTube">YouTube</option>
|
<input type="submit" value="Schedule Stream" name="schedule">
|
||||||
</select>
|
<p id="response"></p>
|
||||||
</td></tr>
|
</form>
|
||||||
<tr>
|
|
||||||
<td class="left">Streamkey:</td>
|
|
||||||
<td class="right"><input type="text" name="streamkey" required title="string of 0-9, a-z, A-Z, underscore or dash characters" pattern="[a-zA-Z0-9_-]+"></td></tr>
|
|
||||||
<tr>
|
|
||||||
<td class="left">Date & Time:</td>
|
|
||||||
<td class="right"><input type="datetime-local" name="datetime" title="Click on the date to get a popup" required></td></tr>
|
|
||||||
<tr>
|
|
||||||
<td class="left">Video File:</td>
|
|
||||||
<td class="right"><input type="file" name="file" required accept=".mp4"></td></tr>
|
|
||||||
<tr>
|
|
||||||
<td class="left">Notify email:</td>
|
|
||||||
<td class="right"><input type="email" name="email" title="Not required"></td></tr>
|
|
||||||
<tr><td><br></td></tr>
|
|
||||||
<tr><td></td><td class="right"><input type="submit" value="Schedule Stream" name="schedule"></td></tr>
|
|
||||||
<tr><td><br></td></tr>
|
|
||||||
<tr><td align=center colspan="2" id="response"></td></tr>
|
|
||||||
</form>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>');
|
</div>');
|
||||||
?>
|
?>
|
||||||
|
|||||||
@ -27,19 +27,17 @@ print('<!DOCTYPE html>
|
|||||||
<link rel="stylesheet" href="page.css">
|
<link rel="stylesheet" href="page.css">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="incontainer">
|
<div class="incontainer">
|
||||||
<table class="single">
|
<h1>Stream Upload</h1>');
|
||||||
<tr><td align="center"><h1>Stream Upload</h1></td></tr>');
|
|
||||||
if(isset($_POST['login'])){
|
if(isset($_POST['login'])){
|
||||||
print('
|
print('
|
||||||
<tr><td><h4>Invalid User or Password</h4></td></tr>');
|
<h4>Invalid Username or Password</h4>');
|
||||||
}
|
}
|
||||||
print('
|
print('
|
||||||
<form action="login.php" method="post">
|
<form action="login.php" method="post">
|
||||||
<tr><td><input type="text" name="user" placeholder="Username" required title="string of 0-9, a-z, A-Z" pattern="[a-zA-Z0-9]+"></td></tr>
|
<input type="text" name="user" placeholder="Username" required title="string of 0-9, a-z, A-Z" pattern="[a-zA-Z0-9]+">
|
||||||
<tr><td><input type="password" name="password" placeholder="Password" required></td></tr>
|
<input type="password" name="password" placeholder="Password" required>
|
||||||
<tr><td><input type="submit" name="login" value="Login"></td></tr>
|
<input type="submit" name="login" value="Login">
|
||||||
</form>
|
</form>
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>');
|
</div>');
|
||||||
?>
|
?>
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
input,select {
|
input,select {
|
||||||
|
text-align:center;
|
||||||
width:100%;
|
width:100%;
|
||||||
padding:12px 20px;
|
padding:12px 20px;
|
||||||
margin:0;
|
margin:0;
|
||||||
@ -10,6 +11,7 @@ input,select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type=submit] {
|
input[type=submit] {
|
||||||
|
text-align:center;
|
||||||
width:100%;
|
width:100%;
|
||||||
background-color:#4CAF50;
|
background-color:#4CAF50;
|
||||||
color:white;
|
color:white;
|
||||||
@ -33,34 +35,23 @@ body {
|
|||||||
height:100vh;
|
height:100vh;
|
||||||
}
|
}
|
||||||
.incontainer {
|
.incontainer {
|
||||||
width:550px;
|
width:325px;
|
||||||
max-width:550px;
|
max-width:325px;
|
||||||
}
|
}
|
||||||
p {
|
h1 {
|
||||||
flex-wrap:nowrap;
|
text-align:center;
|
||||||
}
|
}
|
||||||
h4 {
|
h4 {
|
||||||
text-align:center;
|
text-align:center;
|
||||||
color:red;
|
color:white;
|
||||||
background-color:light-red;
|
background-color:red;
|
||||||
padding:.7em;
|
padding:.7em;
|
||||||
}
|
}
|
||||||
table {
|
.user {
|
||||||
|
display:flex;
|
||||||
width:100%;
|
width:100%;
|
||||||
|
justify-content:space-between;
|
||||||
}
|
}
|
||||||
.single {
|
#logoff {
|
||||||
margin:auto;
|
width:100px;
|
||||||
width:325px;
|
|
||||||
}
|
|
||||||
.left {
|
|
||||||
width:225px;
|
|
||||||
padding-right:10px;
|
|
||||||
text-align:right;
|
|
||||||
}
|
|
||||||
.right {
|
|
||||||
width:325px;
|
|
||||||
}
|
|
||||||
.shiftleft {
|
|
||||||
position:relative;
|
|
||||||
left:-95px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user