chore: bump version from 2.4.0-dev to 2.4.0

Filter input gets focus on keydown. On page back filter the list if input is not empty.

CHANGELOG.md

@@ -1,3 +1,18 @@
+# [2.4.0](https://github.com/oupala/apaxy/compare/2.3.0...2.4.0) (2022-05-04)
+
+
+### Bug Fixes
+
+* update styles ([ab93a07](https://github.com/oupala/apaxy/commit/ab93a07b3e01032f8cbce5d266f5b49815edab1a))
+
+
+### Features
+
+* filter auto select on key down ([9debee6](https://github.com/oupala/apaxy/commit/9debee6005ab648d57da017c4f29c7fa507da6a8))
+* prevent from suppressing HTML preamble ([bbe754b](https://github.com/oupala/apaxy/commit/bbe754bf34aa16bdfcac1a9c4cdcefbadbeacad8)), closes [#149](https://github.com/oupala/apaxy/issues/149)
+
+
+
 # [2.3.0](https://github.com/oupala/apaxy/compare/2.2.0...2.3.0) (2021-04-23)
 
 

README.md

@@ -27,7 +27,11 @@ Apaxy may be basic, but it gives you a great deal of creative freedom when styli
 
 ## Installation
 
-apaxy requires an apache (2.2.11+) enabled http server.
+apaxy requires an apache (2.2.11+) http server. The configuration of the apache http server have to set an `AllowOverride` statement for the Apaxy styled folder:
+
+```apache
+AllowOverride Options Indexes FileInfo
+```
 
 ### Quick start
 
@@ -49,7 +53,7 @@ The files will be copied to the web server directory, and modified automatically
 
 Let's assume you have a folder named `share` in your server root directory (the path thus being `http://mywebsite.com/share`) that you'd like to use as your listing directory:
 
-- [download](https://github.com/oupala/apaxy/archive/master.zip) and unzip apaxy
+- [download](https://github.com/oupala/apaxy/archive/main.zip) and unzip apaxy
 - copy and paste the contents of the `/apaxy` folder to your `/share` folder
 - edit `htaccess.txt` (now in the `/share` folder) and update all instances of paths marked with *{FOLDERNAME}* to point to your site root
 

apaxy/htaccess.txt

@@ -33,7 +33,7 @@
 Options +Indexes
 
 # index options
-IndexOptions +Charset=UTF-8 +FancyIndexing +FoldersFirst +HTMLTable +IconsAreLinks +IgnoreCase +NameWidth=* +SuppressDescription +SuppressRules +XHTML
+IndexOptions +Charset=UTF-8 +FancyIndexing +FoldersFirst +HTMLTable +IconsAreLinks +IgnoreCase +NameWidth=* +SuppressDescription +SuppressRules +XHTML -SuppressHTMLPreamble
 
 # favicon & meta viewport
 IndexHeadInsert "\

apaxy/theme/apaxy.js

@@ -60,6 +60,23 @@
 	document.addEventListener('readystatechange', function() {
 		if (document.readyState === 'complete') {
 			TableFilter.init();
+			var filterInput = document.getElementById('filter');
+			if ( filterInput.value.trim().length ){
+				filterInput.focus();
+				filterInput.dispatchEvent(new Event('input'));
+			}
+		}
+	});
+
+	// Use Keydown to get special keys like Backspace, Enter, Esc.
+	window.addEventListener('keydown', function (e) {
+		var filterInput = document.getElementById('filter');
+		var isFocused = (document.activeElement === filterInput);
+		if ( !isFocused && String.fromCharCode(e.keyCode).match(/(\w|\s)/g) ) {
+			filterInput.focus();
+		} else {
+			//pressed key is a non-char
+			//e.g. 'esc', 'backspace', 'up arrow'
 		}
 	});
 

apaxy/theme/footer-lightgallery.html

@@ -8,5 +8,5 @@
   Apaxy by <a href="https://twitter.com/adamwhitcroft">@adamwhitcroft</a>
 </div><!--/.footer-->
 <script src={FOLDERNAME}/theme/apaxy.js></script>
-<script src="https://cdn.jsdelivr.net/npm/lightgallery.js@1.1.3/dist/js/lightgallery.min.js" integrity="sha256-eoTGOrFW1o5KcmlIfJxlpOs0sMeGTy0/0rh/fGZEgNM=" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/lightgallery.min.js" integrity="sha256-rJzhAjlCghJKSkx4mAv3VwVgxDSAbNM0AH7PhP4cDns=" crossorigin="anonymous"></script>
 <script src={FOLDERNAME}/theme/apaxy-lightgallery.js></script>

apaxy/theme/header-lightgallery.html

@@ -1,4 +1,4 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery.js@1.1.3/dist/css/lightgallery.min.css" integrity="sha256-oPZ2OUkKul2aJQeDwKoO1p+DpvFR+w17n7YXydvFRWU=" crossorigin="anonymous">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/css/lightgallery-bundle.min.css" integrity="sha256-1gtpcmuOA//0xcazytnM9JqBM3mUDWgwqW1P9U+2/F8=" crossorigin="anonymous">
 
 <div class="wrapper">
 <!-- we open the `wrapper` element here, but close it in the `footer.html` file -->

apaxy/theme/style.css

@@ -42,7 +42,7 @@ code {
 }
 
 a {
-  color: #000;
+  color: #333;
   text-decoration: none;
 }
 @media (prefers-color-scheme: dark) {
@@ -61,11 +61,13 @@ a > img:hover {
 }
 
 a:hover {
-  color: #bababa;
+  color: #000;
 }
+
 @media (prefers-color-scheme: dark) {
   a:hover {
     color: #696969;
+    font-weight: bold;
   }
 }
 
@@ -145,6 +147,16 @@ tr {
   border: 0;
 }
 
+tr.indexhead{
+  border-bottom: 2px solid #999;
+}
+
+tr:not(.indexhead):hover{
+  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25) inset;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25) inset;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25) inset;
+}
+
 th {
   text-align: left;
   font-size: .75em;
@@ -166,6 +178,11 @@ th + th + th + th {
   width: 5%;
 }
 
+tr th:first-of-type {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
 tr td:first-of-type {
   padding-left: 10px;
   padding-right: 10px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "apaxy",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A simple, customisable theme for your Apache directory listing.",
   "main": "index.js",
   "scripts": {