Untitled
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