Skip to content

A HTML5 autoindex for NGINX without the fancy index module or ajax calls.

License

Notifications You must be signed in to change notification settings

EthraZa/NGINdeX.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NGINdeX.io is NGINX autoindex redux.

A pretty but simple autoindex for Nginx without the fancy index module. It will read up the content from a NGINX folder and create a pretty HTML5 table to browse it with column sort and filter.

It uses a minimal CSS library and vanilla JavaScript for resources wise performance.

Install

Downlod header.html and footer.html into a folder in your NGINX webserver and copy the nginx.example.conf setup to your NGINX config file.

Usage

It has no configs, except a couple of params that can be passed to the URL.

Color Theme

  • t = theme_name

ie: https://domain.tld/folder?t=maroon

Background image

  • b = Image_URL

ie: https://domain.tld/folder?b=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1569235186275-626cb53b83ce%3Fixlib%3Drb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1352&q=80&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1352&q=80

DateTime Format

  • l = Language_Locale (Defaults to "sv-SE" = "YYYY-MM-DD HH:MM:SS" so it gets right ordered)

ie: https://domain.tld/folder?l=en-US

CSS libraries and themes

It is tested and works with the followings CSS libraries:

* You can uncomment any of then at the top of header.html (<head>).

How it works

  1. The nginx autoindex module delivers the folder content in JSON format (autoindex_format json) with header.html at the beginning and footer.html at the end of the output
  2. The downloaded JSON will end up inside a hidden DIV as text, without any AJAX call (add_header Content-Type text/html)
  3. When the download is done, the JSON is read and parsed by JavaScript
  4. The table with the server folder content is then build and the loading CSS animation is closed

Screenshots

| |

| |

| |

| |

| |

| |



NGINdeX.io is based on





Quote

"People will not look forward to posterity, who never look backward to their ancestors."

― Edmund Burke, Reflections on the Revolution in France

About

A HTML5 autoindex for NGINX without the fancy index module or ajax calls.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages