page handling

- entry in main navigation menu
- import navigation component
- remove space side menu

application/config/navigation.php

@@ -153,6 +153,13 @@ $config['navigation_header'] = array(
 					'expand' => true,
 					'sort' => 50,
 					'requiredPermissions' => 'lehre/gruppenmanager:r'
+				),
+				'vertragsverwaltung' => array(
+					'link' => site_url('vertragsverwaltung'),
+					'description' => 'Vertragsverwaltung',
+					'expand' => true,
+					'sort' => 51,
+					'requiredPermissions' => 'vertrag/mitarbeiter:r'
 				)
 			)
 		),

application/views/Vertragsverwaltung.php

@@ -6,7 +6,8 @@ $includesArray = array(
 	'fontawesome6' => true,
 	'vue3' => true,
 	'primevue3' => true,
-	#'filtercomponent' => true,
+	'filtercomponent' => true,
+	'navigationcomponent' => true,
 	'tabulator5' => true,
 	'tinymce5' => true,
 	'phrases' => array(
@@ -16,7 +17,7 @@ $includesArray = array(
 	'customCSSs' => [
 		'public/css/components/vue-datepicker.css',
 		'public/css/components/primevue.css',
-		'public/css/Vertragsverwaltung.css'
+		'public/css/Vertragsverwaltung.css',
 	],
 	'customJSs' => [
 		#'vendor/npm-asset/primevue/tree/tree.min.js',

public/css/Vertragsverwaltung.css

@@ -14,3 +14,7 @@ html {
 .vv> div {
 	flex: 1 1 auto;
 }
+
+.vv {
+	margin-left: 0 !important;
+}

public/js/apps/Vertragsverwaltung.js

@@ -10,7 +10,9 @@ const router = VueRouter.createRouter({
 	]
 });
 
-const app = Vue.createApp();
+const app = Vue.createApp({
+	name: 'VertragsverwaltungApp'
+});
 
 app
 	.use(router)

public/js/components/Vertraege/Vertraege.js

@@ -53,7 +53,6 @@ export default {
 				ajaxResponse: (url, params, response) => response.data,
 				columns: [
 					{title: "Bezeichnung", field: "bezeichnung", width: 150},
-					{title: "lehreinheit_id", field: "lehreinheit_id", visible: true},
 					{
 						title: "Betrag", field: "betrag", width: 150,
 						formatter: function (cell) {
@@ -145,9 +144,6 @@ export default {
 						cm.getColumnByField('bezeichnung').component.updateDefinition({
 							title: this.$p.t('ui', 'bezeichnung')
 						});
-						cm.getColumnByField('lehreinheit_id').component.updateDefinition({
-							title: this.$p.t('ui', 'lehreinheit_id')
-						});
 						cm.getColumnByField('betrag').component.updateDefinition({
 							title: this.$p.t('ui', 'betrag')
 						});

public/js/components/Vertraege/Vertragsverwaltung.js

@@ -1,3 +1,4 @@
+import {CoreNavigationCmpt} from "../navigation/Navigation.js";
 import MitarbeiterHeader from "./MitarbeiterHeader.js";
 import FhcHeader from "../DetailHeader/DetailHeader.js";
 import VertraegeMitarbeiter from "./Vertraege.js";
@@ -8,6 +9,7 @@ import ApiCoreVertraege from '../../api/factory/vertraege/vertraege.js';
 export default {
 	name: 'Vertragsverwaltung',
 	components: {
+		CoreNavigationCmpt,
 		VerticalSplit,
 		MitarbeiterHeader,
 		FhcHeader,
@@ -38,9 +40,11 @@ export default {
 		}
 	},
 	template: `
-<div class="vv">
-	<div class="container-fluid overflow-hidden">
-			<main class="col-md-8 ms-sm-auto col-lg-9 col-xl-10">
+		<!-- Navigation component -->
+		<core-navigation-cmpt></core-navigation-cmpt>
+
+		<div class="vv">
+			<main>
 				<vertical-split ref="vsplit">
 					<template #top>	
 						<div class="d-flex flex-column" style="height: 100%;">
@@ -62,6 +66,5 @@ export default {
 				</vertical-split>
 			</main>	
 		</div>
-	</div>
-	`
+		`
 }