mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-19 00:20:35 +00:00
Cleaning up Groups code
This commit is contained in:
parent
1be364c4ef
commit
be80166795
5 changed files with 260 additions and 183 deletions
366
group.php
366
group.php
|
|
@ -2,202 +2,118 @@
|
|||
require_once __DIR__."/app/required.php";
|
||||
|
||||
use App\Account;
|
||||
use App\Image;
|
||||
use App\Group;
|
||||
use App\Diff;
|
||||
|
||||
$user_info = new Account;
|
||||
$diff = new Diff();
|
||||
$image_info = new Image;
|
||||
$group_info = new Group;
|
||||
$diff = new Diff();
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<?php require_once __DIR__."/assets/ui/header.php"; ?>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<?php require_once __DIR__."/assets/ui/header.php"; ?>
|
||||
</head>
|
||||
<body>
|
||||
<?php require_once __DIR__."/assets/ui/nav.php"; ?>
|
||||
|
||||
<div class="defaultDecoration defaultSpacing defaultFonts">
|
||||
<?php
|
||||
if (!isset($_GET['id']) || empty($_GET['id'])) {
|
||||
header("Location: index.php");
|
||||
} elseif (isset($_GET['id'])) {
|
||||
$sql = "SELECT * FROM groups WHERE id = ?";
|
||||
<?php
|
||||
if (isset($_GET['id'])) {
|
||||
$group = $group_info->get_group_info($conn, $_GET['id']);
|
||||
if (!isset($group) || empty($group)) header("Location: group.php");
|
||||
$image_list = array_reverse(explode(" ", $group['image_list']));
|
||||
|
||||
if ($stmt = mysqli_prepare($conn, $sql)) {
|
||||
// Bind variables to the prepared statement as parameters
|
||||
mysqli_stmt_bind_param($stmt, "i", $param_group_id);
|
||||
|
||||
$param_group_id = $_GET['id'];
|
||||
|
||||
$stmt->execute();
|
||||
$query = $stmt->get_result();
|
||||
echo "<div class='defaultDecoration defaultSpacing defaultFonts'>";
|
||||
|
||||
$group = mysqli_fetch_array($query);
|
||||
echo "<h2>".$group['group_name']."</h2>";
|
||||
|
||||
$image_list = array_reverse(explode(" ", $group['image_list']));
|
||||
}
|
||||
}
|
||||
?>
|
||||
<h2><?php echo $group['group_name']; ?></h2>
|
||||
<?php
|
||||
$user = $user_info->get_user_info($conn, $group['author']);
|
||||
|
||||
if (isset($user['username'])) {
|
||||
echo "<p>By: ".$user['username']."</p>";
|
||||
} else {
|
||||
echo "<p>By: Deleted User</p>";
|
||||
$author_info = $user_info->get_user_info($conn, $group['author']);
|
||||
echo "<p>By: ".$author_info['username']."</p>";
|
||||
|
||||
$group_members = $group_info->get_group_members($conn, $_GET['id']);
|
||||
$members_array = array();
|
||||
foreach ($group_members as $member) {
|
||||
$member_info = $user_info->get_user_info($conn, $member);
|
||||
array_push($members_array, $member_info['username']);
|
||||
}
|
||||
echo "<p>Members: ".implode(", ", $members_array)."</p>";
|
||||
|
||||
$upload_time = new DateTime($group['created_on']);
|
||||
echo "<p id='updateTime'>Created at: ".$upload_time->format('d/m/Y H:i:s T')."</p>";
|
||||
?>
|
||||
<script>
|
||||
// Updating time to Viewers local
|
||||
var updateDate = new Date('<?php echo $upload_time->format('m/d/Y H:i:s T'); ?>');
|
||||
var format = {year: 'numeric',
|
||||
month: 'short',
|
||||
day: 'numeric'
|
||||
};
|
||||
|
||||
updateDate = updateDate.toLocaleDateString('en-GB', format);
|
||||
echo "<p id='updateTime'>Created at: ".$upload_time->format('d/m/Y H:i:s T')."</p;>";
|
||||
?>
|
||||
<script>
|
||||
var updateDate = new Date('<?php echo $upload_time->format('m/d/Y H:i:s T'); ?>');
|
||||
updateDate = updateDate.toLocaleDateString('en-GB', {year: 'numeric', month: 'short', day: 'numeric'});
|
||||
$("#updateTime").html("Created at: "+updateDate);
|
||||
</script>
|
||||
<?php
|
||||
|
||||
$("#updateTime").html("Created at: "+updateDate);
|
||||
</script>
|
||||
echo "<p>Last Modified: ".$diff->time($group['last_modified'])."</p>";
|
||||
|
||||
<p>Last Modified: <?php echo $diff->time($group['last_modified']); ?></p>
|
||||
<?php
|
||||
if ($_SESSION['id'] == $group['author'] || $user_info->is_admin($conn, $_SESSION['id'])) {
|
||||
$privilaged = True;
|
||||
} else {
|
||||
$privilaged = False;
|
||||
}
|
||||
if ($_GET['mode'] == "edit") {
|
||||
if ($_SESSION['id'] == $group['author'] || $user_info->is_admin($conn, $_SESSION['id'])) {
|
||||
echo "<button class='btn btn-bad'>Delete</button>";
|
||||
|
||||
if (isset($_GET['mode']) && $_GET['mode'] == "edit") {
|
||||
if (!$privilaged) header("Location: group.php?id=".$_GET['id']);
|
||||
echo "<button id='editTitle' class='btn btn-bad'>Update title</button>";
|
||||
?>
|
||||
<script>
|
||||
$('#editTitle').click(function() {
|
||||
var header = "Enter new Description/Alt";
|
||||
var description = "Newwww photo group name!";
|
||||
var actionBox = "<form id='titleForm' action='app/image/edit_description.php' method='POST'>\
|
||||
<input id='titleText' class='btn btn-neutral' type='text' placeholder='New title'>\
|
||||
<button id='titleSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Update title</button>\
|
||||
</form>";
|
||||
flyoutShow(header, description, actionBox);
|
||||
|
||||
$("#titleForm").submit(function(event) {
|
||||
event.preventDefault();
|
||||
var titleText = $("#titleText").val();
|
||||
var titleSubmit = $("#titleSubmit").val();
|
||||
$("#sniffle").load("app/image/group.php", {
|
||||
group_id: <?php echo $_GET['id']; ?>,
|
||||
group_title: titleText,
|
||||
title_submit: titleSubmit
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
|
||||
echo "<button class='btn btn-bad'>Delete</button>";
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images");
|
||||
|
||||
?>
|
||||
<button id='editTitle' class='btn btn-bad'>Update title</button>
|
||||
<script>
|
||||
$('#editTitle').click(function() {
|
||||
var header = "Enter new Description/Alt";
|
||||
var description = "Newwww photo group name!";
|
||||
var actionBox = "<form id='titleForm' action='app/image/edit_description.php' method='POST'>\
|
||||
<input id='titleText' class='btn btn-neutral' type='text' placeholder='New title'>\
|
||||
<button id='titleSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Update title</button>\
|
||||
</form>";
|
||||
flyoutShow(header, description, actionBox);
|
||||
|
||||
$("#titleForm").submit(function(event) {
|
||||
event.preventDefault();
|
||||
var titleText = $("#titleText").val();
|
||||
var titleSubmit = $("#titleSubmit").val();
|
||||
$("#sniffle").load("app/image/group.php", {
|
||||
group_id: <?php echo $_GET['id']; ?>,
|
||||
group_title: titleText,
|
||||
title_submit: titleSubmit
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
echo "<form id='groupForm'>";
|
||||
while ($image = mysqli_fetch_array($image_request)) {
|
||||
if (in_array($image['id'], $image_list)) {
|
||||
echo "<input style='display: none;' type='checkbox' id='".$image['id']."' name='".$image['id']."' checked/>";
|
||||
} else {
|
||||
echo "<input style='display: none;' type='checkbox' id='".$image['id']."' name='".$image['id']."'/>";
|
||||
}
|
||||
}
|
||||
echo "<button id='groupSubmit' class='btn btn-good' type='submit'>Update Images</button>
|
||||
</form>";
|
||||
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images");
|
||||
echo "<form id='groupForm'>";
|
||||
while ($image = mysqli_fetch_array($image_request)) {
|
||||
if (in_array($image['id'], $image_list)) {
|
||||
echo "<input style='display: none;' type='checkbox' id='".$image['id']."' name='".$image['id']."' checked/>";
|
||||
} else {
|
||||
echo "<input style='display: none;' type='checkbox' id='".$image['id']."' name='".$image['id']."'/>";
|
||||
}
|
||||
echo "<a href='group.php?id=".$_GET['id']."' class='btn btn-neutral'>Back</a>";
|
||||
}
|
||||
echo "<button id='groupSubmit' class='btn btn-good' type='submit'>Update Images</button></form>";
|
||||
|
||||
echo "<a href='group.php?id=".$_GET['id']."' class='btn btn-neutral'>Back</a>";
|
||||
} else {
|
||||
if ($privilaged) echo "<a href='group.php?id=".$_GET['id']."&mode=edit' class='btn btn-neutral'>Edit</a>";
|
||||
if ($_SESSION['id'] == $group['author'] || $user_info->is_admin($conn, $_SESSION['id'])) {
|
||||
echo "<a href='group.php?id=".$_GET['id']."&mode=edit' class='btn btn-neutral'>Edit</a>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
echo "</div>";
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="gallery-root defaultDecoration">
|
||||
<?php
|
||||
if (isset($_GET['mode']) && $_GET['mode'] == "edit") {
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images ORDER BY id DESC");
|
||||
if (isset($_GET['id']) && !empty($_GET['id'])) {
|
||||
if (isset($_GET['mode']) && $_GET['mode'] == "edit") {
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images ORDER BY id DESC");
|
||||
|
||||
while ($image = mysqli_fetch_array($image_request)) {
|
||||
// Getting thumbnail
|
||||
if (file_exists("images/thumbnails/".$image['imagename'])) {
|
||||
$image_path = "images/thumbnails/".$image['imagename'];
|
||||
} else {
|
||||
$image_path = "images/".$image['imagename'];
|
||||
}
|
||||
|
||||
if (in_array($image['id'], $image_list)) {
|
||||
echo "<div id='".$image['id']."' class='gallery-item selectedImage'>
|
||||
<img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'>
|
||||
</div>";
|
||||
} else {
|
||||
echo "<div id='".$image['id']."' class='gallery-item'>
|
||||
<img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'>
|
||||
</div>";
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<script>
|
||||
$(".gallery-item").click(function() {
|
||||
if (this.classList.contains("selectedImage")) {
|
||||
deselect(this);
|
||||
} else {
|
||||
select(this);
|
||||
}
|
||||
});
|
||||
|
||||
function select(item) {
|
||||
document.getElementById(item.id).checked = true;
|
||||
|
||||
item.classList.add("selectedImage");
|
||||
}
|
||||
function deselect(item) {
|
||||
document.getElementById(item.id).checked = false;
|
||||
|
||||
item.classList.remove("selectedImage");
|
||||
}
|
||||
|
||||
function getList() {
|
||||
var checkedBoxes = document.querySelectorAll('input[type=checkbox]:checked');
|
||||
var images = [];
|
||||
|
||||
checkedBoxes.forEach(element => {
|
||||
images.push(element.id);
|
||||
});
|
||||
|
||||
return images;
|
||||
}
|
||||
|
||||
$("#groupForm").submit(function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var groupSubmit = $("#groupSubmit").val();
|
||||
var images = getList();
|
||||
|
||||
$("#sniffle").load("app/image/group.php", {
|
||||
group_images: images,
|
||||
group_id: <?php echo $_GET['id']; ?>,
|
||||
group_submit: groupSubmit
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
} else {
|
||||
foreach ($image_list as $image) {
|
||||
// Reading images from table
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images WHERE id = ".$image);
|
||||
|
||||
while ($image = mysqli_fetch_array($image_request)) {
|
||||
// Getting thumbnail
|
||||
if (file_exists("images/thumbnails/".$image['imagename'])) {
|
||||
|
|
@ -205,20 +121,120 @@
|
|||
} else {
|
||||
$image_path = "images/".$image['imagename'];
|
||||
}
|
||||
|
||||
// Check for NSFW tag
|
||||
if (str_contains($image['tags'], "nsfw")) {
|
||||
echo "<div class='gallery-item'>
|
||||
<a href='image.php?id=".$image['id']."' class='nsfw-warning'><img class='svg' src='assets/icons/warning_red.svg'><span>NSFW</span></a>
|
||||
<a href='image.php?id=".$image['id']."'><img class='gallery-image nsfw-blur' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
|
||||
|
||||
if (in_array($image['id'], $image_list)) {
|
||||
echo "<div id='".$image['id']."' class='gallery-item selectedImage'>
|
||||
<img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'>
|
||||
</div>";
|
||||
} else {
|
||||
echo "<div class='gallery-item'>
|
||||
<a href='image.php?id=".$image['id']."'><img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
|
||||
echo "<div id='".$image['id']."' class='gallery-item'>
|
||||
<img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'>
|
||||
</div>";
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<script>
|
||||
$(".gallery-item").click(function() {
|
||||
if (this.classList.contains("selectedImage")) {
|
||||
deselect(this);
|
||||
} else {
|
||||
select(this);
|
||||
}
|
||||
});
|
||||
|
||||
function select(item) {
|
||||
document.getElementById(item.id).checked = true;
|
||||
item.classList.add("selectedImage");
|
||||
}
|
||||
function deselect(item) {
|
||||
document.getElementById(item.id).checked = false;
|
||||
item.classList.remove("selectedImage");
|
||||
}
|
||||
|
||||
function getList() {
|
||||
var checkedBoxes = document.querySelectorAll('input[type=checkbox]:checked');
|
||||
var images = [];
|
||||
|
||||
checkedBoxes.forEach(element => { images.push(element.id); });
|
||||
|
||||
return images;
|
||||
}
|
||||
|
||||
$("#groupForm").submit(function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var groupSubmit = $("#groupSubmit").val();
|
||||
var images = getList();
|
||||
|
||||
$("#sniffle").load("app/image/group.php", {
|
||||
group_images: images,
|
||||
group_id: <?php echo $_GET['id']; ?>,
|
||||
group_submit: groupSubmit
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
} else {
|
||||
foreach ($image_list as $image) {
|
||||
// Reading images from table
|
||||
try {
|
||||
$image_request = mysqli_query($conn, "SELECT * FROM images WHERE id = ".$image);
|
||||
|
||||
while ($image = mysqli_fetch_array($image_request)) {
|
||||
// Getting thumbnail
|
||||
if (file_exists("images/thumbnails/".$image['imagename'])) {
|
||||
$image_path = "images/thumbnails/".$image['imagename'];
|
||||
} else {
|
||||
$image_path = "images/".$image['imagename'];
|
||||
}
|
||||
|
||||
// Check for NSFW tag
|
||||
if (str_contains($image['tags'], "nsfw")) {
|
||||
echo "<div class='gallery-item'>
|
||||
<a href='image.php?id=".$image['id']."' class='nsfw-warning'><img class='svg' src='assets/icons/warning_red.svg'><span>NSFW</span></a>
|
||||
<a href='image.php?id=".$image['id']."'><img class='gallery-image nsfw-blur' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
|
||||
</div>";
|
||||
} else {
|
||||
echo "<div class='gallery-item'>
|
||||
<a href='image.php?id=".$image['id']."'><img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
|
||||
</div>";
|
||||
}
|
||||
}
|
||||
} catch(Exception $e) {
|
||||
$e;
|
||||
}
|
||||
}
|
||||
}
|
||||
} elseif (!isset($_GET['id']) && empty($_GET['id'])) {
|
||||
$group_list = mysqli_query($conn, "SELECT * FROM groups ORDER BY id DESC");
|
||||
|
||||
foreach ($group_list as $group) {
|
||||
$image_list = array_reverse(explode(" ", $group['image_list']));
|
||||
$image = $image_info->get_image_info($conn, $image_list[array_rand($image_list, 1)]);
|
||||
|
||||
// Getting thumbnail
|
||||
if (file_exists("images/thumbnails/".$image['imagename'])) {
|
||||
$image_path = "images/thumbnails/".$image['imagename'];
|
||||
} else {
|
||||
$image_path = "images/".$image['imagename'];
|
||||
}
|
||||
|
||||
// Check for NSFW tag
|
||||
if (str_contains($image['tags'], "nsfw")) {
|
||||
echo "<div class='gallery-item group-item'>
|
||||
<a href='group.php?id=".$group['id']."' class='nsfw-warning gallery-group'><img class='svg' src='assets/icons/warning_red.svg'><span>NSFW</span></a>
|
||||
<a href='group.php?id=".$group['id']."'><img class='gallery-image nsfw-blur' loading='lazy' src='".$image_path."' id='".$group['id']."'></a>
|
||||
<a href='group.php?id=".$group['id']."' class='group-name'>".$group['group_name']."</a>
|
||||
</div>";
|
||||
} else {
|
||||
echo "<div class='gallery-item group-item'>
|
||||
<a href='group.php?id=".$group['id']."' class='gallery-group'></a>
|
||||
<a href='group.php?id=".$group['id']."'><img class='gallery-image' loading='lazy' src='".$image_path."' id='".$group['id']."'></a>
|
||||
<a href='group.php?id=".$group['id']."' class='group-name'>".$group['group_name']."</a>
|
||||
</div>";
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue