chore: bump version from 2.5.0-dev to 2.5.0

Improve UI & UX

CHANGELOG.md

@@ -1,3 +1,35 @@
+# [2.5.0](https://github.com/oupala/apaxy/compare/2.4.0...2.5.0) (2024-09-15)
+
+
+### Bug Fixes
+
+* Fixed typo in header ([cd741bc](https://github.com/oupala/apaxy/commit/cd741bcfc625b6120ff34c4d0b0147846aefb5d6))
+* remove useless code for fixing hrefs ([b7d7d2a](https://github.com/oupala/apaxy/commit/b7d7d2aeb861e2b553546d089271d80b32b8e9c3))
+* rendering on small (mobile) screens ([95ad6b9](https://github.com/oupala/apaxy/commit/95ad6b92be4eaa7b18394390bcc0a121d1342a88))
+* update the required Apache version in README ([9ed650a](https://github.com/oupala/apaxy/commit/9ed650a4effc47c1696530f2f4baed130340aa86))
+
+
+### Features
+
+* HEIC files and uppercase filenames for LightGallery ([b76dc3b](https://github.com/oupala/apaxy/commit/b76dc3be4aa596e6313c063d15124eb65fcdedaf))
+
+
+
+# [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.4+) 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-lightgallery.js

@@ -1,7 +1,12 @@
 var imageSelector = [
-    'tr:not(.parent) td.indexcolname a[href$=".png"]',
+    'tr:not(.parent) td.indexcolname a[href$=".gif"]'
+    'tr:not(.parent) td.indexcolname a[href$=".GIF"]'
+    'tr:not(.parent) td.indexcolname a[href$=".heic"]',
+    'tr:not(.parent) td.indexcolname a[href$=".HEIC"]',
     'tr:not(.parent) td.indexcolname a[href$=".jpg"]',
-    'tr:not(.parent) td.indexcolname a[href$=".gif"]',
+    'tr:not(.parent) td.indexcolname a[href$=".JPG"]',
+    'tr:not(.parent) td.indexcolname a[href$=".png"]',
+    'tr:not(.parent) td.indexcolname a[href$=".PNG"]',
 ].join(', ');
 
 lightGallery(document.getElementById('indexlist'), {

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'
 		}
 	});
 
@@ -82,11 +99,3 @@ arr.forEach(function(value){
         cont++;
 });
 document.getElementById("breadcrumb").innerHTML = bread;
-if (uri.substring(uri.length-1) != '/'){
-        var indexes = document.getElementsByClassName('indexcolname'),
-        i = indexes.length;
-        while (i--){
-            var a = indexes[i].getElementsByTagName('a')[0];
-            a.href =  uri + '/' + a.getAttribute('href',2);
-        }
-}

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/header.html

@@ -4,6 +4,6 @@
 <ol class="breadcrumb" id="breadcrumb">
 </ol>
 
-<input type="search" id="filter" placeholder="filter contents" />
+<input type="search" id="filter" placeholder="filter content" />
 
 {HEADER-MESSAGE}

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;
@@ -152,7 +164,6 @@ th {
 }
 
 /* 2nd Column: Filename */
-
 th + th {
   width: 65%;
 }
@@ -166,6 +177,7 @@ th + th + th + th {
   width: 5%;
 }
 
+tr th:first-of-type,
 tr td:first-of-type {
   padding-left: 10px;
   padding-right: 10px;
@@ -217,6 +229,9 @@ tr.parent a[href^="/"] {
   body {
     padding: 10px;
   }
+  /* 2nd Column: Filename */
+  .indexcolname { width: 95%; }
+  /* 3rd Column: Last Modified */
   .indexcollastmod { display: none; }
   .wrapper { max-width: 100%; }
 }
@@ -303,7 +318,6 @@ tr.parent a[href^="/"] {
 \*------------------------------------*/
 
 .breadcrumb {
-  white-space: nowrap;
   padding: 0;
   margin: 0;
 }
@@ -315,6 +329,7 @@ tr.parent a[href^="/"] {
   margin: 0 9px 20px -10px;
   padding: 0 15px;
   position: relative;
+  white-space: nowrap;
 }
 @media (prefers-color-scheme: dark) {
   .breadcrumb li {

package.json

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