2022-08-03 16:46:50 +00:00
< ? php
include " ui/required.php " ;
/*
Get image ID
Image ID should be written in the URL of the page as ? id = 69
If ID cannot be obtained , give error . ID going here ^^
*/
if ( isset ( $_GET [ 'id' ])) {
// Get all image info
$image = get_image_info ( $conn , $_GET [ 'id' ]);
// Check if image is avalible
if ( isset ( $image [ 'imagename' ])) {
// Display image
$image_path = " images/ " . $image [ 'imagename' ];
$image_alt = $image [ 'alt' ];
} else {
// ID not avalible toast
echo " <p class='alert alert-low space-bottom-large'>Could not find image with ID: " . $_GET [ 'id' ] . " </p> " ;
// Replacement "no image" image and description
$image_path = " assets/no_image.png " ;
$image_alt = " No image could be found, sowwy " ;
}
} else {
// No ID toast
//echo "<p class='alert alert-low space-bottom-large'>No ID present</p>";
// Replacement "no image" image and description
//$image_path = "assets/no_image.png";
//$image_alt = "No image could be found, sowwy";
}
/*
Get all user details
This gets the user info from the image
*/
if ( isset ( $image [ 'author' ])) {
$user = get_user_info ( $conn , $image [ 'author' ]);
}
/*
Check user privilge
This requires the user to be logged in or an admin
*/
if ( image_privilage ( $image [ 'author' ]) || is_admin ( $_SESSION [ 'id' ])) {
$privilaged = True ;
} else {
$privilaged = False ;
}
?>
2022-07-21 14:53:04 +00:00
<! DOCTYPE html >
< html >
< head >
< meta charset = " utf-8 " >
< meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >
2022-08-03 16:46:50 +00:00
< title > Lynx Gallery </ title >
<!-- Google Fonts -->
2022-07-21 14:53:04 +00:00
< link rel = " stylesheet " href = " css/master.css " >
2022-07-23 14:03:11 +00:00
< link rel = " stylesheet " href = " https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@600&display=swap " >
< link rel = " stylesheet " href = " https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&display=swap " >
2022-08-03 16:46:50 +00:00
<!-- JQuery -->
2022-08-07 09:59:27 +00:00
< script src = " https://code.jquery.com/jquery-3.6.0.min.js " integrity = " sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4= " crossorigin = " anonymous " ></ script >
2022-08-06 09:52:40 +00:00
<!-- Sniffle script ! -->
< script src = " Sniffle/sniffle.js " ></ script >
< link rel = 'stylesheet' href = 'Sniffle/sniffle.css' >
<!-- Flyout script ! -->
< script src = " Flyout/flyout.js " ></ script >
< link rel = 'stylesheet' href = 'Flyout/flyout.css' >
2022-07-21 14:53:04 +00:00
</ head >
< body >
2022-08-03 16:46:50 +00:00
< ? php include " ui/nav.php " ; ?>
2022-08-01 13:09:53 +00:00
2022-08-06 09:52:40 +00:00
< script >
if ( params . update == " success " ) {
sniffleAdd ( " Info " , " Image information updated " , " var(--green) " );
2022-08-01 13:09:53 +00:00
}
2022-08-06 09:52:40 +00:00
if ( params . del == " fail " ) {
sniffleAdd ( " Error " , " Failed to delete image " , " var(--red) " );
2022-08-01 13:09:53 +00:00
}
2022-08-06 09:52:40 +00:00
</ script >
2022-07-30 10:41:37 +00:00
2022-08-01 13:09:53 +00:00
< ? php
2022-07-30 10:41:37 +00:00
/*
Confirm deleting user
user must be privilaged to do this action this the privilaged == true
*/
if ( isset ( $_POST [ 'delete_confirm' ]) && $privilaged ) {
// Unset all the variables, needed by flyout
unset ( $header , $content , $action );
// Delete from table
$image_delete_request = " DELETE FROM swag_table WHERE id = " . $image [ 'id' ];
$image_delete = mysqli_query ( $conn , $image_delete_request );
if ( $image_delete ) {
// See if image is in the directory
if ( is_file ( " images/ " . $image [ 'imagename' ])) {
unlink ( " images/ " . $image [ 'imagename' ]);
}
// Delete thumbnail if exitsts
if ( is_file ( " images/thumbnails/ " . $image [ 'imagename' ])) {
unlink ( " images/thumbnails/ " . $image [ 'imagename' ]);
}
header ( " Location:index.php?del=true&id= " . $image [ 'id' ]);
} else {
2022-08-01 13:09:53 +00:00
header ( " Location: image.php?id= " . $image [ 'id' ] . " &del=fail> " );
2022-07-30 10:41:37 +00:00
}
}
2022-07-30 15:01:56 +00:00
/*
Tags Confirm
*/
if ( isset ( $_POST [ 'tags_confirm' ]) && $privilaged ) {
// Unset all the variables, needed by flyout
unset ( $header , $content , $action );
// Clean tags before adding
function clean ( $string ) {
// Change to lowercase
2022-07-31 11:50:52 +00:00
$string = strtolower ( $string );
2022-07-30 15:01:56 +00:00
// Replace hyphens
$string = str_replace ( '-' , '_' , $string );
// Regex
$string = preg_replace ( '/[^A-Za-z0-9\_ ]/' , '' , $string );
// Return string
return preg_replace ( '/ +/' , ' ' , $string );
}
// Clean input
2022-08-01 13:09:53 +00:00
$tags_string = tag_clean ( trim ( $_POST [ 'add_tags' ]));
2022-07-30 15:01:56 +00:00
// getting ready forSQL asky asky
$sql = " UPDATE swag_table SET tags=? WHERE id=? " ;
// Checking if databse is doing ok
if ( $stmt = mysqli_prepare ( $conn , $sql )) {
mysqli_stmt_bind_param ( $stmt , " si " , $param_tags , $param_id );
// Setting parameters
$param_tags = $tags_string ;
$param_id = $image [ " id " ];
// Attempt to execute the prepared statement
if ( mysqli_stmt_execute ( $stmt )) {
2022-08-03 16:46:50 +00:00
header ( " Location:image.php?id= " . $image [ " id " ] . " &update=success " );
2022-07-30 15:01:56 +00:00
} else {
2022-08-03 16:46:50 +00:00
header ( " Location:image.php?id= " . $image [ " id " ] . " &update=error " );
2022-07-30 15:01:56 +00:00
}
}
}
2022-07-30 12:40:30 +00:00
/*
Description athor
*/
2022-08-01 09:31:23 +00:00
if ( isset ( $_POST [ 'author_flyout' ]) && is_admin ( $_SESSION [ 'id' ])) {
2022-07-30 12:40:30 +00:00
$header = " Who owns the image????? " ;
$content = " Enter ID of image owner " ;
$action = " <form class='flex-down between' method='POST' enctype='multipart/form-data'>
< input class = 'btn alert-default space-bottom' type = 'text' name = 'update_author' placeholder = 'New user ID' >
< button class = 'btn alert-low' type = 'submit' name = 'author_confirm' value = '".$image["id"]."' >< img class = 'svg' src = 'assets/icons/edit.svg' > Update information </ button >
</ form > " ;
2022-07-30 10:41:37 +00:00
flyout ( $header , $content , $action );
}
2022-07-30 12:40:30 +00:00
/*
Author confirm
*/
2022-08-01 09:31:23 +00:00
if ( isset ( $_POST [ 'author_confirm' ]) && is_admin ( $_SESSION [ 'id' ])) {
2022-07-30 12:40:30 +00:00
// Unset all the variables, needed by flyout
unset ( $header , $content , $action );
// getting ready forSQL asky asky
$sql = " UPDATE swag_table SET author=? WHERE id=? " ;
// Checking if databse is doing ok
if ( $stmt = mysqli_prepare ( $conn , $sql )) {
mysqli_stmt_bind_param ( $stmt , " si " , $param_author , $param_id );
// Setting parameters
$param_author = $_POST [ 'update_author' ];
$param_id = $image [ " id " ];
// Attempt to execute the prepared statement
if ( mysqli_stmt_execute ( $stmt )) {
2022-08-03 16:46:50 +00:00
header ( " Location:image.php?id= " . $image [ " id " ] . " &update=success " );
2022-07-30 12:40:30 +00:00
} else {
2022-08-03 16:46:50 +00:00
header ( " Location:image.php?id= " . $image [ " id " ] . " &update=error " );
2022-07-30 12:40:30 +00:00
}
}
}
2022-07-23 07:44:43 +00:00
?>
2022-08-02 13:13:35 +00:00
< div class = " image-container space-bottom-large " >
2022-07-28 10:35:57 +00:00
< ? php
// Displaying image
echo " <img class='image' id=' " . $image [ 'id' ] . " ' src=' " . $image_path . " ' alt=' " . $image_alt . " '> " ;
?>
2022-07-21 14:53:04 +00:00
</ div >
2022-08-03 16:46:50 +00:00
2022-07-27 11:46:10 +00:00
< div class = " image-description default-window " >
2022-07-22 00:21:48 +00:00
< h2 > Description </ h2 >
< ? php
2022-07-22 13:55:56 +00:00
// Image Description/Alt
2022-07-28 21:18:14 +00:00
if ( isset ( $image_alt ) && ! empty ( $image_alt )) {
2022-07-23 07:44:43 +00:00
echo " <p> " . $image_alt . " </p> " ;
2022-07-28 10:35:57 +00:00
} else {
echo " <p>No description provided</p> " ;
2022-07-22 13:55:56 +00:00
}
2022-07-22 00:21:48 +00:00
?>
</ div >
2022-08-03 16:46:50 +00:00
2022-07-27 11:46:10 +00:00
< div class = " image-detail flex-down default-window " >
2022-07-22 00:21:48 +00:00
< h2 > Details </ h2 >
2022-07-21 14:53:04 +00:00
< ? php
2022-07-25 17:28:55 +00:00
// Image ID
if ( isset ( $image [ 'author' ])) {
2022-07-28 10:35:57 +00:00
if ( isset ( $user [ 'username' ])) {
echo " <p>Author: " . $user [ 'username' ] . " </p> " ;
} else {
echo " <p>Author: Deleted User</p> " ;
}
2022-07-25 17:28:55 +00:00
} else {
echo " <p>Author: No author</p> " ;
}
2022-07-22 13:55:56 +00:00
// Image ID
2022-07-21 14:53:04 +00:00
echo " <p>ID: " . $image [ 'id' ] . " </p> " ;
2022-07-22 13:55:56 +00:00
// File name
2022-08-01 10:20:00 +00:00
if ( strlen ( $image [ 'imagename' ]) > 30 ) {
echo " <p>File Name: " . trim ( substr ( $image [ 'imagename' ], 0 , 30 )) . " ...</p> " ;
} else {
echo " <p>File Name: " . $image [ 'imagename' ] . " </p> " ;
}
2022-07-22 13:55:56 +00:00
2022-08-01 10:20:00 +00:00
// File extention
echo " <p>File Type: " . pathinfo ( $image [ 'imagename' ], PATHINFO_EXTENSION ) . " </p> " ;
2022-07-22 13:55:56 +00:00
// Image resolution
list ( $width , $height ) = getimagesize ( $image_path );
echo " <p>Image resolution: " . $width . " x " . $height . " </p> " ;
2022-07-23 14:03:11 +00:00
2022-08-01 10:20:00 +00:00
// Image Upload date
echo " <p>Last updated: " . $image [ 'upload' ] . " (+0)</p> " ;
2022-07-23 14:03:11 +00:00
// Image download
echo " <a class='btn alert-high space-top' href='images/ " . $image [ 'imagename' ] . " ' download=' " . $image [ 'imagename' ] . " '><img class='svg' src='assets/icons/download.svg'>Download image</a> " ;
2022-07-21 14:53:04 +00:00
?>
</ div >
2022-07-28 21:18:14 +00:00
< div class = " tags-root default-window " >
< h2 > Tags </ h2 >
2022-07-29 12:53:36 +00:00
< div class = " tags flex-left " >
2022-07-28 21:18:14 +00:00
< ? php
2022-07-30 15:01:56 +00:00
// Get image tags
if ( isset ( $image [ 'tags' ]) && ! empty ( $image [ 'tags' ])) {
$image_tags_array = explode ( " " , $image [ 'tags' ]);
foreach ( $image_tags_array as $tag ) {
echo " <p class='tag alert-high'> " . $tag . " </p> " ;
}
} else {
echo " <p>No tags present</p> " ;
2022-07-28 21:18:14 +00:00
}
?>
</ div >
</ div >
2022-07-25 17:28:55 +00:00
< ? php
2022-07-30 15:01:56 +00:00
/*
Check if user is privilaged ,
If yes , grant them access to the Danger zone , or " the place that can fuck things up "
Checking is done prior to here
*/
2022-07-30 10:41:37 +00:00
if ( $privilaged ) {
2022-08-06 21:14:05 +00:00
?>
<!-- Danger zone -->
< div class = 'danger-zone flex-down default-window' >
< h2 > Danger zone </ h2 >
<!-- Delete -->
< button id = 'deleteButton' class = 'btn alert-low' >< img class = 'svg' src = 'assets/icons/trash.svg' > Delete image </ button >
< script >
$ ( '#deleteButton' ) . click ( function (){
2022-08-07 08:07:18 +00:00
var header = " Are you sure? " ;
var description = " Deleting this image is pernament, there is no going back after this!!!!! " ;
var actionBox = " <button class='btn alert-low'><img class='svg' src='assets/icons/trash.svg'>Delete image</button> " ;
flyoutShow ( header , description , actionBox );
2022-08-06 21:14:05 +00:00
});
</ script >
2022-08-07 08:07:18 +00:00
<!--
|-------------------------------------------------------------
| Edit description
|-------------------------------------------------------------
-->
< button id = 'descriptionButton' class = 'btn alert-low space-top-small' >< img class = 'svg' src = 'assets/icons/edit.svg' > Edit description </ button >
2022-08-06 21:14:05 +00:00
< script >
2022-08-07 08:07:18 +00:00
$ ( '#descriptionButton' ) . click ( function (){
var header = " Enter new Description/Alt " ;
var description = " Whatcha gonna put in there 👀 " ;
2022-08-07 09:59:27 +00:00
var actionBox = " <form id='descriptionConfirm'> \
< input id = 'descriptionInput' class = 'btn alert-default space-bottom' type = 'text' name = 'descriptionInput' placeholder = 'Description/Alt for image' > \
< button id = 'descriptionSubmit' class = 'btn alert-low' type = 'submit name=' descriptionSubmit '' >< img class = 'svg' src = 'assets/icons/edit.svg' > Update information </ button > \
2022-08-07 08:07:18 +00:00
</ form > \
< div id = 'descriptionErrorHandling' ></ div > " ;
flyoutShow ( header , description , actionBox );
});
2022-08-07 09:59:27 +00:00
$ ( " #descriptionConfirm " ) . submit ( function ( event ) {
event . preventDefault ();
var descriptionInput = $ ( " #descriptionInput " ) . val ();
var descriptionSubmit = $ ( " #descriptionSubmit " ) . val ();
$ ( " #descriptionErrorHandling " ) . load ( " app/image/edit_description.php " , {
id : < ? php echo $_GET [ 'id' ]; ?> ,
description : descriptionInput ,
submit : descriptionSubmit
2022-08-07 08:07:18 +00:00
});
2022-08-06 21:14:05 +00:00
});
</ script >
<!-- Edit tags -->
< button id = 'tagButton' class = 'btn alert-low space-top-small' >< img class = 'svg' src = 'assets/icons/edit.svg' > Add image tags </ button >
< script >
$ ( '#tagButton' ) . click ( function (){
2022-08-07 08:07:18 +00:00
var header = " Tags " ;
var description = " Add image tags here! This is still being tested so your tags may be removed later on. Tags ONLY accept, letters, numbers and underscores. Hyphens will be stitched to underscores and spaces will seperate the different tags from eachother " ;
var actionBox = " <input class='btn alert-default space-bottom' type='text' name='add_tags' placeholder='Tags are seperated by spaces'> \
< button class = 'btn alert-low' >< img class = 'svg' src = 'assets/icons/edit.svg' > Add tags </ button > " ;
flyoutShow ( header , description , actionBox );
2022-08-06 21:14:05 +00:00
});
</ script >
<!-- Edit authro -->
< ? php
2022-08-01 09:31:23 +00:00
if ( is_admin ( $_SESSION [ 'id' ])) {
2022-08-06 21:14:05 +00:00
?>
< form id = 'author_form' method = 'POST' action = 'ui/image_interaction.php' >
2022-08-03 16:46:50 +00:00
< input id = 'author_header' type = 'hidden' name = 'header' value = 'Who owns the image?????' >
< input id = 'author_description' type = 'hidden' name = 'description' value = 'Enter ID of image owner' >
2022-08-07 08:07:18 +00:00
< button id = 'author_submit' class = 'btn alert-low space-top-small' type = 'submit' name = 'author_flyout' >< img class = 'svg' src = 'assets/icons/edit.svg' > Edit author </ button >
2022-08-06 21:14:05 +00:00
</ form >
< ? php
2022-07-30 15:01:56 +00:00
}
2022-07-25 17:28:55 +00:00
echo " </div> " ;
}
?>
2022-07-21 14:53:04 +00:00
2022-08-07 08:07:18 +00:00
< ? php include " ui/footer.php " ; ?>
2022-07-21 14:53:04 +00:00
</ body >
</ html >
