From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 7 Nov 2023 16:48:11 +0000 (+0100)
Subject: wait #6458 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=16609d9ad033955896cd43be6186949f96b9c33c;p=pmi.git

wait #6458 @1.5
---

diff --git a/resources/views/vendor/backpack/crud/reorder.blade.php b/resources/views/vendor/backpack/crud/reorder.blade.php
new file mode 100644
index 0000000..bd2dee3
--- /dev/null
+++ b/resources/views/vendor/backpack/crud/reorder.blade.php
@@ -0,0 +1,186 @@
+@extends('backpack::layout')
+
+@section('header')
+    <section class="content-header">
+        <h1>
+            <span class="text-capitalize">{!! $crud->getHeading() ?? $crud->entity_name_plural !!}</span>
+            <small>{!! $crud->getSubheading() ?? trans('backpack::crud.reorder').' '.$crud->entity_name_plural !!}
+                .</small>
+        </h1>
+        <ol class="breadcrumb">
+            <li>
+                <a href="{{ url(config('backpack.base.route_prefix'), 'dashboard') }}">{{ trans('backpack::crud.admin') }}</a>
+            </li>
+            <li><a href="{{ url($crud->route) }}" class="text-capitalize">{{ $crud->entity_name_plural }}</a></li>
+            <li class="active">{{ trans('backpack::crud.reorder') }}</li>
+        </ol>
+    </section>
+@endsection
+
+@section('content')
+    <?php
+    function tree_element($entry, $key, $all_entries, $crud)
+    {
+        if (!isset($entry->tree_element_shown)) {
+            // mark the element as shown
+            $all_entries[$key]->tree_element_shown = true;
+            $entry->tree_element_shown = true;
+
+            // show the tree element
+            echo '<li id="list_' . $entry->getKey() . '">';
+            echo '<div><span class="disclose"><span></span></span>' . object_get($entry, $crud->reorder_label) . '</div>';
+
+            // see if this element has any children
+            $children = [];
+            foreach ($all_entries as $key => $subentry) {
+                if ($subentry->parent_id == $entry->getKey()) {
+                    $children[] = $subentry;
+                }
+            }
+
+            $children = collect($children)->sortBy('lft');
+
+            // if it does have children, show them
+            if (count($children)) {
+                echo '<ol>';
+                foreach ($children as $key => $child) {
+                    $children[$key] = tree_element($child, $child->getKey(), $all_entries, $crud);
+                }
+                echo '</ol>';
+            }
+            echo '</li>';
+        }
+
+        return $entry;
+    }
+
+    ?>
+
+    @if ($crud->hasAccess('list'))
+        <a href="{{ url($crud->route) }}" class="hidden-print"><i
+                class="fa fa-angle-double-left"></i> {{ trans('backpack::crud.back_to_all') }}
+            <span>{{ $crud->entity_name_plural }}</span></a>
+    @endif
+
+    <div class="row m-t-20">
+        <div class="{{ $crud->getReorderContentClass() }}">
+
+            <div class="col-md-12">
+
+                <div class="panel padding-10">
+
+                    <div class="row">
+                        <div class="col-md-12">
+                            <p>{{ trans('backpack::crud.reorder_text') }}</p>
+
+                            <ol class="sortable">
+                                <?php
+                                $all_entries = collect($entries->all())->sortBy('lft')->keyBy($crud->getModel()->getKeyName());
+                                $root_entries = $all_entries->filter(function ($item) {
+                                    return $item->parent_id == 0;
+                                });
+                                foreach ($root_entries as $key => $entry) {
+                                    $root_entries[$key] = tree_element($entry, $key, $all_entries, $crud);
+                                }
+                                ?>
+                            </ol>
+                        </div>
+                    </div>
+
+                    <button id="toArray" class="btn btn-success ladda-button" data-style="zoom-in"><span
+                            class="ladda-label"><i class="fa fa-save"></i> {{ trans('backpack::crud.save') }}</span>
+                    </button>
+
+                </div><!-- /.panel -->
+
+            </div>
+        </div>
+    </div>
+@endsection
+
+
+@section('after_styles')
+    <link rel="stylesheet" href="{{ asset('vendor/backpack/nestedSortable/nestedSortable.css') }}">
+    <link rel="stylesheet" href="{{ asset('vendor/backpack/crud/css/crud.css') }}">
+    <link rel="stylesheet" href="{{ asset('vendor/backpack/crud/css/reorder.css') }}">
+@endsection
+
+@section('after_scripts')
+    <script src="{{ asset('vendor/backpack/crud/js/crud.js') }}"></script>
+    <script src="{{ asset('vendor/backpack/crud/js/reorder.js') }}"></script>
+    <script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js" type="text/javascript"></script>
+    <script src="{{ url('vendor/backpack/nestedSortable/jquery.mjs.nestedSortable2.js') }}"
+            type="text/javascript"></script>
+
+    <script type="text/javascript">
+        jQuery(document).ready(function ($) {
+
+            // initialize the nested sortable plugin
+            $('.sortable').nestedSortable({
+                forcePlaceholderSize: true,
+                handle: 'div',
+                helper: 'clone',
+                items: 'li',
+                opacity: .6,
+                placeholder: 'placeholder',
+                revert: 250,
+                tabSize: 25,
+                tolerance: 'pointer',
+                toleranceElement: '> div',
+                maxLevels: {{ $crud->reorder_max_level ?? 3 }},
+
+                isTree: true,
+                expandOnHover: 700,
+                startCollapsed: false
+            });
+
+            $('.disclose').on('click', function () {
+                $(this).closest('li').toggleClass('mjs-nestedSortable-collapsed').toggleClass('mjs-nestedSortable-expanded');
+            });
+
+            $('#toArray').click(function (e) {
+                // get the current tree order
+                arraied = $('ol.sortable').nestedSortable('toArray', {startDepthCount: 0});
+
+                // log it
+                //console.log(arraied);
+
+                // send it with POST
+                $.ajax({
+                    url: '{{ str_replace('http://','https://',Request::url()) }}',
+                    type: 'POST',
+                    data: {tree: arraied},
+                })
+                    .done(function () {
+                        //console.log("success");
+                        new PNotify({
+                            title: "{{ trans('backpack::crud.reorder_success_title') }}",
+                            text: "{{ trans('backpack::crud.reorder_success_message') }}",
+                            type: "success"
+                        });
+                    })
+                    .fail(function () {
+                        //console.log("error");
+                        new PNotify({
+                            title: "{{ trans('backpack::crud.reorder_error_title') }}",
+                            text: "{{ trans('backpack::crud.reorder_error_message') }}",
+                        type: "danger"
+                    });
+          })
+        .always(function() {
+            console.log("complete");
+        });
+
+    });
+
+    $.ajaxPrefilter(function(options, originalOptions, xhr) {
+        var token = $('meta[name="csrf_token"]').attr('content');
+
+        if (token) {
+            return xhr.setRequestHeader('X-XSRF-TOKEN', token);
+        }
+    });
+
+});
+</script>
+@endsection