STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 3 Actions 1 Packages Projects Releases 3 Wiki Activity

updated sizes

Browse Source
This commit is contained in:
James Collins
2023-03-13 21:27:53 +10:00
parent 9be9f4329b
commit c2a0f04cc0
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/Models/Media.php
View File

@@ -173,8 +173,10 @@ class Media extends Model
// Generate additional image sizes // Generate additional image sizes
$sizes = [ $sizes = [
'thumb' => [150, 150], 'thumb' => [150, 150],
'medium' => [300, 300], 'small' => [300, 300],
'medium' => [640, 640],
'large' => [1024, 1024], 'large' => [1024, 1024],
'xlarge' => [1536, 1536],
]; ];
$images = ['full' => $path]; $images = ['full' => $path];
foreach ($sizes as $sizeName => $size) { foreach ($sizes as $sizeName => $size) {

2
public/media.php
View File

@@ -9,7 +9,7 @@ if (isset($_GET['url'])) {
if ($filepath !== false && strlen($filepath) > 0 && strpos($_GET['url'], 'uploads/') === 0 && is_file($filepath)) { if ($filepath !== false && strlen($filepath) > 0 && strpos($_GET['url'], 'uploads/') === 0 && is_file($filepath)) {
if(isset($_GET['size'])) { if(isset($_GET['size'])) {
$availableSizes = ['thumb', 'medium', 'large']; // we ignore full as its the original file $availableSizes = ['thumb', 'small', 'medium', 'large', 'xlarge']; // we ignore full as its the original file
$requestedSize = strtolower($_GET['size']); $requestedSize = strtolower($_GET['size']);
$requestedSizeIndex = array_search($requestedSize, $availableSizes); $requestedSizeIndex = array_search($requestedSize, $availableSizes);

14
resources/js/helpers/image.ts
View File

@@ -16,7 +16,7 @@ export const imageLoad = (
}; };
export const imageSize = (size: string, url: string) => { export const imageSize = (size: string, url: string) => {
const availableSizes = ["thumb", "medium", "large"]; const availableSizes = ["thumb", "small", "medium", "large", "xlarge"];
if (availableSizes.includes(size)) { if (availableSizes.includes(size)) {
if ( if (
url.startsWith((import.meta as ImportMetaExtras).env.APP_URL) === url.startsWith((import.meta as ImportMetaExtras).env.APP_URL) ===
@@ -34,7 +34,12 @@ export const imageThumb = (url: string) => {
return imageSize("thumb", url); return imageSize("thumb", url);
}; };
// Medium 300 x 300 // Small 300 x 300
export const imageSmall = (url: string) => {
return imageSize("small", url);
};
// Small 640 x 640
export const imageMedium = (url: string) => { export const imageMedium = (url: string) => {
return imageSize("medium", url); return imageSize("medium", url);
}; };
@@ -44,6 +49,11 @@ export const imageLarge = (url: string) => {
return imageSize("large", url); return imageSize("large", url);
}; };
// Large 1536 x 1536
export const imageXLarge = (url: string) => {
return imageSize("xlarge", url);
};
// Full size // Full size
export const imageFull = (url: string) => { export const imageFull = (url: string) => {
return imageSize("full", url); return imageSize("full", url);