- Added new VUE based JS public/js/components/Filter.js, public/js/components/Navigation.js and public/js/apps/LogsViewer.js

- Fixed bootstrap includes in FHC-Footer and FHC-Header
- Moved Job Logs Viewer to VUE

application/views/system/logs/logsViewer.php

@@ -2,42 +2,40 @@
 	$includesArray = array(
 		'title' => 'Logs Viewer',
 		'jquery3' => true,
-		'jqueryui1' => true,
-		'bootstrap3' => true,
-		'fontawesome4' => true,
-		'sbadmintemplate3' => true,
+		'bootstrap5' => true,
+		'fontawesome6' => true,
 		'tablesorter2' => true,
+		'vue3' => true,
 		'ajaxlib' => true,
-		'bootstrapper' => true, // to be used only if you know what you are doing!
-		'filterwidget' => true,
-		'navigationwidget' => true,
+		'filtercomponent' => true,
+		'navigationcomponent' => true,
 		'phrases' => array(
 			'global' => array('mailAnXversandt'),
 			'ui' => array('bitteEintragWaehlen')
 		),
-		'customCSSs' => 'public/css/sbadmin2/tablesort_bootstrap.css'
+		'customJSs' => array('public/js/apps/LogsViewer.js')
 	);
 
 	$this->load->view('templates/FHC-Header', $includesArray);
 ?>
 
-	<div id="wrapper">
+	<div id="main">
 
-		<?php echo $this->widgetlib->widget('NavigationWidget'); ?>
+		<!-- NavigationWidget -->
+		<navigation-widget :add-side-menu-entries="appSideMenuEntries"></navigation-widget>
 
-		<div id="page-wrapper">
-			<div class="container-fluid">
-				<div class="row">
-					<div class="col-lg-12">
-						<h3 class="page-header">
-							Job Logs Viewer
-						</h3>
-					</div>
-				</div>
-				<div>
-					<?php $this->load->view('system/logs/logsViewerData.php'); ?>
+		<div id="content">
+			<div class="row">
+				<div class="col-lg-12">
+					<h3 class="page-header">
+						Job Logs Viewer
+					</h3>
 				</div>
 			</div>
+			<div>
+				<!-- FilterWidget -->
+				<filter-widget filter-type="LogsViewer" @nw-new-entry="newSideMenuEntryHandler"></filter-widget>
+			</div>
 		</div>
 	</div>
 

application/views/templates/FHC-Footer.php

@@ -52,7 +52,7 @@
 	if ($bootstrap3 === true) generateJSsInclude('vendor/twbs/bootstrap3/dist/js/bootstrap.min.js');
 
 	// Bootstrap 5 JS
-	if ($bootstrap5 === true) generateJSsInclude('vendor/twbs/bootstrap5/js/bootstrap.min.js');
+	if ($bootstrap5 === true) generateJSsInclude('vendor/twbs/bootstrap5/dist/js/bootstrap.min.js');
 
 	// Securimage JS
 	if ($captcha3 === true) generateJSsInclude('vendor/dapphp/securimage/securimage.js');

application/views/templates/FHC-Header.php

@@ -34,7 +34,7 @@
 			if ($bootstrap3 === true) generateCSSsInclude('vendor/twbs/bootstrap3/dist/css/bootstrap.min.css');
 
 			// Bootstrap 5 CSS
-			if ($bootstrap5 === true) generateCSSsInclude('vendor/twbs/bootstrap5/css/bootstrap.min.css');
+			if ($bootstrap5 === true) generateCSSsInclude('vendor/twbs/bootstrap5/dist/css/bootstrap.min.css');
 
 			// jQuery UI CSS
 			if ($jqueryui1 === true) generateCSSsInclude('vendor/components/jqueryui/themes/base/jquery-ui.min.css');