init

sample_route/.hta_slug/_home.php

@@ -0,0 +1,46 @@
+sample route home
+<button 
+	id="showButton"
+	hx-get="/uikit-modal.html" 
+	hx-target="#modals-here" 
+	class="uk-button uk-button-primary" 
+	_="on htmx:afterOnLoad wait 10ms then add .uk-open to #modal">Open Modal</button>
+
+<div id="modals-here"></div>
+
+<div id="modal" class="uk-modal" style="display:block;">
+	<div class="uk-modal-dialog uk-modal-body">
+		<h2 class="uk-modal-title">Modal Dialog</h2>
+		<p>This modal dialog was loaded dynamically by HTMX.</p>
+
+		<form _="on submit take .uk-open from #modal">
+			<div class="uk-margin">
+				<input class="uk-input" placeholder="What is Your Name?">
+			</div>
+			<button type="button" class="uk-button uk-button-primary">Save Changes</button>
+			<button 
+				id="cancelButton"
+				type="button" 
+				class="uk-button uk-button-default" 
+				_="on click take .uk-open from #modal wait 200ms then remove #modal">Close</button>
+		</form>
+	</div>
+</div>
+<script>
+    // This triggers the fade-in animation when a modal dialog is loaded and displayed
+window.document.getElementById("showButton").addEventListener("htmx:afterOnLoad", function() {
+	setTimeout(function(){
+		window.document.getElementById("modal").classList.add("uk-open")
+	}, 10)
+})
+
+
+// This triggers the fade-out animation when the modal is closed.
+window.document.getElementById("cancelButton").addEventListener("click", function() {
+	window.document.getElementById("modal").classList.remove("uk-open")
+	setTimeout(function(){
+		window.document.getElementById("modals-here").innerHTML = ""
+		,200
+	})
+})
+</script>

sample_route/index.php

@@ -0,0 +1,16 @@
+<?php
+require_once('../.hta_config/var.php');
+
+$url = explode('/', $_SERVER['REQUEST_URI']);
+if (strpos($url[2], "?") !== false) {
+    $url2 = explode('?', $url[2]);
+    $slug=$url2[1];
+}   else  $slug=$url[2];
+
+require_once('../.hta_slug/_header.php');
+
+if($slug=="") require_once('.hta_slug/_home.php');
+elseif(file_exists(".hta_slug/".$slug.".php")) include ".hta_slug/".$slug.".php";
+else require_once('.hta_slug/_404.php');
+
+require_once('../.hta_slug/_footer.php');