Файловый менеджер - Редактировать - /home/clickysoft/public_html/calvary-p2.clickysoft.net/resources/views/admin/hot-lunch-menu/sort.blade.php
Назад
@extends('admin.layouts.master') @push('admin-styles') <link rel="stylesheet" href="{{ asset('assets/front/jquery-ui/jquery-ui.css') }}"> @endpush @section('title', 'Sort Hot Lunch Menu') @section('content') <div class="container-xxl flex-grow-1 container-p-y"> <div class="row"> <div class="col-md-12"> <div class="card mb-4"> <h5 class="card-header">Sort Hot Lunch Menu</h5> <div class="card-body"> <div class="row mt-3"> <input type="hidden" name="hot_lunch_id" value="{{ $menu->hot_lunch_id }}"> <div class="col-md-6 mb-6"> <label class="form-label">Title ( Lunch Day )</label> <input type="text" class="form-control" value="{{ $menu->title }}" disabled readonly /> </div> <div class="col-md-6 mb-6"> <label class="form-label">Vendor</label> <input type="text" class="form-control" value="{{ $vendor->name }}" disabled readonly /> </div> </div> <div class="row mt-3"> <div class="col-md-12 mb-6 mt-5 rounded p-2"> <h5 class="text-center text-uppercase">Sort Items by dragging Up/Down</h3> </div> <div class="col-md-12 mb-6 mt-3"> <ul class="list-group" id="sortable"></ul> </div> </div> <div class="row mt-3"> <div class="col-md-12"> <a href="{{ route('lunch.detail', $lunch->id) }}" class="btn btn-danger redirect-btn">Back</a> <button type="button" class="btn btn-primary" onclick="updateSorting()">Update</button> </div> </div> </div> </div> </div> </div> </div> @endsection @push('admin-scripts') <script src="{{ asset('assets/admin/js/axios.min.js') }}"></script> <script src="{{ asset('assets/admin/js/sweetalert.min.js') }}"></script> <script src="{{ asset('assets/front/jquery-ui/jquery-ui.js') }}"></script> <script> var updatedOrder = [] var menuId = `{{ $menu->id }}` $(document).ready(function() { const items = @json($menuItems); items.forEach(item => { let image = `<img width=50 height=50 src='${item.image}' />` $('#sortable').append( `<li class="list-group-item cursor-pointer" data-id="${item.id}" data-sort="${item.sort}">${image} ${item.name}</li>` ); }); $("#sortable").sortable({ update: function(event, ui) { // Update the order $('#sortable li').each(function(index) { const id = $(this).data('id'); const newSort = index + 1; // Update the `data-sort` attribute $(this).attr('data-sort', newSort); // Collect the updated order updatedOrder.push({ id: id, sort: newSort }); }); } }); }); function updateSorting() { if (updatedOrder.length == 0) { swal({ title: `You have not changed anything.`, icon: "error", dangerMode: true, closeOnClickOutside: false }); } else { console.log(typeof(updatedOrder)) $.ajax({ url: `{{ route('menu.sort.data') }}`, method: 'POST', contentType: 'application/json', headers: { 'X-CSRF-TOKEN': `{{ csrf_token() }}` }, data: JSON.stringify({ "menu_id": menuId, "sorting": updatedOrder }), success: function(response) { swal({ title: response.message, icon: "success", closeOnClickOutside: false }).then((successBtn) => { if (successBtn) { window.location.reload(); } }); }, error: function(xhr, status, error) { swal({ title: `Something went wrong.`, icon: "error", dangerMode: true, closeOnClickOutside: false }); } }); } } </script> @endpush
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка