ok
Direktori : /home2/selectio/www/fms-worksuite/resources/views/sections/ |
Current File : //home2/selectio/www/fms-worksuite/resources/views/sections/topbar.blade.php |
<!-- 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>