Untitled

 avatar
user_8884736
javascript
5 months ago
2.1 kB
2
Indexable
$(document).ready(function() {
        // Fungsi untuk mengambil data menu dari API
        $.ajax({
            url: '{{ url("/api/menu") }}', // URL untuk mengambil data menu
            type: 'GET',
            success: function(response) {
                // Menampilkan menu utama
                loadMenu(response.data);
            },
            error: function() {
                alert('Gagal memuat data menu');
            }
        });

        // Fungsi untuk memuat menu dan sub-menu
        function loadMenu(data) {
            var menuHtml = '';
            $.each(data, function(index, item) {
                menuHtml += '<li>';
                menuHtml += '<a href="' + (item.route ?? '#') + '">';
                menuHtml += '<i class="fa fa-user-secret"></i> ' + item.name;
                if (item.sub_menu && item.sub_menu.length > 0) {
                    menuHtml += ' <span class="fa fa-chevron-down"></span>';
                    menuHtml += '<ul class="nav child_menu">';
                    $.each(item.sub_menu, function(subIndex, child) {
                        menuHtml += '<li>';
                        menuHtml += '<a href="' + (child.route ?? '#') + '">' + child.name;
                        if (child.sub_menu && child.sub_menu.length > 0) {
                            menuHtml += ' <span class="fa fa-chevron-down"></span>';
                            menuHtml += '<ul class="nav child_menu">';
                            $.each(child.sub_menu, function(nchildIndex, nchild) {
                                menuHtml += '<li><a href="' + (nchild.route ?? '#') + '">' + nchild.name + '</a></li>';
                            });
                            menuHtml += '</ul>';
                        }
                        menuHtml += '</a>';
                        menuHtml += '</li>';
                    });
                    menuHtml += '</ul>';
                }
                menuHtml += '</a>';
                menuHtml += '</li>';
            });
            // Menambahkan menu yang telah dibentuk ke dalam sidebar
            $('#menu-list').html(menuHtml);
        }
Editor is loading...
Leave a Comment