2022-09-21 13:02:38 +00:00
|
|
|
<?php require_once __DIR__."/ui/required.php"; ?>
|
|
|
|
|
|
2022-07-21 14:53:04 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2022-08-15 10:56:05 +00:00
|
|
|
|
2022-07-21 14:53:04 +00:00
|
|
|
<head>
|
2022-09-13 16:07:01 +00:00
|
|
|
<?php require_once __DIR__."/ui/header.php"; ?>
|
2022-07-21 14:53:04 +00:00
|
|
|
</head>
|
2022-08-15 10:56:05 +00:00
|
|
|
|
2022-07-21 14:53:04 +00:00
|
|
|
<body>
|
2022-08-15 10:56:05 +00:00
|
|
|
<?php
|
2022-09-21 13:02:38 +00:00
|
|
|
require_once __DIR__."/ui/nav.php";
|
2022-07-21 14:53:04 +00:00
|
|
|
|
2022-09-21 13:02:38 +00:00
|
|
|
use App\Account;
|
|
|
|
|
$user_info = new Account();
|
2022-09-12 14:15:16 +00:00
|
|
|
|
2022-09-21 13:02:38 +00:00
|
|
|
// Check if user is logged in
|
|
|
|
|
if (!$user_info->is_loggedin()) {
|
|
|
|
|
?>
|
|
|
|
|
<script>
|
|
|
|
|
sniffleAdd('Who are you!', 'You must be loggedin to upload things, sowwy!', 'var(--red)', 'assets/icons/cross.svg');
|
|
|
|
|
</script>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
2022-08-15 10:56:05 +00:00
|
|
|
?>
|
2022-07-21 14:53:04 +00:00
|
|
|
|
2022-08-15 10:56:05 +00:00
|
|
|
<div class="upload-root">
|
|
|
|
|
<h2>Upload image</h2>
|
|
|
|
|
<p>In this world you have 2 choices, to upload a really cute picture of an animal or fursuit, or something other than those 2 things.</p>
|
|
|
|
|
<br>
|
|
|
|
|
<form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data">
|
|
|
|
|
<input id="image" class="btn btn-neutral" type="file" placeholder="select image UwU">
|
2022-09-07 13:40:58 +00:00
|
|
|
<textarea id="alt" class="btn btn-neutral" placeholder="Description/Alt for image" rows="3"></textarea>
|
2022-09-09 11:41:41 +00:00
|
|
|
<textarea id="tags" class="btn btn-neutral" placeholder="Tags, seperated by white-space" rows="3"></textarea>
|
2022-08-15 10:56:05 +00:00
|
|
|
<br>
|
|
|
|
|
<button id="submit" class="btn btn-good" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
2022-07-25 15:13:26 +00:00
|
|
|
|
2022-09-21 13:02:38 +00:00
|
|
|
<script>
|
|
|
|
|
$("#uploadSubmit").submit(function(event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
// Check if image avalible
|
|
|
|
|
var file = $("#image").val();
|
|
|
|
|
if (file != "") {
|
|
|
|
|
// Make form
|
|
|
|
|
var formData = new FormData();
|
|
|
|
|
|
|
|
|
|
// Get image
|
|
|
|
|
var image_data = $("#image").prop("files")[0];
|
|
|
|
|
formData.append("image", image_data);
|
|
|
|
|
// Get ALT
|
|
|
|
|
var alt = $("#alt").val();
|
|
|
|
|
formData.append("alt", alt);
|
|
|
|
|
// Get TAGS
|
|
|
|
|
var tags = $("#tags").val();
|
|
|
|
|
formData.append("tags", tags);
|
|
|
|
|
// Submit data
|
|
|
|
|
var submit = $("#submit").val();
|
|
|
|
|
formData.append("submit", submit);
|
|
|
|
|
|
|
|
|
|
// Upload the information
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: 'app/image/upload_image.php',
|
|
|
|
|
type: 'post',
|
|
|
|
|
data: formData,
|
|
|
|
|
contentType: false,
|
|
|
|
|
processData: false,
|
|
|
|
|
success: function(response) {
|
|
|
|
|
$("#sniffle").html(response);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Empty values
|
|
|
|
|
$("#image").val("");
|
|
|
|
|
$("#alt").val("");
|
|
|
|
|
$("#tags").val("");
|
|
|
|
|
$("#submit").val("");
|
|
|
|
|
} else {
|
|
|
|
|
sniffleAdd('Gwha!', 'Pls provide image', 'var(--red)', 'assets/icons/file-search.svg');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
2022-09-13 16:07:01 +00:00
|
|
|
<?php require_once __DIR__."/ui/footer.php"; ?>
|
2022-07-21 14:53:04 +00:00
|
|
|
</body>
|
2022-08-15 10:56:05 +00:00
|
|
|
|
|
|
|
|
</html>
|
