Hello,

How to store/submit droped items (in order)?

DRAG FROM:

	<x-laravel-blade-sortable::sortable group="orders">
	   @foreach($orders as $order)
	      <x-laravel-blade-sortable::sortable-item as="div" sort-key="{{ $order->id }}" class="bg-theme-gray-500 my-1 px-5 py-5 text-white">{{ $order->id }}</x-laravel-blade-sortable::sortable-item>
	   @endforeach
	</x-laravel-blade-sortable::sortable>

DROPED IN:

<form method="POST" action="{{ route('selected_orders.update', $workday->id) }}" class="py-6 px-10">
	@csrf
	@method('PATCH')
	<x-laravel-blade-sortable::sortable group="orders" name="sort_order">
          <!--- DROP ZONE --> 
	</x-laravel-blade-sortable::sortable>

	<button type="submit">Submit</button>
</form>

Hello,

I have multiple sortable lists:

group 1

• team 1
• team 2
• team 3

group 2 (no teams)

group 3 (no teams)

sample code:

@foreach ($groups as $group)
                    
                    <x-laravel-blade-sortable::sortable
                        group="teams"
                        name="{{ $group->id }}"
                        wire:onSortOrderChange="groupChanged"
                    >
                        @foreach ($group->teams as $team)
                            <x-laravel-blade-sortable::sortable-item
                                sort-key="{{ $team->id }}"
                            >
                                <div>
                                    {{ $team->name }}
                                </div>
                            </x-laravel-blade-sortable::sortable-item>
                        @endforeach
                    </x-laravel-blade-sortable::sortable>
                @endforeach

I have a function that can remove a group. ($groups is updated)

If I remove the group2, then each groups after that breaks... for example when group 2 is removed and i try to move a team from group 1 to group 3 groupChanges will receive the following params:

0: ["..."]
1: ["..."]
2: "group 2" <- this is already deleted, should be group 1
3: "group 1"
4: "group 3"

Any ideas whats wrong?

Hi Andres , thanks for everything, I was wondering if its possible to limit the sorting in a group it self, for example you can drag from A to B, but not change the positions in A itself, appreciate any help, thanks

Basically:

1. Allow from A to B
2. Don't allow from B to A
3. Don't allow sorting inside A
4. Allow sorting inside B

Hello, I have this error when using it i am using laravel 9 alpinejs 3.10 and the latest development version of sortable.

with the alpine 2 version it works perfect, does anyone have a solution for this?

Hi, trying to use this with a livewire component.

                @foreach ($p1->chunk(4) as $chunk)
                <div class="row" style="background-color: #8cdba9; margin-bottom: 7px; padding: 10px;">
                    <x-laravel-blade-sortable::sortable>
                        @foreach ($chunk as $item)
                          <x-laravel-blade-sortable::sortable-item as='label' class="checkbox-inline col-3" sort-key="{{$item->order_position}}"  drag-handle="drag-handle">
                            {{-- <label class="checkbox-inline col-3"> --}}
                                <input type="checkbox" value="1" id="item{{$item->id}}" @if (in_array($item->id, $currentConfigs)) checked @endif wire:click="updateConfig({{ $item->id }})"> {!! $item->value !!}
                            {{-- </label> --}}
                        </x-laravel-blade-sortable::sortable-item>
                        @endforeach
                    </x-laravel-blade-sortable::sortable>
                    </div>
                @endforeach

When I do this and try to click my element, the console prints this error:

I have my scripts in the file listed in this order: @livewire /js/app.js and lastly the x-laravel-blade-sortable::scripts/

I have installed alpine and sortable through NPM and run npm dev to compile the scripts (within Laravel) after including/requiring the libraries in the app/bootstrap.js files.

What is causing this error?

Summary

This PR adds the ability to enable/disable sorting and/or drop in sortable containers. Two new arguments have been added to x-laravel-blade-sortable::sortable component

• :allow-sort: true|false
• :allow-drop: true|false

Issues

Resolves #5

Type of Change

• [x] :rocket: New Feature

Screenshot/Video

https://github.com/asantibanez/laravel-blade-sortable/issues/9#issuecomment-903175095

i use this from the example, but there is no data passed... all variables are empty except $name, $from, $to

public function handleOnSortOrderChanged($sortOrder, $previousSortOrder, $name, $from, $to)
{
    // $sortOrder = new keys order
    // $previousSortOrder = keys previous order
    // $name = drop target name
    // $from = name of drop target from where the dragged/sorted item came from
    // $to = name of drop target to where the dragged/sorted item was placed
}

I am getting error when I drag and drop a sortable item.

When I remove wire:onSortOrderChange="handleOnSortOrderChanged", it works. Method was properly added to livewire component.

Anyone knows how to fix it? I am using laravel 9.11 version. PHP 8.0.1

Hello,

I'm getting this when trying to update/install on laravel 9 project:

composer require asantibanez/laravel-blade-sortable
Using version ^1.3 for asantibanez/laravel-blade-sortable
./composer.json has been updated
Running composer update asantibanez/laravel-blade-sortable
Loading composer repositories with package information
Updating dependencies
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Root composer.json requires asantibanez/laravel-blade-sortable ^1.3 -> satisfiable by asantibanez/laravel-blade-sortable[v1.3.0].
    - asantibanez/laravel-blade-sortable v1.3.0 requires illuminate/support ^7.0|^8.0 -> found illuminate/support[v7.0.0, ..., 7.x-dev, v8.0.0, ..., 8.x-dev] but these were not loaded, likely because it conflicts with another require.

You can also try re-running composer require with an explicit version constraint, e.g. "composer require asantibanez/laravel-blade-sortable:*" to figure out if any version is installable, or "composer require asantibanez/laravel-blade-sortable:^2.1" if you know which you need.

Installation failed, reverting ./composer.json and ./composer.lock to their original content.

Hi,

Would be nice to have allow-drag=true|false

This would disable dragging from the container.

For example I have lists A, B and C

I want to move items from A and B to C I dont want to move items from C to anywhere

Hello,

The problem i'm having is to NOT have linked drop zones. I would like to have just 2 listings A and B. You should not be able to drag item from A to B or from B to A

I have tried this with:

• do not use group param
• use different group params for A and B
• use group param for A, empty for B
• use group param for B, empty for A

Any ideas?

Edit:

I can return false from wire:onSortOrderChange function to disable the dropping, but would be nice to disable this from UI also

Hey there, great package! I'm wondering if I'm missing something -- is there a way to get the updated sort list for both the from and to groups when updating? I just see the new order and previous order for the target group I think