aanpassen styling voor side menu

This commit is contained in:
2018-04-05 21:17:07 +02:00
parent 858cb89d05
commit cc06950e03
28 changed files with 948 additions and 655 deletions
+55 -33
View File
@@ -1,51 +1,73 @@
<!doctype html>
<html class="no-js css-menubar" lang="en">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="bootstrap admin template">
<meta name="author" content="">
<link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png">
<link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png">
<title>** De Beleidsonderzoeker **</title>
<title>** De Beleidsonderzoeker **</title>
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<link rel="stylesheet" href="css/menu.css">
</head>
<body id="dbois-app">
<!-- ko stopBinding: true -->
<?php $this->load->view('partials/_modals'); ?>
<?php $this->load->view( 'partials/_modals' ); ?>
<!-- /ko -->
<div class="wrapper">
<?php $this->load->view( 'partials/_navbar-left' ); ?>
<?php $this->load->view( 'partials/_navbar-left' ); ?>
<div id="main-content" data-bind="fadeVisible:initialized" style="display:none">
<?php foreach ( $pages as $page ): ?>
<?php if ( count( $page->subpages ) == 0 ): ?>
<?php if($page->app_page == 'F') continue; ?>
<div data-bind="visible: <?= $page->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?>
<!-- /ko -->
<!-- Page Content Holder -->
<div id="content">
<div style="position:relative;">
<div style="position:absolute;right:-10px;top:-20px;z-index:100000">
<div class="navbar-header">
<button type="button" id="sidebarCollapse" style="background-color:#E0E0E0" class="btn btn-default navbar-btn">
<i class="glyphicon glyphicon-align-left"></i>
</button>
</div>
</div>
<?php else: ?>
<?php foreach ( $page->subpages as $subpage ): ?>
<div data-bind="visible: <?= $subpage->pageurl ?>">
</div>
<?php foreach ( $pages as $page ): ?>
<?php if ( count( $page->subpages ) == 0 ): ?>
<?php if ( $page->app_page == 'F' ) continue; ?>
<div data-bind="visible: <?= $page->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $subpage->pageurl] ); ?>
<?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?>
<!-- /ko -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php endforeach; ?>
<?php else: ?>
<?php foreach ( $page->subpages as $subpage ): ?>
<div data-bind="visible: <?= $subpage->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $subpage->pageurl] ); ?>
<!-- /ko -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php $this->load->view( 'partials/_js' ); ?>
<?php endforeach; ?>
</div>
</div>
<?php $this->load->view( 'partials/_js' ); ?>
<!-- jQuery CDN -->
<!-- Bootstrap Js CDN -->
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
</script>
<p class="footer-version-number">V:<?= $this->version ?></p>
</body>
</html>