소스 검색

adds htmx functionality

rosenclosed 2 년 전
부모
커밋
a8e825230d
1개의 변경된 파일18개의 추가작업 그리고 12개의 파일을 삭제
  1. 18 12
      index.php

+ 18 - 12
index.php

@@ -48,28 +48,34 @@ if ($pageid && $pageid == "") {
                 </div>
             </div>
             <div id="nav-container">
-                <nav id='menu'>
+                <nav id='menu' hx-boost="true">
                     <input type='checkbox' id='responsive-menu' onclick='updatemenu()'><label></label>
                     <ul>
-                        <li><a href='/?p=home'>Home</a></li>
-                        <li><a href='/?p=termine'>Termine</a></li>
-                        <li><a href='/?p=punkterechner'>Punkterechner</a></li>
-                        <li><a href='/?p=bilder'>Bilder</a></li>
-                        <li><a class='dropdown-arrow' href='/?p="ueber-uns"'>Über Uns</a>
+                        <li><a href='/?p=home' hx-get="/pages/home/" hx-target="#main-content" hx-push-url="/?p=home">Home</a></li>
+                        <li><a href='/?p=termine' hx-get="/pages/termine/" hx-target="#main-content" hx-push-url="/?p=termine">Termine</a></li>
+                        <li><a href='/?p=punkterechner' hx-get="/pages/punkterechner/" hx-target="#main-content" hx-push-url="/?p=punkterechner">Punkterechner</a></li>
+                        <li><a href='/?p=bilder' hx-get="/pages/bilder/" hx-target="#main-content" hx-push-url="/?p=bilder">Bilder</a></li>
+                        <li><a class='dropdown-arrow' href='/?p=ueber-uns'>Über Uns</a>
                             <ul class='sub-menus'>
-                                <li><a href='/?p=allgemeines'>Allgemeines</a></li>
-                                <li><a href='/?p=sternsingeraktion'>Sternsingeraktion</a></li>
-                                <li><a href='/?p=vorstandschaft'>Vorstandschaft</a></li>
+                                <li><a href='/?p=ueber-uns/allgemeines' hx-get="/pages/ueber-uns/allgemeines/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/allgemeines">Allgemeines</a></li>
+                                <li><a href='/?p=ueber-uns/sternsingeraktion' hx-get="/pages/ueber-uns/sternsingeraktion/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/sternsingeraktion">Sternsingeraktion</a></li>
+                                <li><a href='/?p=ueber-uns/vorstandschaft' hx-get="/pages/ueber-uns/vorstandschaft/" hx-target="#main-content" hx-push-url="/?p=ueber-uns/vorstandschaft">Vorstandschaft</a></li>
                             </ul>
                         </li>
-                        <li><a href='https://einteilung.minis.at/pfarre/kastulusmoosburg'>Einteilung</a></li>
-                        <li><a href='/?p=impressum'>Impressum</a></li>
+                        <li><a href='https://einteilung.minis.at/pfarre/kastulusmoosburg' hx-boost="false">Einteilung</a></li>
+                        <li><a href='/?p=impressum' hx-get="/pages/impressum/" hx-target="#main-content" hx-push-url="/?p=impressum">Impressum</a></li>
                     </ul>
             </nav>
             </div>
         </header>
 
-        <main></main>
+        <main id="main-content"<?php if ($pageid && $pageid != 'home') {
+            echo ("hx-get=\"/pages/" . $pageid . "/\" hx-trigger=\"load\"");
+        } ?>>
+        
+            
+    
+        </main>
 
         <footer></footer>