312 lines
8.6 KiB
Bash
Executable File
312 lines
8.6 KiB
Bash
Executable File
#!/usr/bin/env bash
|
|
|
|
# gallery.sh
|
|
# Author: Nils Knieling - https://github.com/Cyclenerd/gallery_shell
|
|
# Inspired by: Shapor Naghibzadeh - https://github.com/shapor/bashgal
|
|
|
|
#########################################################################################
|
|
#### Configuration Section
|
|
#########################################################################################
|
|
|
|
MY_HEIGHT_SMALL=406
|
|
MY_HEIGHT_LARGE=768
|
|
MY_QUALITY=85
|
|
MY_THUMBDIR="_thumbs"
|
|
MY_INDEX_HTML_FILE="index.html"
|
|
MY_TITLE="Photos"
|
|
MY_FOOTER='Some dude taking photos'
|
|
|
|
# Use convert from ImageMagick
|
|
MY_CONVERT_COMMAND="magick"
|
|
# Use JHead for EXIF Information
|
|
MY_EXIF_COMMAND="jhead"
|
|
|
|
# Bootstrap 4
|
|
MY_CSS="./style.css"
|
|
|
|
# Debugging output
|
|
# true=enable, false=disable
|
|
MY_DEBUG=true
|
|
|
|
#########################################################################################
|
|
#### End Configuration Section
|
|
#########################################################################################
|
|
|
|
|
|
MY_SCRIPT_NAME=$(basename "$0")
|
|
MY_DATETIME=$(date -u "+%Y-%m-%d %H:%M:%S")
|
|
MY_DATETIME+=" UTC"
|
|
|
|
function usage {
|
|
MY_RETURN_CODE="$1"
|
|
echo -e "Usage: $MY_SCRIPT_NAME [-t <title>] [-d <thumbdir>] [-h]:
|
|
[-t <title>]\\t sets the title (default: $MY_TITLE)
|
|
[-d <thumbdir>]\\t sets the thumbdir (default: $MY_THUMBDIR)
|
|
[-h]\\t\\t displays help (this message)"
|
|
exit "$MY_RETURN_CODE"
|
|
}
|
|
|
|
function debugOutput(){
|
|
if [[ "$MY_DEBUG" == true ]]; then
|
|
echo "$1" # if debug variable is true, echo whatever's passed to the function
|
|
fi
|
|
}
|
|
|
|
function getFileSize(){
|
|
# Be aware that BSD stat doesn't support --version and -c
|
|
if stat --version &>/dev/null; then
|
|
# GNU
|
|
MY_FILE_SIZE=$(stat -c %s "$1" | awk '{$1/=1000000;printf "%.2fMB\n",$1}')
|
|
else
|
|
# BSD
|
|
MY_FILE_SIZE=$(stat -f %z "$1" | awk '{$1/=1000000;printf "%.2fMB\n",$1}')
|
|
fi
|
|
echo "$MY_FILE_SIZE"
|
|
}
|
|
|
|
while getopts ":t:d:h" opt; do
|
|
case $opt in
|
|
t)
|
|
MY_TITLE="$OPTARG"
|
|
;;
|
|
d)
|
|
MY_THUMBDIR="$OPTARG"
|
|
;;
|
|
h)
|
|
usage 0
|
|
;;
|
|
*)
|
|
echo "Invalid option: -$OPTARG"
|
|
usage 1
|
|
;;
|
|
esac
|
|
done
|
|
|
|
debugOutput "- $MY_SCRIPT_NAME : $MY_DATETIME"
|
|
|
|
### Check Commands
|
|
command -v $MY_CONVERT_COMMAND >/dev/null 2>&1 || { echo >&2 "!!! $MY_CONVERT_COMMAND it's not installed. Aborting."; exit 1; }
|
|
command -v $MY_EXIF_COMMAND >/dev/null 2>&1 || { echo >&2 "!!! $MY_EXIF_COMMAND it's not installed. Aborting."; exit 1; }
|
|
|
|
### Create Folders
|
|
[[ -d "$MY_THUMBDIR" ]] || mkdir "$MY_THUMBDIR" || exit 2
|
|
|
|
MY_HEIGHTS[0]=$MY_HEIGHT_SMALL
|
|
MY_HEIGHTS[1]=$MY_HEIGHT_LARGE
|
|
for MY_RES in "${MY_HEIGHTS[@]}"; do
|
|
[[ -d "$MY_THUMBDIR/$MY_RES" ]] || mkdir -p "$MY_THUMBDIR/$MY_RES" || exit 3
|
|
done
|
|
|
|
#### Create Startpage
|
|
debugOutput "$MY_INDEX_HTML_FILE"
|
|
cat > "$MY_INDEX_HTML_FILE" << EOF
|
|
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>$MY_TITLE</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<link rel="stylesheet" href="$MY_CSS">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="navbar navbar-dark bg-dark shadow-sm">
|
|
<div class="container">
|
|
<a href="#" class="navbar-brand">
|
|
<strong>$MY_TITLE</strong>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="container">
|
|
EOF
|
|
|
|
### Photos (JPG)
|
|
if [[ $(find . -maxdepth 1 -type f -iname \*.jpg | wc -l) -gt 0 ]]; then
|
|
|
|
MY_ROWS='3'
|
|
echo '<div class="row row-cols-sm-1 row-cols-md-'"$((MY_ROWS-2))"' row-cols-lg-'"$((MY_ROWS-1))"' row-cols-xl-'"$MY_ROWS"' py-5">' >> "$MY_INDEX_HTML_FILE"
|
|
## Generate Images
|
|
MY_NUM_FILES=0
|
|
for MY_FILENAME in *.[jJ][pP][gG]; do
|
|
MY_FILELIST[$MY_NUM_FILES]=$MY_FILENAME
|
|
(( MY_NUM_FILES++ ))
|
|
for MY_RES in "${MY_HEIGHTS[@]}"; do
|
|
if [[ ! -s $MY_THUMBDIR/$MY_RES/$MY_FILENAME ]]; then
|
|
debugOutput "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
|
|
$MY_CONVERT_COMMAND "$MY_FILENAME" -auto-orient -strip -quality $MY_QUALITY -resize x$MY_RES "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
|
|
fi
|
|
done
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<div class="col">
|
|
<p>
|
|
<a href="$MY_THUMBDIR/$MY_FILENAME.html"><img src="$MY_THUMBDIR/$MY_HEIGHT_SMALL/$MY_FILENAME" alt="Thumbnail: $MY_FILENAME" class="rounded mx-auto d-block" height="$((MY_HEIGHT_SMALL/2))"></a>
|
|
</p>
|
|
</div>
|
|
EOF
|
|
done
|
|
echo '</div>' >> "$MY_INDEX_HTML_FILE"
|
|
|
|
## Generate the HTML Files for Images in thumbdir
|
|
MY_FILE=0
|
|
while [[ $MY_FILE -lt $MY_NUM_FILES ]]; do
|
|
MY_FILENAME=${MY_FILELIST[$MY_FILE]}
|
|
MY_PREV=""
|
|
MY_NEXT=""
|
|
[[ $MY_FILE -ne 0 ]] && MY_PREV=${MY_FILELIST[$((MY_FILE - 1))]}
|
|
[[ $MY_FILE -ne $((MY_NUM_FILES - 1)) ]] && MY_NEXT=${MY_FILELIST[$((MY_FILE + 1))]}
|
|
MY_IMAGE_HTML_FILE="$MY_THUMBDIR/$MY_FILENAME.html"
|
|
MY_EXIF_INFO=$($MY_EXIF_COMMAND "$MY_FILENAME")
|
|
MY_FILESIZE=$(getFileSize "$MY_FILENAME")
|
|
debugOutput "$MY_IMAGE_HTML_FILE"
|
|
cat > "$MY_IMAGE_HTML_FILE" << EOF
|
|
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>$MY_FILENAME</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<link rel="stylesheet" href="$MY_CSS">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="navbar navbar-dark bg-dark shadow-sm">
|
|
<div class="container">
|
|
<a href="../index.html" class="navbar-brand">
|
|
<strong>$MY_TITLE</strong>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="container">
|
|
EOF
|
|
|
|
# Pager
|
|
echo '<div class="row py-3"><div class="col text-left">' >> "$MY_IMAGE_HTML_FILE"
|
|
if [[ $MY_PREV ]]; then
|
|
echo '<a href="'"$MY_PREV"'.html" accesskey="p" title="⌨️ PC: [Alt]+[Shift]+[P] / MAC: [Control]+[Option]+[P]" class="btn btn-secondary " role="button">« Previous</a>' >> "$MY_IMAGE_HTML_FILE"
|
|
else
|
|
echo '<a href="#" class="btn btn-secondary disabled" role="button" aria-disabled="true">« Previous</a>' >> "$MY_IMAGE_HTML_FILE"
|
|
fi
|
|
cat >> "$MY_IMAGE_HTML_FILE" << EOF
|
|
</div>
|
|
<div class="col d-none d-md-block text-center"><h3>$MY_FILENAME</h3></div>
|
|
<div class="col text-right">
|
|
EOF
|
|
if [[ $MY_NEXT ]]; then
|
|
echo '<a href="'"$MY_NEXT"'.html" accesskey="n" title="⌨️ PC: [Alt]+[Shift]+[N] / MAC: [Control]+[Option]+[N]" class="btn btn-secondary ">Next »</a>' >> "$MY_IMAGE_HTML_FILE"
|
|
else
|
|
echo '<a href="#" class="btn btn-secondary disabled" role="button" aria-disabled="true">Next »</a>' >> "$MY_IMAGE_HTML_FILE"
|
|
fi
|
|
echo '</div></div>' >> "$MY_IMAGE_HTML_FILE"
|
|
|
|
cat >> "$MY_IMAGE_HTML_FILE" << EOF
|
|
<div class="row">
|
|
<div class="col">
|
|
<p><img src="$MY_HEIGHT_LARGE/$MY_FILENAME" class="img-fluid" alt="Image: $MY_FILENAME"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<p><a class="btn btn-primary" href="../$MY_FILENAME">Download Original ($MY_FILESIZE)</a></p>
|
|
</div>
|
|
</div>
|
|
EOF
|
|
|
|
# EXIF
|
|
if [[ $MY_EXIF_INFO ]]; then
|
|
cat >> "$MY_IMAGE_HTML_FILE" << EOF
|
|
<div class="row">
|
|
<div class="col">
|
|
<pre>
|
|
$MY_EXIF_INFO
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
EOF
|
|
fi
|
|
|
|
# Footer
|
|
cat >> "$MY_IMAGE_HTML_FILE" << EOF
|
|
</main> <!-- // main container -->
|
|
<br>
|
|
<footer class="footer mt-auto py-3 bg-light">
|
|
<div class="container">
|
|
<span class="text-muted">$MY_FOOTER - $MY_DATETIME</span>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
EOF
|
|
(( MY_FILE++ ))
|
|
done
|
|
|
|
fi
|
|
|
|
### Movies (MOV or MP4)
|
|
if [[ $(find . -maxdepth 1 -type f -iname \*.mov -o -iname '*.mp4' | wc -l) -gt 0 ]]; then
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="page-header"><h2>Movies</h2></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
EOF
|
|
if [[ $(find . -maxdepth 1 -type f -iname \*.mov | wc -l) -gt 0 ]]; then
|
|
for MY_FILENAME in *.[mM][oO][vV]; do
|
|
MY_FILESIZE=$(getFileSize "$MY_FILENAME")
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
|
|
EOF
|
|
done
|
|
fi
|
|
if [[ $(find . -maxdepth 1 -type f -iname \*.mp4 | wc -l) -gt 0 ]]; then
|
|
for MY_FILENAME in *.[mM][pP]4; do
|
|
MY_FILESIZE=$(getFileSize "$MY_FILENAME")
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
|
|
EOF
|
|
done
|
|
fi
|
|
echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
|
|
fi
|
|
|
|
### Downloads (ZIP)
|
|
if [[ $(find . -maxdepth 1 -type f -iname \*.zip | wc -l) -gt 0 ]]; then
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="page-header"><h2>Downloads</h2></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
EOF
|
|
for MY_FILENAME in *.[zZ][iI][pP]; do
|
|
MY_FILESIZE=$(getFileSize "$MY_FILENAME")
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
<a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
|
|
EOF
|
|
done
|
|
echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
|
|
fi
|
|
|
|
### Footer
|
|
cat >> "$MY_INDEX_HTML_FILE" << EOF
|
|
</main> <!-- // main container -->
|
|
<br>
|
|
<footer class="footer mt-auto py-3 bg-light">
|
|
<div class="container">
|
|
<span class="text-muted">$MY_FOOTER - $MY_DATETIME</span>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
EOF
|
|
|
|
debugOutput "= done"
|