This is just a simple app for iterating over directories of images and video contained under a root path. It can also create previews for larger images (configurable) and does a very basic video preview using ffmpeg.
Mostly it is an example code playground so you can browse images, see Angular keypress navigation events and hack around with the usual http downloads, headers and ajax support in GoLang. It also creates preview images and video in a multithread friendly manner.
This is done via docker right now, if you just run docker compose up -d db it will get you postgres, but that is not required. To enable database support you then edit the .env file and set USE_DATABASE="true". By default it will just use memory to load up the contents in your DIR environment var (fully qualified). You can also set various settings in the .env file included in the project.
The first thing you need to do is open up the "database.yml" file and edit it to use the correct usernames, passwords, hosts, etc... that are appropriate for your environment. These are correct for the default dev instance.
There is a docker compose file that you can use to bring up a postgres db for development. You can also then reset the database using buffalo commands.
$ docker-compose up -d db
$ buffalo db create -a
$ buffalo db migrate
$ buffalo db reset
To populate the DB with the test directory you can set an environment variable in DIR (fully qualified) and then run the db grift to populate the db.
$ export DIR="/full/path/" && buffalo task db:seed
Creating previews for larger images and an initial preview image for video can be done as follows:
// Note if you ARE using a db setup vs just in memory then you do need to have first run the task db:seed
$ export DIR="/full/path/" && buffalo task db:preview
Nuking out the current set of loaded data that is in the db.
$ export NUKE_IT=y && buffalo task db:nuke
Start by running yarn install in order to get all the required javascript and typescript installed.
See a list of all the available tasks
$ yarn run gulp --tasks
For doing rapid development on javascript I run these in two different consoles
$ yarn run ng build contented --configuration=dev --watch=true --deploy-url /public/build/
$ yarn run ng test contented --watch=true
The app is currently split into the angular app on top and a buffalo webserver.
$ make install # install dependencies
$ make typescript # Compile the typescript
$ make dev # Run the webserver
$ make test
Alternatively you can run it as a docker setup but that is a little rougher for dev without restarts etc.
$docker build -f Dockerfile -t contented .
$docker-compose up -d
Need to add in something around tests and exporting the dir path maybe just have the gulp process do a watch and kick off the tests again. I keep hoping buffalo will add something like ng test --watch=true.
This is pretty much just a holder for getting GoLang, GoBuffalo and Angular trying to play together nicely.
Browse over a set of images or videos in subdirectories. Right now it is just one layer down and expects you want to view something like:
DIR=/root/to/view and under view you have directories a, b, c, d with mixed images and video.
wasd => Navigate up and down
f => Fully load all the directory contents
x => Download.
e => Fullscreen
q => Close Fullscreen
TODO: Allow for viewing just a single directory instead of looking under the root DIR?
