Как сделать всплывающее окно по клику в Laravel?
У меня есть эти два фрагмента кода, и мне нужно реализовать всплывающее окно при нажатии на них.
index.blade.php
@extends('layouts.app')
@section('includes')
<link href="{{ url('org/css/jquery.orgchart.min.css') }}" rel="stylesheet">
<script src="{{ url('org/js/jquery.orgchart.min.js') }}"></script>
<script type="text/javascript">
$(function () {
$('#chart-container').orgchart({
'data': $('#ul-data'),
'verticalDepth': 40,
'depth': 20
});
$('.orgchart').addClass('noncollapsable');
});
</script>
@endsection
@section('content')
<div class="container-fluid">
<div class="header text-center">
<h3 class="title">@lang('orgchart.title')</h3>
<p class="category">@lang('orgchart.subtitle')</p>
</div>
<div class="col-md-12">
<div class="card" style="padding: 20px; overflow: auto;">
<ul id="ul-data" style="display:none;">
@foreach($categories as $category)
<li class="user-{{ $category->id }}">
{{ $category->getFullNameAttribute()}}
@if(count($category->childes))
@include('management.orgchart.manageChild',['childs' => $category->childes])
@endif
</li>
@endforeach
</ul>
<div id="chart-container"></div>
</div>
</div>
@endsection
manageChildblade.php
<ul>
@foreach($childs as $child)
<li class="user-{{ $child->id }}">
{{ $child->getFullNameAttribute()}}
@if(count($child->childes))
@include('management.orgchart.manageChild',['childs' => $child->childes])
@endif
</li>
@endforeach
</ul>
Мне нужно получить что-то вроде следующего.
https://rawgit.com/dabeng/OrgChart/master/demo/ajax-datasource.html