phpldapadmin/resources/themes/architect/views/layouts/partials/sidebarmenu.blade.php

<div class="app-sidebar sidebar-shadow">
	<div class="app-header__logo">
		<div class="logo-src"></div>
		<div class="header__pane ml-auto">
			<div>
				<button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
					<span class="hamburger-box">
						<span class="hamburger-inner"></span>
					</span>
				</button>
			</div>
		</div>
	</div>
	<div class="app-header__mobile-menu">
		<div>
			<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
				<span class="hamburger-box">
					<span class="hamburger-inner"></span>
				</span>
			</button>
		</div>
	</div>
	<div class="app-header__menu">
		<span>
			<button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
				<span class="btn-icon-wrapper">
					<i class="fas fa-ellipsis-v fa-w-6"></i>
				</span>
			</button>
		</span>
	</div>
	<div class="scrollbar-sidebar scrollbar-container">
		<div class="app-sidebar__inner">
			<ul class="vertical-nav-menu">
				<li class="app-sidebar__heading">{{ $server ?? 'Server Name' }}</li>
				<li>
					<div class="font-icon-wrapper float-left mr-1">
						<a class="p-0 m-0 server-icon" href="{{ url('info') }}" style="display: contents;"><i class="fas fa-fw fa-info pr-1 pl-1"></i></a>
					</div>
					<div class="clearfix"></div>
				</li>
				<li>
					<i id="treeicon" class="metismenu-icon fa-fw fas fa-sitemap"></i>
					<span id="tree"></span>
				</li>
			</ul>
		</div>
	</div>
</div>

@section('page-scripts')
	<script>
		$(document).ready(function() {
			$('.server-icon').click(function(e) {
				var content;

				$.ajax({
					url: $(this).attr('href'),
					method: 'GET',
					dataType: 'html',
					statusCode: {
						404: function() {
							$('.main-content').empty().append(content);
						}
					},
					beforeSend: function() {
						content = $('.main-content').contents();
						$('.main-content').empty().append('<div class="fa-3x"><i class="fas fa-spinner fa-pulse"></i></div>');
					}

				}).done(function(html) {
					$('.main-content').empty().append(html);

				}).fail(function() {
					//alert('Failed');
				});

				e.stopPropagation();

				console.log($(this).attr('href'));
				return false;
			});
		});
	</script>
@append