Как сделать всплывающее окно по клику в 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

0 ответов

Другие вопросы по тегам