Added: User: Example how to integrate User component into menu

FlorianFehring · Nov 12, 2024 · cc6d41b · cc6d41b
1 parent 2ac355c
commit cc6d41b
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 3 deletions.
diff --git a/sites/userinterface/user.html b/sites/userinterface/user.html
@@ -168,9 +168,12 @@ <h3>Example 8: Check if user is logged in and use usersdata</h3>
 }
 </code></pre>
 
-
-
-
+            <h3>Example 9: Integrate user form in menu</h3>
+            <p>Useing the default template the user form is automatically integrated into the menu, if you use the nav component too.</p>
+            <pre><code class="lang-html">
+&lt;div id="userexample9" swa="User"&gt;&lt;/div&gt;
+        </code></pre>
+            <a href="user_example9.html" target="_blank">Open example</a>
 
         </article>
         <footer>

diff --git a/sites/userinterface/user_example9.html b/sites/userinterface/user_example9.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>SWAC - user component - example 9</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+        <link rel="icon" type="image/png" sizes="32x32" href="../../files/icons/32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="../../files/icons/16x16.png">
+        <link rel="stylesheet" type="text/css" href="../../css/global.css">
+        <noscript>
+        <link rel="stylesheet" type="text/css" href="../../css/noscript.css">
+        </noscript>
+
+        <link rel="stylesheet" href="/SWAC/swac/libs/uikit/css/uikit.min.css" />
+        <script src="/SWAC/swac/libs/uikit/js/uikit.min.js"></script>
+        <script src="/SWAC/swac/swac.js" type="module"></script>
+    </head>
+    <body>
+        <header id="head_navigation" swa="Navigation FROM ../../data/routes.json"></header>
+        <noscript>
+        <div class="noscript_nav">
+            <a href="../sitemap.html" class="uk-button uk-button-primary">Sitemap</a>
+            <br>Bitte aktiviere Javascript, um die bestmögliche Ansicht zu haben. / Please activate Javascript for the best experience.
+        </div>
+        </noscript>
+
+        <article>
+            <h1>Example 9: Integrate user form in menu</h1>
+            <p>Useing the default template the user form is automatically integrated into the menu, if you use the nav component too.</p>
+            <div id="user" swa="User"></div>
+        </article>
+    </body>
+</html>