88 add groupby to report builder

resources/views/components/actions.blade.php

@@ -1,6 +1,7 @@
-<div class="flex justify-center">
-    <div
-            x-data="{
+@if(count($selectedRows))
+    <div class="flex justify-center">
+        <div
+                x-data="{
             open: false,
             toggle() {
                 if (this.open) {
@@ -19,70 +20,70 @@
                 focusAfter && focusAfter.focus()
             }
         }"
-            x-on:keydown.escape.prevent.stop="close($refs.button)"
-            x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
-            x-id="['dropdown-button']"
-            class="relative"
-    >
-        <!-- Button -->
-        <button
-                x-ref="button"
-                x-on:click="toggle()"
-                :aria-expanded="open"
-                :aria-controls="$id('dropdown-button')"
-                type="button"
-                class="flex items-center gap-2 bg-white text-gray-600 text-sm border border-gray-300 px-5 py-2.5 rounded-md shadow outline-none"
+                x-on:keydown.escape.prevent.stop="close($refs.button)"
+                x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
+                x-id="['dropdown-button']"
+                class="relative"
         >
-            Actions
+            <!-- Button -->
+            <button
+                    x-ref="button"
+                    x-on:click="toggle()"
+                    :aria-expanded="open"
+                    :aria-controls="$id('dropdown-button')"
+                    type="button"
+                    class="flex items-center gap-2 bg-white text-gray-600 text-sm border border-gray-300 px-5 py-2.5 rounded-md shadow outline-none"
+            >
+                Actions
 
-            <!-- Heroicon: chevron-down -->
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400" viewBox="0 0 20 20"
-                 fill="currentColor">
-                <path fill-rule="evenodd"
-                      d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-                      clip-rule="evenodd"/>
-            </svg>
-        </button>
+                <!-- Heroicon: chevron-down -->
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-400" viewBox="0 0 20 20"
+                     fill="currentColor">
+                    <path fill-rule="evenodd"
+                          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                          clip-rule="evenodd"/>
+                </svg>
+            </button>
 
-        <!-- Panel -->
-        <div
-                wire:model.live.debounce.500ms="updatePanel"
-                wire:key="panel"
-                x-ref="panel"
-                x-show="open"
-                x-transition.origin.top.left
-                x-on:click.outside="close($refs.button)"
-                :id="$id('dropdown-button')"
-                style="display: none;"
-                class="absolute right-0 mt-2 py-2 w-40 rounded-md bg-white shadow-md z-50"
-        >
-            <div class="space-y-2">
-                @foreach ($this->actions() as $action)
-                    @if($action->isStandalone())
-                    <button
-                            wire:click="executeAction('{{ $action->key() }}')"
-                            wire:key="action-{{ $action->key() }}"
-                            @click="close($refs.button)"
-                            type="button"
-                            class="flex items-center gap-1 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-1 text-left text-sm hover:bg-gray-50 disabled:text-gray-400 cursor-pointer disabled:cursor-not-allowed"
-                    >
-                        {{ $action->label() }}
-                    </button>
-                    @else
-                        <button
-                                :disabled="{{ $selectedRows && ! count($selectedRows) }}"
-                                wire:click="executeAction('{{ $action->key() }}')"
-                                wire:key="action-{{ $action->key() }}"
-                                @click="close($refs.button)"
-                                type="button"
-                                class="flex items-center gap-1 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-1 text-left text-sm hover:bg-gray-50 disabled:text-gray-400 cursor-pointer disabled:cursor-not-allowed"
-                        >
-                            {{ $action->label() }}
-                        </button>
-                    @endif
-                @endforeach
-            </div>
+            <!-- Panel -->
+            <div
+                    wire:ignore
+                    wire:key="panel-{{ count($selectedRows) }}"
+                    x-ref="panel"
+                    x-show="open"
+                    x-cloak
+                    x-transition.origin.top.left
+                    x-on:click.outside="close($refs.button)"
+                    :id="$id('dropdown-button')"
+                    class="absolute right-0 mt-2 py-2 w-40 rounded-md bg-white shadow-md z-50"
+            >
+                <div class="space-y-2">
+                    @foreach ($this->actions() as $action)
+                        @if($action->isStandalone())
+                            <button
+                                    wire:click="executeAction('{{ $action->key() }}')"
+                                    wire:key="action-{{ $action->key() }}"
+                                    @click="close($refs.button)"
+                                    type="button"
+                                    class="flex items-center gap-1 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-1 text-left text-sm hover:bg-gray-50 disabled:text-gray-400 cursor-pointer disabled:cursor-not-allowed"
+                            >
+                                {{ $action->label() }}
+                            </button>
+                        @else
+                            <button
+                                    wire:click="executeAction('{{ $action->key() }}')"
+                                    wire:key="action-{{ $action->key() }}"
+                                    @click="close($refs.button)"
+                                    type="button"
+                                    class="flex items-center gap-1 w-full first-of-type:rounded-t-md last-of-type:rounded-b-md px-4 py-1 text-left text-sm hover:bg-gray-50 disabled:text-gray-400 cursor-pointer disabled:cursor-not-allowed"
+                            >
+                                {{ $action->label() }}
+                            </button>
+                        @endif
+                    @endforeach
+                </div>
 
+            </div>
         </div>
     </div>
-</div>
+@endif

resources/views/filters/null.blade.php

@@ -0,0 +1,18 @@
+<div>
+    @if($filter->options())
+        <div wire:key="filter-{{ $filter->code() }}">
+            <label for="filter-{{ $filter->code() }}"
+                   class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{ $filter->label() }}</label>
+            <select wire:model.live="filterValues.{{ $filter->code() }}" id="filter-{{ $filter->code() }}"
+                    class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <option value="">{{ $filter->prompt() }}</option>
+                @foreach($filter->options() as $key => $value)
+                    <option value="{{ $key }}">{{ $value }}</option>
+                @endforeach
+            </select>
+        </div>
+    @endif
+    @if(! $filter->options())
+        <div>No options set.</div>
+    @endif
+</div>