#!/bin/bash
# 2024-01-21 Hyperling
# Transition away from PhotoPrism. Helps to save system resources and downsize.

## Static Variables ##
DIR=`dirname $0`
a="a target='_blank' rel='noopener noreferrer'"

## Functions ##
function remove_problem_strings {
	file="$1"
	sed -i -e 's/#!\/usr\/bin\/php//g' $file
}

# Move to the main directory.
cd $DIR/..

# Where resources are from the main directory.
HELPER_DIR=./pages/helpers
PHOTOS_DIR=./files/photos
mainpage=$PHOTOS_DIR/index.html
allpage=$PHOTOS_DIR/all.html

# Use the cached version if available.
if [[ -e $mainpage ]]; then
	cat $mainpage
	echo "<!-- Loaded from cache. :) -->"
	exit 0
fi

## Start the main /photos/ page. ##
function start_main_page {
	# Create the necessary HTML components for a web page.
	$HELPER_DIR/body_open.php > $mainpage
	sed -i -e 's/Hyperling/Hyperling: Photos/' $mainpage
	echo "" >> $mainpage

	# Give the page a description.
	echo -e "\t\t<div class='row'>" >> $mainpage
	echo -e "\t\t\t<h1 class='col-12 title'>Albums</h1>" >> $mainpage
	echo -e "\t\t</div>" >> $mainpage

	echo -e "\t\t<div class='row'>" >> $mainpage
	echo -e "\t\t\t<div class='col-12 text'>" >> $mainpage
	echo -en "\t\t\t\t<p>You may click on an album name to " >> $mainpage
	echo -en "view all of its files, or click on a specific image to bring up the " >> $mainpage
	echo -en "full resolution. On the album pages you may also click an image or " >> $mainpage
	echo -e "video name to pull up the full resolution for download.</p>" >> $mainpage
	echo -e "\t\t\t</div>" >> $mainpage
	echo -e "\t\t</div>" >> $mainpage

	echo -e "\t\t<div class='row'>" >> $mainpage
	echo -e "\t\t\t<$a href='/photos-all'" >> $mainpage
	echo -e "\t\t\t\tclass='col-12 header'>Click Here for the Full Photo Feed" >> $mainpage
	echo -e "\t\t\t</a>" >> $mainpage
	echo -e "\t\t</div>" >> $mainpage
}

## Close out the main page after the sub pages are done being added. ##
function end_main_page {
	# Finish the main /photos/ page.
	$HELPER_DIR/body_close.php >> $mainpage
	echo "<!-- Built on `date`. -->" >> $mainpage
	remove_problem_strings $mainpage
}

## Create the album pages. ##
function build_album_pages {
	# Display the album names descending.
	ls $PHOTOS_DIR/ | sort -r | while read album; do
		# Skip files, only read directories.
		if [[ ! -d "$PHOTOS_DIR/$album" || "$album" == "all" ]]; then
			continue
		fi

		# Clean album name.
		album_name=${album}
		album_name=${album_name//_/ }
		album_name=${album_name//-/ }
		echo -e "\t\t<div class='row'>" >> $mainpage
		echo -en "\t\t\t<h2 class='col-12 title'>" >> $mainpage
		echo -en "<$a href='/files/photos/$album/index.html'>" >> $mainpage
		echo -e "$album_name</a></h2>" >> $mainpage
		echo -e "\t\t</div>" >> $mainpage

		# Catch all the upcoming photo records.
		echo -e "\t\t<div class='row'>\n\t\t\t<div class='col-12 text'>" >> $mainpage

		# Create index page for each photo ALBUM based on its contents.
		page=""
		subpage="$PHOTOS_DIR/$album/index.html"
		$HELPER_DIR/body_open.php > $subpage
		sed -i -e "s/Hyperling/Hyperling: $album_name/" $subpage
		echo "" >> $subpage

		# Add a back button
		echo -en "\n\t\t<div class='row'>\n\t\t\t<a href='/photos'>" >> $subpage
		echo -e "<h3 class='col-12 title'>Back</h3></a>\n\t\t</div>" >> $subpage

		# Build the ALBUM page.
		echo -e "\t\t<div class='row'>" >> $subpage
		echo -e "\t\t\t<h1 class='col-12 title'>$album_name</h1>" >> $subpage
		echo -e "\t\t</div>" >> $subpage

		ls $PHOTOS_DIR/$album/* | sort | while read photo; do
			# Do not include the index page.
			if [[ $photo == *"index.html" ]]; then
				continue
			fi

			# Clean filename to be a little more presentable.
			# Going with CAPSLOCK. ;)
			typeset -u filename
			filename="`basename $photo`"
			# Remove extension.
			filename="${filename%%.*}"
			# Remove special characters for spaces.
			filename="${filename//_/ }"
			filename="${filename//-/ }"

			if [[ $photo == *"/README.md" || $photo == *"/README.txt" ]]; then
				# If there is a README, show it on the PHOTOS page without a link.
				echo -e "\t\t\t\t<p>`cat $photo`</p>" >> $mainpage
			else
				# Otherwise put in the PHOTOS page list.
				echo -en "\t\t\t\t<li class='indent'><$a href='/$photo'>$filename" >> $mainpage
				if [[ $photo == *".mp4" ]]; then
					echo -en " [VIDEO]" >> $mainpage
				fi
				echo -e "</a></li>" >> $mainpage
			fi

			## Put in the subpage HTML ##
			# Set the count if this is the first loop.
			if [[ -z $count ]]; then
				count=0
			fi
			# Add a row for the next 2 images.
			if (( $count % 2 == 0 )); then
				echo -e "\t\t<div class='row text'>" >> $subpage
			fi
			# Add the container for the image and its text.
			echo -e "\t\t\t<div class='col-6 center'>" >> $subpage
			echo -en "\t\t\t\t<$a href='/$photo'>" >> $subpage
			# Determine what type of media it is, and how to display it.
			if [[ $photo == *".mp4" ]]; then
				echo -e "\t\t\t\t\t<video width='320px' controls>" >> $subpage
				echo -e "\t\t\t\t\t\t<source src='/$photo' type=video/mp4>" >> $subpage
				echo -e "\t\t\t\t\t\tYour browser does not support videos." >> $subpage
				echo -e "\t\t\t\t\t</video>" >> $subpage
			elif [[ $photo == *".md" || $photo == *".txt" ]]; then
				echo -e "\t\t\t\t\t<p>`cat $photo`</p>" >> $subpage
			else
				echo -e "\t\t\t\t\t<img src='/$photo' alt=''>" >> $subpage
			fi
			# Check if it needs an extra descriptive detail.
			echo -en "\t\t\t\t\t<p>$filename" >> $subpage
			if [[ $photo == *".mp4" ]]; then
				echo -en " [VIDEO]" >> $subpage
			fi
			# Close the image description and its link.
			echo -e "</p>\n\t\t\t\t</a>\n\t\t\t</div>" >> $subpage
			# Close the row after an odd count.
			if (( $count % 2 == 1 )); then
				echo -e "\t\t</div>" >> $subpage
			fi
			count=$(( count + 1 ))
		done
		echo -e "\t\t</div>" >> $subpage

		# End album listings on PHOTOS page.
		echo -e "\t\t\t</div>" >> $mainpage
		echo -e "\t\t</div>" >> $mainpage

		# Add a final back button
		echo -en "\n\t\t<div class='row'>\n\t\t\t<a href='/photos'>" >> $subpage
		echo -e "<h3 class='col-12 title'>Back</h3></a>\n\t\t</div>" >> $subpage

		# Close out the ALBUM's page.
		$HELPER_DIR/body_close.php >> $subpage
		echo "<!-- Built on `date`. -->" >> $subpage
		remove_problem_strings $subpage
	done
}

## Create an ALL page. ##
function build_all_page {
	# - Shows all photos in descending order, as an overall feed.
	# - Four images wide.
	# - Has 2 URLs below the image. One to the album, and one to the image.
	# - Image is a URL to itself as with other pages.
	# - Images are shown at maximum 500px or so vertical for quick scrolling.

	# Create/overwrite file.
	$HELPER_DIR/body_open.php > $allpage
	sed -i -e 's/Hyperling/Hyperling: All Photos/' $allpage
	echo "" >> $allpage

	# Add header.
	echo -e "\t\t<div class='row'>" >> $allpage
	echo -e "\t\t\t<h1 class='col-12 title'>All Photo Feed</h1>" >> $allpage
	echo -e "\t\t</div>" >> $allpage

	# Add images to the page
	find $PHOTOS_DIR/ ! -name "*".html | sort -r | while read media_file; do
		if [[ -d $media_file
			|| "$media_file" == *"/photos/README.md"
		]]; then
			continue
		fi

		# Remove the initial '.' from the URI.
		media_uri="${media_file//\.\//\/}"

		# Path to the image home.
		dir_uri="`dirname $media_uri`"

		# Prepare variables which will be used throughout the loop.
		media_name="`basename $media_uri`"
		dir_name="`basename $dir_uri`"

		# This must be after the dir_name has been pulled.
		dir_uri="$dir_uri/index.html"

		# Do not show the file extension for the filename.
		media_name="${media_name%%.*}"

		# Change underscores and dashes to be spaces for better overflow.
		media_name="${media_name//_/ }"
		media_name="${media_name//-/ }"
		dir_name="${dir_name//_/ }"
		dir_name="${dir_name//-/ }"

		media="<img src='$media_uri' alt='' style='width:100%'>"

		# Determine how to show the file.
		if [[ $media_uri == *".mp4" ]]; then
			media="<video controls style='width:100%'>"
			media="${media}<source src='$media_uri' type=video/mp4>"
			media="${media}Your browser does not support videos."
			media="${media}</video>"
			media_name="$media_name [VIDEO]"
		elif [[ $media_uri == *".md" || $media_uri == *".txt" ]]; then
			media="<p>`cat $media_file`</p>"
		fi

		# Add a row if count has reset.
		if [[ -z $count ]]; then
			count=0
		fi
		if [[ $count == 0 ]]; then
			echo -e "\t\t<div class=row text>" >> $allpage
		fi

		# Add a column.
		echo -e "\t\t\t<div class=col-3>" >> $allpage

		# Add the image.
		echo -e "\t\t\t\t<div class=center>" >> $allpage
		echo -e "\t\t\t\t\t<$a href='$media_uri'>$media</a>" >> $allpage
		echo -e "\t\t\t\t</div>" >> $allpage

		# Add the URLs.
		echo -e "\t\t\t\t<div class=center>" >> $allpage
		echo -e "\t\t\t\t\t<p><$a href='$dir_uri'>$dir_name</a></p>" >> $allpage
		echo -e "\t\t\t\t</div>" >> $allpage
		echo -e "\t\t\t\t<div class=center>" >> $allpage
		echo -e "\t\t\t\t\t<p><$a href='$media_uri'>$media_name</a></p>" >> $allpage
		echo -e "\t\t\t\t</div>" >> $allpage

		# Close the column.
		echo -e "\t\t\t</div>" >> $allpage

		# Close the row and reset the the count if full.
		if [[ $count == 3 ]]; then
			echo -e "\t\t</div>" >> $allpage
			count=0
		else
			count=$(( count + 1 ))
		fi
	done

	# Add a final back button.
	echo -en "\n\t\t<div class='row'>\n\t\t\t<a href='/photos'>" >> $allpage
	echo -e "<h3 class='col-12 title'>Back</h3></a>\n\t\t</div>" >> $allpage

	# Finish the ALL page.
	$HELPER_DIR/body_close.php >> $allpage
	echo "<!-- Built on `date`. -->" >> $allpage
	remove_problem_strings $allpage
}

## Main ##
start_main_page
build_album_pages
build_all_page
end_main_page

cat $mainpage
exit 0