element('layouts/header/header-center'); ?>
diff --git a/templates/element/layouts/header/header-center.php b/templates/element/layouts/header/header-center.php
index 93baae6..4d0f19b 100644
--- a/templates/element/layouts/header/header-center.php
+++ b/templates/element/layouts/header/header-center.php
@@ -1,9 +1,15 @@
Breadcrumbs->add([
- ['title' => 'Broods', 'url' => ['controller' => 'Broods', 'action' => 'index']],
- ['title' => 'Self', 'url' => ['controller' => 'Broods', 'action' => 'view', 4]],
- []
- ]);
+ use Cake\Core\Configure;
+
+ $controller = $this->request->getParam('controller');
+ $action = $this->request->getParam('action');
+ $curentPath = "{$controller}{$action}";
+ $navbarVariant = Configure::read('navbarVariant');
+ $navbarIsDark = Configure::read('navbarIsDark');
+ // $pass = $this->request->getParam('pass');
+
+ $breadcrumbLinks = '';
+ $breadcrumbAction = '';
$this->Breadcrumbs->setTemplates([
'wrapper' => sprintf(
''
@@ -15,12 +21,67 @@
'itemWithoutLink' => '{{separator}}',
'separator' => ''
]);
+
+ if (!empty($breadcrumb)) {
+ foreach ($breadcrumb as $entry) {
+ if (!empty($entry['textGetter'])) {
+ $entry['label'] = Cake\Utility\Hash::get($entity, $entry['textGetter']);
+ }
+ if (!empty($entry['url_vars'])) {
+ $entry['url'] = $this->DataFromPath->buildStringFromDataPath($entry['url'], $entity, $entry['url_vars']);
+ }
+ $this->Breadcrumbs->add($entry['label'], $entry['url']);
+ }
+
+ $lastCrumb = $breadcrumb[count($breadcrumb)-1];
+ if (!empty($lastCrumb['links']) || !empty($lastCrumb['actions'])) {
+ $this->Breadcrumbs->add([[]]); // add last separetor
+ }
+
+ if (!empty($lastCrumb['links'])) {
+ foreach ($lastCrumb['links'] as $i => $linkEntry) {
+ $active = $linkEntry['route_path'] == $lastCrumb['route_path'];
+ if (!empty($linkEntry['url_vars'])) {
+ $linkEntry['url'] = $this->DataFromPath->buildStringFromDataPath($linkEntry['url'], $entity, $linkEntry['url_vars']);
+ }
+ $breadcrumbLinks .= sprintf('
%s',
+ $active ? 'secondary' : $navbarVariant,
+ $linkEntry['url'],
+ $linkEntry['label']
+ );
+ }
+ }
+ if (!empty($lastCrumb['actions'])) {
+ foreach ($lastCrumb['actions'] as $i => $actionEntry) {
+ if (!empty($actionEntry['url_vars'])) {
+ $actionEntry['url'] = $this->DataFromPath->buildStringFromDataPath($actionEntry['url'], $entity, $actionEntry['url_vars']);
+ }
+ $breadcrumbAction .= sprintf('
%s', $actionEntry['url'], $actionEntry['label']);
+ }
+ }
+ }
+
+?>
+
+Breadcrumbs->render(
[],
['separator' => '']
);
?>
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/layout/default.php b/templates/layout/default.php
index 0ade4b5..a7fa5d5 100644
--- a/templates/layout/default.php
+++ b/templates/layout/default.php
@@ -13,8 +13,15 @@
* @license https://opensource.org/licenses/mit-license.php MIT License
* @var \App\View\AppView $this
*/
+use Cake\Core\Configure;
$cakeDescription = 'Cerebrate';
+$navbarVariant = !empty($darkMode) ? 'primary' : 'dark';
+$navbarIsDark = false;
+$sidebarVariant = !empty($darkMode) ? 'dark' : 'dark';
+Configure::write('navbarVariant', $navbarVariant);
+Configure::write('navbarIsDark', $navbarIsDark);
+Configure::write('sidebarVariant', $sidebarVariant);
?>
@@ -50,14 +57,14 @@ $cakeDescription = 'Cerebrate';
-
+
element('layouts/header') ?>
-
+
Flash->render() ?>
fetch('content') ?>
diff --git a/webroot/css/layout.css b/webroot/css/layout.css
index 42da6e2..d5a56d4 100644
--- a/webroot/css/layout.css
+++ b/webroot/css/layout.css
@@ -7,7 +7,7 @@
}
body {
- background-color: #eee;
+ /* background-color: #eee; */
}
.main-wrapper {
@@ -23,6 +23,8 @@ body {
right: 0;
padding: 0;
margin-bottom: 0;
+ z-index: 1200;
+ box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 2px 6px 0 rgba(0,0,0,0.12);
}
main.content {
@@ -30,7 +32,6 @@ main.content {
left: 0;
margin-left: var(--sidebar-width-collapsed);
min-height: 100%;
- background: red;
}
.sidebar {
@@ -95,6 +96,7 @@ main.content {
.sidebar-wrapper {
width: 100%;
height: 100%;
+ border-right: 1px solid #ddd;
}
.sidebar-scroll {
@@ -274,10 +276,12 @@ ul.sidebar-elements > li.category > span.category-divider > hr {
/*
Header
*/
-header.navbar-dark.top-navbar a:hover {
+header.navbar-dark.top-navbar .header-menu > a:hover,
+header.navbar-dark.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
color: #d6d6d6 !important;
}
-header.navbar-light.top-navbar a:hover {
+header.navbar-light.top-navbar .header-menu > a:hover,
+header.navbar-light.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
color: #6c757d !important;
}
@@ -312,7 +316,7 @@ header.navbar-light.top-navbar a:hover {
}
.center-navbar nav.header-breadcrumb li.header-breadcrumb-item a {
- text-decoration: none;
+ /* text-decoration: none; */
}
.navbar-dark .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a{
@@ -323,7 +327,10 @@ header.navbar-light.top-navbar a:hover {
}
.header-breadcrumb-children {
- background-color: #eeeeee;
+ box-shadow:
+ 0 1px 0 rgba(255, 255, 255, 0.07),
+ inset 0 -1px 2px rgba(0, 0, 0, 0.5),
+ inset 0 3px 5px rgba(0, 0, 0, 0.6);
border-radius: 0.25rem;
padding: 0 0.5rem;
display: flex;
diff --git a/webroot/css/main.css b/webroot/css/main.css
index 4c2820a..5a76a7e 100644
--- a/webroot/css/main.css
+++ b/webroot/css/main.css
@@ -1,3 +1,7 @@
+:root {
+ --cerebrate-color: #924da6;
+}
+
.pagination li.page-item > a.page-link > .ellipsis {
line-height: 12px;
vertical-align: top;