Files
lelong/resources/views/includes/header.blade.php
T
2023-05-24 15:26:19 +08:00

92 lines
4.0 KiB
PHP

<style>
.custom-dropdown {
min-width: 350px;
top: 90%;
left: 40px;
}
</style>
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container-fluid">
<button type="button" id="sidebarCollapse" class="btn btn-outline-secondary">
<i class="fa fa-bars"></i>
</button>
<button class="nav-link ml-2 btn btn-outline-secondary dropdown-toggle" onclick="reloadJobDetail(this)" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
<span class="material-symbols-rounded" style="font-size: 1rem;">
pending_actions
</span>
</button>
<div class="dropdown-menu custom-dropdown" id="custom-dropdown">
<span class="dropdown-item">Queue Job</span>
<div class="dropdown-divider"></div>
<div id="child-dropdown"></div>
</div>
<button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-align-justify"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav ml-auto">
<li class="nav-link" style="color: orange; font-weight:bolder;" id="displaytime">{{-- Ahad, 31 Oktober 2021, 9:49:08 AM --}}</li>
</ul>
<div class="group">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ Auth::user()->name }} </button>
<div class="dropdown-menu dropdown-menu-right mr-2">
<div class="dropdown">
<div class="dropdown-item">
{{-- <a class="far fa fa-user" href="editprofile">Profile</a> --}}
<a class="dropdown-item" href="{{ route('editprofile') }}">
<i class="far fa fa-user"></i>{{ __('Profile') }}
</a>
</div>
<div class="dropdown-item">
{{-- <a class="far fa fa-key" href="tukarkatalaluan">Tukar Katalaluan</a> --}}
<a class="dropdown-item" href="{{ route('changePasswordGet') }}">
<i class="far fa fa-key"></i>{{ __('Tukar Katalaluan') }}
</a>
</div>
<div class="dropdown-item">
<a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<i class="fas fa-sign-out-alt"></i>{{ __('Logout') }}
</a>
</div>
</div>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
{{-- <button class="dropdown-item" type="button"><i class="fa fa-sign-out"></i> Logout</button> --}}
</div>
</div>
</div>
</div>
</nav>
<script>
function reloadJobDetail(e) {
if (e.getAttribute("aria-expanded") == "false") {
console.log("bukak");
$('#child-dropdown').children('.detail').remove();
$.ajax({
type: "GET",
url: "{{route('reloadjobdetail')}}",
success: function(e) {
console.log(e);
for (var data of e) {
if (data.user_kodcaw == null) {
var $newDiv = $("<div/>")
.addClass("detail dropdown-item")
.html("<div>" + data.command_name.slice(9) + "<br><span style='text-transform: uppercase;'>" + data.user_name.substring(0, 10) + "</span> </div>");
$("#child-dropdown").append($newDiv);
} else {
var $newDiv = $("<div/>")
.addClass("detail dropdown-item")
.html("<div>" + data.command_name.slice(9) + "<br><span style='text-transform: uppercase;'>" + data.user_name.substring(0, 10) + " (" + data.user_kodcaw + ")</span> </div>");
$("#child-dropdown").append($newDiv);
}
}
}
});
} else {
console.log("tutup");
}
}
</script>