pogo/assets/admin.html

70 lines
2 KiB
HTML
Raw Normal View History

2017-07-15 16:15:02 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pogo Publish</title>
2017-07-15 16:15:02 +01:00
<link rel="stylesheet" href="/assets/styles.css">
</head>
<body>
2017-09-19 20:28:59 +01:00
<div class="notifications" id="notifarea">
<span id="notiftext"></span>
</div>
<div class="admin container">
<h1>Pogo Publish</h1>
2017-07-15 16:15:02 +01:00
<form enctype="multipart/form-data" action="/admin/publish" method="post">
<label for="title">Episode Title</label>
<input type="text" id="title" name="title">
<label for="description">Episode Description</label>
2017-09-11 19:46:43 +01:00
<textarea name="description" id="description" cols="100" rows="20" style="resize: none;"></textarea>
<label for="file">Media File</label>
<input type="file" id="file" name="file">
<label for="date">Publish Date</label>
<input type="date" id="date" name="date">
<input type="submit" value="Publish">
</form>
<hr />
<form action="/admin/css" method="post" enctype="multipart/form-data">
<label for="css">Custom CSS</label>
<textarea name="css" id="css" cols="120" rows="20"></textarea><br />
<input type="submit" value="Submit">
</form>
2017-07-15 16:15:02 +01:00
<footer>
<p>Pogo licensed under the GPLv3</p>
2017-07-15 16:15:02 +01:00
</footer>
</div>
<script>
2017-09-19 20:28:59 +01:00
var notifarea = document.getElementById("notifarea");
var notiftext = document.getElementById("notiftext");
if (window.location.hash == "#cssupdated") {
2017-09-19 20:28:59 +01:00
notiftext.innerHTML = "CSS updated";
notifarea.style = "background-color:green;";
}
if (window.location.hash == "#published") {
2017-09-19 20:28:59 +01:00
notiftext.innerHTML = "Episode published";
notifarea.style = "background-color:green;";
}
if (window.location.hash == "#failed") {
2017-09-19 20:28:59 +01:00
notiftext.innerHTML = "Something went wrong";
notifarea.style = "background-color:red;";
}
get("/admin/css", function(data) {
document.getElementById("css").innerHTML=data;
});
function get(url, callback) {
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
callback(xmlHttp.responseText);
}
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
</script>
2017-07-15 16:15:02 +01:00
</body>
</html>