180 lines
10 KiB
PHP
180 lines
10 KiB
PHP
@props(['companies'])
|
|
|
|
<div class="container flex items-center py-3 mb-4 border-b-2 xl:hidden">
|
|
<span class="material-icons text-black js-hamburger-menu">menu</span>
|
|
|
|
<div class="flex items-center m-auto">
|
|
<img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-8 m-auto" alt="Akaunting" />
|
|
<span class="ltr:ml-2 rtl:mr-2">{{ Str::limit(setting('company.name'), 22) }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
@stack('menu_start')
|
|
|
|
<div data-real-menu class="w-70 h-screen flex hidden fixed top-0 js-menu z-20 xl:z-10 transition-all ltr:-left-80 rtl:-right-80 xl:ltr:left-0 xl:rtl:right-0">
|
|
<div class="w-14 py-7 px-1 bg-lilac-900 z-10 menu-scroll overflow-y-auto overflow-x-hidden">
|
|
<div
|
|
data-tooltip-target="tooltip-profile"
|
|
data-tooltip-placement="right"
|
|
class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button"
|
|
data-menu="profile-menu"
|
|
>
|
|
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl hidden pointer-events-none">
|
|
account_circle
|
|
</span>
|
|
|
|
@if (setting('default.use_gravatar', '0') == '1')
|
|
<img src="{{ user()->picture }}" alt="{{ user()->name }}" class="w-8 h-8 m-auto rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
|
|
@elseif (is_object(user()->picture))
|
|
<img src="{{ Storage::url(user()->picture->id) }}" class="w-8 h-8 m-auto rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
|
|
@else
|
|
<span name="account_circle" class="material-icons-outlined text-purple w-8 h-8 flex items-center justify-center text-center text-2xl pointer-events-none" alt="{{ user()->name }}" title="{{ user()->name }}">
|
|
account_circle
|
|
</span>
|
|
@endif
|
|
</div>
|
|
|
|
<div id="tooltip-profile" class="inline-block absolute z-20 py-1 px-2 text-sm font-medium rounded-lg bg-white text-gray-900 w-auto border border-gray-200 shadow-sm whitespace-nowrap tooltip-content opacity-0 invisible">
|
|
{{ trans('auth.profile') }}
|
|
<div class="absolute w-2 h-2 before:absolute before:w-2 before:h-2 before:bg-white before:border-gray-200 before:transform before:rotate-45 before:border -left-1 before:border-t-0 before:border-r-0 border-gray-200" data-popper-arrow></div>
|
|
</div>
|
|
|
|
<div class="group flex flex-col items-center justify-center menu-toggle-buttons">
|
|
@can('read-notifications')
|
|
<x-tooltip id="tooltip-notifications" placement="right" message="{{ trans_choice('general.notifications', 2) }}">
|
|
<button type="button"
|
|
@class([
|
|
'flex items-center menu-button justify-center w-8 h-8 mb-2.5 relative cursor-pointer js-menu-toggles',
|
|
'animate-vibrate' => user()->unreadNotifications->count(),
|
|
])
|
|
data-menu="notifications-menu">
|
|
<span name="notifications" class="material-icons-outlined text-purple text-2xl pointer-events-none">notifications</span>
|
|
|
|
@if (user()->unreadNotifications->count())
|
|
<span data-notification-count class="w-2 h-2 absolute top-2 right-2 inline-flex items-center justify-center p-2.5 text-xs text-white font-bold leading-none transform translate-x-1/2 -translate-y-1/2 bg-orange rounded-full">
|
|
{{ user()->unreadNotifications->count() }}
|
|
</span>
|
|
@endif
|
|
</button>
|
|
</x-tooltip>
|
|
@endcan
|
|
|
|
<x-tooltip id="tooltip-search" placement="right" message="{{ trans('general.search') }}">
|
|
<button type="button" class="flex items-center menu-button justify-center w-8 h-8 mb-2.5 relative cursor-pointer">
|
|
<span name="search" class="material-icons-outlined text-purple text-2xl pointer-events-none">search</span>
|
|
</button>
|
|
</x-tooltip>
|
|
|
|
<x-tooltip id="tooltip-support" placement="right" message="{{ trans('general.help') }}">
|
|
<x-link href="{{ url(trans('header.support_link')) }}" target="_blank" class="flex items-center justify-center w-8 h-8 mb-2.5 cursor-pointer js-menu-toggles" override="class">
|
|
<span class="material-icons-outlined text-purple text-2xl pointer-events-none">support</span>
|
|
</x-link>
|
|
</x-tooltip>
|
|
</div>
|
|
|
|
<livewire:menu.favorites />
|
|
</div>
|
|
|
|
<nav class="menu-list js-main-menu" id="sidenav-main">
|
|
<div class="relative mb-5 cursor-pointer">
|
|
<button type="button" class="flex items-center" data-dropdown-toggle="dropdown-menu-company">
|
|
<div class="w-8 h-8 flex items-center justify-center">
|
|
<img src="{{ asset('public/img/akaunting-logo-green.svg') }}" class="w-6 h-6" alt="Akaunting" />
|
|
</div>
|
|
|
|
<div class="flex ltr:ml-2 rtl:mr-2">
|
|
<span class="w-28 text-left block text-base truncate">
|
|
<x-button.hover>
|
|
{{ Str::limit(setting('company.name'), 22) }}
|
|
</x-button.hover>
|
|
</span>
|
|
|
|
@can('read-common-companies')
|
|
<div class="absolute top-2 ltr:-right-1 rtl:-left-1">
|
|
<svg class="h-5 w-5 text-gray-400" x-description="Heroicon name: solid/selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
</div>
|
|
@endcan
|
|
</div>
|
|
</button>
|
|
|
|
@can('read-common-companies')
|
|
<div id="dropdown-menu-company" class="absolute right-0 mt-3 py-2 bg-white rounded-md shadow-xl z-20 hidden" style="left: auto; min-width: 10rem;">
|
|
@foreach($companies as $com)
|
|
<x-link href="{{ route('companies.switch', $com->id) }}" id="menu-company-{{ $com->id }}" class="h-9 leading-9 flex items-center text-sm px-2" override="class" role="menuitem" tabindex="-1">
|
|
<div class="w-full h-full flex items-center rounded-md px-2 hover:bg-lilac-100">
|
|
<span class="material-icons-outlined text-purple text-xl">business</span>
|
|
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate">{{ Str::limit($com->name, 18) }}</span>
|
|
</div>
|
|
</x-link>
|
|
@endforeach
|
|
|
|
@can('update-common-companies')
|
|
<x-link href="{{ route('companies.index') }}" class="h-9 leading-9 flex items-center text-sm px-2 border-t rounded-bl rounded-br group hover:bg-purple" override="class">
|
|
<div class="w-full h-full flex items-center rounded-md px-2 ">
|
|
<span class="material-icons-outlined text-purple text-xl group-hover:text-white">settings</span>
|
|
<span class="ltr:pl-2 rtl:pr-2 text-purple text-xs truncate group-hover:text-white">
|
|
{{ trans('general.title.manage', ['type' => trans_choice('general.companies', 2)]) }}
|
|
</span>
|
|
</div>
|
|
</x-link>
|
|
@endcan
|
|
</div>
|
|
@endcan
|
|
</div>
|
|
|
|
<div class="main-menu transform">
|
|
{!! menu('portal') !!}
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="profile-menu user-menu menu-list fixed h-full ltr:-left-80 rtl:-right-80">
|
|
<div class="flex h-12.5">
|
|
@if (setting('default.use_gravatar', '0') == '1')
|
|
<img src="{{ user()->picture }}" alt="{{ user()->name }}" class="w-8 h-8 rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
|
|
@elseif (is_object(user()->picture))
|
|
<img src="{{ Storage::url(user()->picture->id) }}" class="w-8 h-8 rounded-full" alt="{{ user()->name }}" title="{{ user()->name }}">
|
|
@else
|
|
<span name="account_circle" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none" alt="{{ user()->name }}" title="{{ user()->name }}">account_circle</span>
|
|
@endif
|
|
|
|
@stack('navbar_profile_welcome')
|
|
|
|
<div class="flex flex-col text-black ml-2">
|
|
<span class="text-xs">{{ trans('general.welcome') }}</span>
|
|
|
|
{{ user()->name }}
|
|
</div>
|
|
</div>
|
|
|
|
<livewire:menu.profile />
|
|
</div>
|
|
|
|
@can('read-notifications')
|
|
<div class="notifications-menu user-menu menu-list fixed h-full ltr:-left-80 rtl:-right-80">
|
|
<div class="flex items-center mb-3">
|
|
<span name="notifications" class="material-icons-outlined w-8 h-8 flex items-center justify-center text-purple text-2xl pointer-events-none">notifications</span>
|
|
|
|
<div class="text-black ltr:ml-1 rtl:mr-1">
|
|
{{ trans_choice('general.your_notifications', 2) }}
|
|
</div>
|
|
</div>
|
|
|
|
<livewire:menu.notifications />
|
|
</div>
|
|
@endcan
|
|
|
|
<button type="button" class="toggle-button absolute ltr:-right-2 rtl:-left-2 top-8 cursor-pointer transition-opacity ease-in-out z-50">
|
|
<span class="material-icons text-lg text-purple transform ltr:rotate-90 rtl:-rotate-90 pointer-events-none">expand_circle_down</span>
|
|
</button>
|
|
|
|
<span data-menu-close class="material-icons absolute ltr:-right-2 rtl:right-12 transition-all top-8 text-lg text-purple cursor-pointer z-10 hidden pointer-events-none">cancel</span>
|
|
|
|
<div class="fixed w-full h-full invisible lg:hidden js-menu-background" style="background-color: rgba(0, 0, 0, 0.5); z-index: -1;"></div>
|
|
</div>
|
|
|
|
<x-loading.menu />
|
|
|
|
@stack('menu_end')
|