Login/Logout

public/css/Cis4/Cis.css

@@ -182,6 +182,9 @@
     width: 100vw;
     /* overflow: visible !important; */
   }
+  #cis-header {
+    z-index: 10;
+  }
   #cis-header nav {
     position: initial;
     transform: none;
@@ -269,7 +272,7 @@
     width: 100vw;
     display: flex;
     justify-content: space-between;
-    z-index: 1;
+    z-index: 10;
   }
   #cis-header nav {
     top: var(--fhc-cis-header-height);

public/js/components/Bootstrap/Modal.js

@@ -19,7 +19,11 @@ export default {
 			default: true
 		},
 		noCloseBtn: Boolean,
-		dialogClass: [String,Array,Object]
+		dialogClass: [String,Array,Object],
+		bodyClass: {
+			type: [String,Array,Object],
+			default: 'px-4 py-5'
+		}
 	},
 	emits: [
 		"hideBsModal",
@@ -64,9 +68,9 @@ export default {
 						ref: 'modal',
 						'onHidden.bs.modal': instance.unmount
 					}}, {
-						title: () => title,
-						default: () => body,
-						footer: () => footer
+						title: title ? () => title : undefined,
+						default: body ? () => body : undefined,
+						footer: footer ? () => footer : undefined
 					});
 				},
 				mounted() {
@@ -92,7 +96,7 @@ export default {
 					<h5 class="modal-title"><slot name="title"/></h5>
 					<button v-if="!noCloseBtn" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 				</div>
-				<div class="modal-body px-4 py-5">
+				<div class="modal-body" :class="bodyClass">
 					<slot></slot>
 				</div>
 				<div v-if="$slots.footer" class="modal-footer">

public/js/components/Cis/Menu.js

@@ -10,6 +10,7 @@ export default {
         rootUrl: String,
         logoUrl: String,
         avatarUrl: String,
+        logoutUrl: String,
         searchbaroptions: Object,
         searchfunction: Function
     },
@@ -45,7 +46,7 @@ export default {
                 <li><a class="btn btn-level-2 rounded-0 d-block" href="#" id="menu-profil">Profil</a></li>
                 <li><a class="btn btn-level-2 rounded-0 d-block" href="#">Ampeln</a></li>
                 <li><hr class="dropdown-divider"></li>
-                <li><a class="btn btn-level-2 rounded-0 d-block" href="#">Logout</a></li>
+                <li><a class="btn btn-level-2 rounded-0 d-block" :href="logoutUrl">Logout</a></li>
             </ul>
             <div id="nav-main-menu" class="collapse collapse-horizontal show">
                 <div>