mobile menu updated
This commit is contained in:
Thekindbull
parent
c5d1b1b973
commit
8942677930
@ -1,6 +1,6 @@
|
||||
<div>
|
||||
@if ($manager)
|
||||
<div>Ваш менеджер:</div>
|
||||
<div class="text-secondary">Ваш менеджер:</div>
|
||||
<div class="fw-bold text-uppercase text-primary">
|
||||
{{ $manager->name }}
|
||||
</div>
|
||||
|
||||
@ -33,22 +33,16 @@
|
||||
{{ $title }}
|
||||
@endisset
|
||||
</div>
|
||||
|
||||
<ul class="navbar-nav me-auto">
|
||||
|
||||
</ul>
|
||||
|
||||
<!-- Right Side Of Navbar -->
|
||||
<ul class="navbar-nav align-items-center ms-auto">
|
||||
<div class="nav-item">
|
||||
<div class="position-sm-fixed position-relative d-flex flex-row align-items-center ms-auto">
|
||||
<div class="nav-item d-none d-lg-block">
|
||||
@livewire('citymanagerinfo')
|
||||
</div>
|
||||
<div class="vr mx-3 d-none d-md-block"></div>
|
||||
<div class="nav-item ">
|
||||
<div class="nav-item">
|
||||
@livewire('notices.user-notices-button')
|
||||
</div>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<div class="dropdown">
|
||||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
|
||||
<img src="../../images/icons/user.png" class="img-fluid align-middle" style="height: 40px;">
|
||||
@ -73,8 +67,8 @@
|
||||
@csrf
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -110,12 +104,12 @@
|
||||
</div>
|
||||
|
||||
<main class="py-4">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col col-sm-2" id="leftPanel">
|
||||
<div class="container ">
|
||||
<div class="d-flex flex-row justify-content-center">
|
||||
<div class="d-flex flex-column" id="leftPanel">
|
||||
@include('left-panel')
|
||||
</div>
|
||||
<div class="col-10 px-0 px-md-4">
|
||||
<div class="px-0 px-md-4">
|
||||
@if (session('success'))
|
||||
<div class="alert alert-success">
|
||||
{{ session('success') }}
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
'route' => 'home',
|
||||
'name' => 'Главная',
|
||||
'icon' => 'columns-gap',
|
||||
'primary_on_mobile' => true,
|
||||
];
|
||||
}
|
||||
if (in_array($roles::AGENT, $userRoles) || in_array($roles::COMPANY_ADMIN, $userRoles)) {
|
||||
@ -14,6 +15,7 @@
|
||||
'route' => 'clients.table',
|
||||
'name' => 'Клиенты',
|
||||
'icon' => 'person',
|
||||
'primary_on_mobile' => false,
|
||||
];
|
||||
|
||||
$items[] = [
|
||||
@ -21,6 +23,7 @@
|
||||
'route' => 'contracts',
|
||||
'name' => 'Договоры',
|
||||
'icon' => 'files-alt',
|
||||
'primary_on_mobile' => true,
|
||||
];
|
||||
|
||||
$items[] = [
|
||||
@ -28,6 +31,7 @@
|
||||
'modal' => '#plan7Modal',
|
||||
'name' => 'Проекты',
|
||||
'icon' => 'book',
|
||||
'primary_on_mobile' => true,
|
||||
];
|
||||
}
|
||||
|
||||
@ -52,6 +56,7 @@
|
||||
'route' => 'docs.index',
|
||||
'name' => 'Документы',
|
||||
'icon' => 'archive',
|
||||
'primary_on_mobile' => true,
|
||||
];
|
||||
|
||||
if (in_array($roles::COMPANY_ADMIN, $userRoles)) {
|
||||
@ -74,7 +79,7 @@
|
||||
?>
|
||||
<div>
|
||||
@php($current = Route::currentRouteName())
|
||||
<ul class="nav flex flex-md-column ">
|
||||
<ul class="nav flex flex-md-column d-none d-sm-block">
|
||||
@foreach ($items as $item)
|
||||
<li class="nav-item text-center m-2">
|
||||
@if ($item['target'] == 'route')
|
||||
@ -96,4 +101,31 @@ class="d-none d-lg-inline text-truncate">{{ $item['name'] }}</span>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<div class="d-block d-sm-none position-fixed bottom-0 start-0 w-100 bg-primary shadow-lg py-3" style="z-index:1000">
|
||||
<div class="mobile-menu d-flex flex-row gap-3 fs-3 justify-content-center">
|
||||
@foreach ($items as $key => $item)
|
||||
@if (array_key_exists('primary_on_mobile', $item))
|
||||
<div>
|
||||
@if ($item['target'] == 'route')
|
||||
<a href="{{ route($item['route']) }}"
|
||||
class="d-flex flex-column align-items-center text-white text-decoration-none
|
||||
@if (Route::currentRouteName() == $item['route']) text-decoration-underline @endif"
|
||||
aria-current="page">
|
||||
<i class="bi bi-{{ $item['icon'] }}"></i>
|
||||
<span style="margin-top:-10px" class="text-truncate fs-6">{{ $item['name'] }}</span>
|
||||
</a>
|
||||
@endif
|
||||
@if ($item['target'] == 'modal')
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="{{ $item['modal'] }}"
|
||||
class="d-flex flex-column align-items-center text-white text-decoration-none"
|
||||
aria-current="page">
|
||||
<i class="bi bi-{{ $item['icon'] }}"></i>
|
||||
<span style="margin-top:-10px" class=" text-truncate fs-6">{{ $item['name'] }}</span>
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user