ok
Mini Shell
<!-- HEADER START -->
<header class="main-header clearfix bg-white" id="header">
<!-- NAVBAR LEFT(MOBILE MENU COLLAPSE) START-->
<div class="navbar-left float-left d-flex align-items-center">
<x-app-title class="d-none d-lg-flex" :pageTitle="__($pageTitle)"></x-app-title>
<div class="d-block d-lg-none menu-collapse cursor-pointer position-relative" onclick="openMobileMenu()">
<div class="mc-wrap">
<div class="mcw-line"></div>
<div class="mcw-line center"></div>
<div class="mcw-line"></div>
</div>
</div>
@if (in_array('admin', user_roles()) && $checkListCompleted < $checkListTotal && App::environment('codecanyon'))
<div class="ml-3 d-none d-lg-block d-md-block">
<span class="f-12 mb-1"><a href="{{ route('checklist') }}" class="text-lightest ">
@lang('modules.accountSettings.setupProgress')</a>
<span class="float-right">{{ $checkListCompleted }}/{{ $checkListTotal }}</span>
</span>
<div class="progress" style="height: 5px; width: 150px">
<div class="progress-bar bg-primary" role="progressbar"
style="width: {{ ($checkListCompleted / $checkListTotal) * 100 }}%;" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100">
</div>
</div>
</div>
@endif
</div>
<!-- NAVBAR LEFT(MOBILE MENU COLLAPSE) END-->
<!-- NAVBAR RIGHT(SEARCH, ADD, NOTIFICATION, LOGOUT) START-->
<div class="page-header-right float-right d-flex align-items-center justify-content-end">
<span id="timer-clock">
@if(isset($selfActiveTimer))
@include('sections.timer_clock', ['selfActiveTimer' => $selfActiveTimer])
@endif
</span>
<ul>
<!-- SEARCH START -->
<li data-toggle="tooltip" data-placement="top" title="{{__('app.search')}}" class="d-none d-sm-block">
<div class="d-flex align-items-center">
<a href="javascript:;" class="d-block header-icon-box open-search">
<i class="fa fa-search f-16 text-dark-grey"></i>
</a>
</div>
</li>
<!-- SEARCH END -->
<!-- Sticky Note START -->
<li data-toggle="tooltip" data-placement="top" title="{{__('app.menu.stickyNotes')}}" class="d-none d-sm-block">
<div class="d-flex align-items-center">
<a href="{{ route('sticky-notes.index') }}" class="d-block header-icon-box openRightModal">
<i class="fa fa-sticky-note f-16 text-dark-grey"></i>
</a>
</div>
</li>
<!-- Sticky Note END -->
@if (!in_array('client', user_roles()))
@if (in_array('timelogs', user_modules()) && (add_timelogs_permission() == 'all' || add_timelogs_permission() == 'added' || manage_active_timelogs() == 'all'))
<!-- START TIMER -->
<li data-toggle="tooltip" data-placement="top" title="{{__('modules.timeLogs.startTimer')}}">
<div class="add_box dropdown">
<a class="d-block dropdown-toggle header-icon-box" type="link" id="show-active-timer"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-clock f-16 text-dark-grey"></i>
<span
class="badge badge-primary active-timer-count position-absolute {{ ($activeTimerCount == 0) ? 'd-none' : '' }}">{{ $activeTimerCount }}</span>
</a>
@if ($activeTimerCount == 0)
<!-- DROPDOWN - INFORMATION -->
<div class="dropdown-menu dropdown-menu-right" id="active-timer-list"
aria-labelledby="dropdownMenuLink" tabindex="0">
<a class="dropdown-item text-primary f-w-500" href="javascript:;"
id="start-timer-modal">
<i class="fa fa-play mr-2"></i>
@lang("modules.timeLogs.startTimer")
</a>
</div>
@endif
</div>
</li>
<!-- START TIMER END -->
@endif
<!-- ADD START -->
<li data-toggle="tooltip" data-placement="top" title="{{__('app.createNew')}}">
<div class="add_box dropdown">
<a class="d-block dropdown-toggle header-icon-box" type="link" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<i class="fa fa-plus-circle f-16 text-dark-grey"></i>
</a>
<!-- DROPDOWN - INFORMATION -->
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink" tabindex="0">
@if (in_array('projects', user_modules()) && (add_project_permission() == 'all' || add_project_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('projects.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('app.addProject')
</a>
@endif
@if (in_array('tasks', user_modules()) && (add_tasks_permission() == 'all' || add_tasks_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('tasks.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('app.addTask')
</a>
@endif
@if (in_array('clients', user_modules()) && (add_clients_permission() == 'all' || add_clients_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('clients.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('app.addClient')
</a>
@endif
@if (in_array('employees', user_modules()) && (add_employees_permission() == 'all' || add_employees_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('employees.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('app.addEmployee')
</a>
@endif
@if (in_array('payments', user_modules()) && (add_payments_permission() == 'all' || add_payments_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('payments.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('modules.payments.addPayment')
</a>
@endif
@if (in_array('tickets', user_modules()) && (add_tickets_permission() == 'all' || add_tickets_permission() == 'added'))
<a class="dropdown-item f-14 text-dark openRightModal"
href="{{ route('tickets.create') }}">
<i class="fa fa-plus f-w-500 mr-2 f-11"></i>
@lang('modules.tickets.addTicket')
</a>
@endif
</div>
</div>
</li>
<!-- ADD END -->
@endif
<!-- NOTIFICATIONS START -->
<li title="{{__('app.newNotifications')}}">
<div class="notification_box dropdown">
<a class="d-block dropdown-toggle header-icon-box show-user-notifications" type="link"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bell f-16 text-dark-grey"></i>
@if ($unreadNotificationCount > 0)
<span
class="badge badge-primary unread-notifications-count active-timer-count position-absolute">{{ $unreadNotificationCount }}</span>
@endif
</a>
<!-- DROPDOWN - INFORMATION -->
<div
class="dropdown-menu dropdown-menu-right notification-dropdown border-0 shadow-lg py-0 bg-additional-grey"
tabindex="0">
<div
class="d-flex px-3 justify-content-between align-items-center border-bottom-grey py-1 bg-white">
<div class="___class_+?50___">
<p class="f-14 mb-0 text-dark f-w-500">@lang('app.newNotifications')</p>
</div>
@if ($unreadNotificationCount > 0)
<div class="f-12 ">
<a href="javascript:;"
class="text-dark-grey mark-notification-read">@lang('app.markRead')</a> |
<a href="{{ route('all-notifications') }}"
class="text-dark-grey">@lang('app.showAll')</a>
</div>
@endif
</div>
<div id="notification-list">
</div>
@if($unreadNotificationCount > 6)
<div class="d-flex px-3 pb-1 pt-2 justify-content-center bg-additional-grey">
<a href="{{ route('all-notifications') }}"
class="text-darkest-grey f-13">@lang('app.showAll')</a>
</div>
@endif
</div>
</div>
</li>
<!-- NOTIFICATIONS END -->
<!-- LOGOUT START -->
<li data-toggle="tooltip" data-placement="top" title="{{__('app.logout')}}">
<div class="logout_box">
<a class="d-block header-icon-box" href="javascript:;" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<i class="fa fa-power-off f-16 text-dark-grey"></i>
</a>
</div>
</li>
<!-- LOGOUT END -->
</ul>
</div>
<!-- NAVBAR RIGHT(SEARCH, ADD, NOTIFICATION, LOGOUT) START-->
</header>
<!-- HEADER END -->
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
<script>
$(document).ready(function () {
var runTimeClock = true;
@if(isset($activeTimerCount))
const activeTimerCount = parseInt("{{ $activeTimerCount }}");
if (activeTimerCount > 0) {
$('#show-active-timer').click(function () {
const url = "{{ route('timelogs.show_active_timer') }}";
$(MODAL_LG + ' ' + MODAL_HEADING).html('...');
$.ajaxModal(MODAL_XL, url);
});
}
@endif
$('#start-timer-modal').click(function () {
const url = "{{ route('timelogs.show_timer') }}";
$(MODAL_XL + ' ' + MODAL_HEADING).html('...');
$.ajaxModal(MODAL_XL, url);
});
$('.open-search').click(function () {
const url = "{{ route('search.index') }}";
$(MODAL_LG + ' ' + MODAL_HEADING).html('...');
$.ajaxModal(MODAL_LG, url);
});
$('.show-user-notifications').click(function () {
const openStatus = $(this).attr('aria-expanded');
if (typeof openStatus == "undefined" || openStatus == "false") {
const token = '{{ csrf_token() }}';
$.easyAjax({
type: 'POST',
url: "{{ route('show_notifications') }}",
container: "#notification-list",
blockUI: true,
data: {
'_token': token
},
success: function (data) {
if (data.status === 'success') {
$('#notification-list').html(data.html);
}
}
});
}
});
$('.mark-notification-read').click(function () {
const token = '{{ csrf_token() }}';
$.easyAjax({
type: 'POST',
url: "{{ route('mark_notification_read') }}",
blockUI: true,
data: {
'_token': token
},
success: function (data) {
if (data.status === 'success') {
$('#notification-list').html('');
$('.unread-notifications-count').remove();
window.location.reload();
}
}
});
});
});
</script>
Zerion Mini Shell 1.0