[增添]添加了datasource的setting数据库以及默认值
This commit is contained in:
makotocc0107
86
vendor/filament/tables/resources/views/columns/checkbox-column.blade.php
vendored
Normal file
86
vendor/filament/tables/resources/views/columns/checkbox-column.blade.php
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
@php
|
||||
$isDisabled = $isDisabled();
|
||||
$state = (bool) $getState();
|
||||
@endphp
|
||||
|
||||
<div
|
||||
x-data="{
|
||||
error: undefined,
|
||||
|
||||
isLoading: false,
|
||||
|
||||
name: @js($getName()),
|
||||
|
||||
recordKey: @js($recordKey),
|
||||
|
||||
state: @js($state),
|
||||
}"
|
||||
x-init="
|
||||
() => {
|
||||
Livewire.hook('commit', ({ component, commit, succeed, fail, respond }) => {
|
||||
succeed(({ snapshot, effect }) => {
|
||||
$nextTick(() => {
|
||||
if (component.id !== @js($this->getId())) {
|
||||
return
|
||||
}
|
||||
|
||||
if (! $refs.newState) {
|
||||
return
|
||||
}
|
||||
|
||||
const newState = $refs.newState.value === '1' ? true : false
|
||||
|
||||
if (state === newState) {
|
||||
return
|
||||
}
|
||||
|
||||
state = newState
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
"
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-checkbox flex items-center',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
<input type="hidden" value="{{ $state ? 1 : 0 }}" x-ref="newState" />
|
||||
|
||||
<x-filament::input.checkbox
|
||||
alpine-valid="! error"
|
||||
:disabled="$isDisabled"
|
||||
:x-bind:disabled="$isDisabled ? null : 'isLoading'"
|
||||
x-model="state"
|
||||
x-on:change="
|
||||
isLoading = true
|
||||
|
||||
const response = await $wire.updateTableColumnState(
|
||||
name,
|
||||
recordKey,
|
||||
$event.target.checked,
|
||||
)
|
||||
|
||||
error = response?.error ?? undefined
|
||||
|
||||
isLoading = false
|
||||
"
|
||||
x-tooltip="
|
||||
error === undefined
|
||||
? false
|
||||
: {
|
||||
content: error,
|
||||
theme: $store.theme,
|
||||
}
|
||||
"
|
||||
x-on:click.stop=""
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->merge($getExtraInputAttributes(), escape: false)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
57
vendor/filament/tables/resources/views/columns/color-column.blade.php
vendored
Normal file
57
vendor/filament/tables/resources/views/columns/color-column.blade.php
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
@php
|
||||
$canWrap = $canWrap();
|
||||
|
||||
$arrayState = $getState();
|
||||
|
||||
if ($arrayState instanceof \Illuminate\Support\Collection) {
|
||||
$arrayState = $arrayState->all();
|
||||
}
|
||||
|
||||
$arrayState = \Illuminate\Support\Arr::wrap($arrayState);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-color flex gap-1.5',
|
||||
'flex-wrap' => $canWrap,
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
@if (count($arrayState))
|
||||
@foreach ($arrayState as $state)
|
||||
@php
|
||||
$itemIsCopyable = $isCopyable($state);
|
||||
$copyableState = $getCopyableState($state) ?? $state;
|
||||
$copyMessage = $getCopyMessage($state);
|
||||
$copyMessageDuration = $getCopyMessageDuration($state);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
@if ($itemIsCopyable)
|
||||
x-on:click="
|
||||
window.navigator.clipboard.writeText(@js($copyableState))
|
||||
$tooltip(@js($copyMessage), {
|
||||
theme: $store.theme,
|
||||
timeout: @js($copyMessageDuration),
|
||||
})
|
||||
"
|
||||
@endif
|
||||
@class([
|
||||
'fi-ta-color-item h-6 w-6 rounded-md',
|
||||
'cursor-pointer' => $itemIsCopyable,
|
||||
])
|
||||
@style([
|
||||
"background-color: {$state}" => $state,
|
||||
])
|
||||
></div>
|
||||
@endforeach
|
||||
@elseif (($placeholder = $getPlaceholder()) !== null)
|
||||
<x-filament-tables::columns.placeholder>
|
||||
{{ $placeholder }}
|
||||
</x-filament-tables::columns.placeholder>
|
||||
@endif
|
||||
</div>
|
||||
67
vendor/filament/tables/resources/views/columns/icon-column.blade.php
vendored
Normal file
67
vendor/filament/tables/resources/views/columns/icon-column.blade.php
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
@php
|
||||
use Filament\Tables\Columns\IconColumn\IconColumnSize;
|
||||
|
||||
$arrayState = $getState();
|
||||
|
||||
if ($arrayState instanceof \Illuminate\Support\Collection) {
|
||||
$arrayState = $arrayState->all();
|
||||
}
|
||||
|
||||
$arrayState = \Illuminate\Support\Arr::wrap($arrayState);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-icon flex gap-1.5',
|
||||
'flex-wrap' => $canWrap(),
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
'flex-col' => $isListWithLineBreaks(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
@if (count($arrayState))
|
||||
@foreach ($arrayState as $state)
|
||||
@if ($icon = $getIcon($state))
|
||||
@php
|
||||
$color = $getColor($state) ?? 'gray';
|
||||
$size = $getSize($state) ?? IconColumnSize::Large;
|
||||
@endphp
|
||||
|
||||
<x-filament::icon
|
||||
:icon="$icon"
|
||||
@class([
|
||||
'fi-ta-icon-item',
|
||||
match ($size) {
|
||||
IconColumnSize::ExtraSmall, 'xs' => 'fi-ta-icon-item-size-xs h-3 w-3',
|
||||
IconColumnSize::Small, 'sm' => 'fi-ta-icon-item-size-sm h-4 w-4',
|
||||
IconColumnSize::Medium, 'md' => 'fi-ta-icon-item-size-md h-5 w-5',
|
||||
IconColumnSize::Large, 'lg' => 'fi-ta-icon-item-size-lg h-6 w-6',
|
||||
IconColumnSize::ExtraLarge, 'xl' => 'fi-ta-icon-item-size-xl h-7 w-7',
|
||||
IconColumnSize::TwoExtraLarge, IconColumnSize::ExtraExtraLarge, '2xl' => 'fi-ta-icon-item-size-2xl h-8 w-8',
|
||||
default => $size,
|
||||
},
|
||||
match ($color) {
|
||||
'gray' => 'text-gray-400 dark:text-gray-500',
|
||||
default => 'fi-color-custom text-custom-500 dark:text-custom-400',
|
||||
},
|
||||
is_string($color) ? 'fi-color-' . $color : null,
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500],
|
||||
alias: 'tables::columns.icon-column.item',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
@endforeach
|
||||
@elseif (($placeholder = $getPlaceholder()) !== null)
|
||||
<x-filament-tables::columns.placeholder>
|
||||
{{ $placeholder }}
|
||||
</x-filament-tables::columns.placeholder>
|
||||
@endif
|
||||
</div>
|
||||
143
vendor/filament/tables/resources/views/columns/image-column.blade.php
vendored
Normal file
143
vendor/filament/tables/resources/views/columns/image-column.blade.php
vendored
Normal file
@@ -0,0 +1,143 @@
|
||||
@php
|
||||
$state = $getState();
|
||||
|
||||
if ($state instanceof \Illuminate\Support\Collection) {
|
||||
$state = $state->all();
|
||||
}
|
||||
|
||||
$state = \Illuminate\Support\Arr::wrap($state);
|
||||
|
||||
$limit = $getLimit();
|
||||
$limitedState = array_slice($state, 0, $limit);
|
||||
$isCircular = $isCircular();
|
||||
$isSquare = $isSquare();
|
||||
$isStacked = $isStacked();
|
||||
$overlap = $isStacked ? ($getOverlap() ?? 2) : null;
|
||||
$ring = $isStacked ? ($getRing() ?? 2) : null;
|
||||
$height = $getHeight() ?? ($isStacked ? '2rem' : '2.5rem');
|
||||
$width = $getWidth() ?? (($isCircular || $isSquare) ? $height : null);
|
||||
|
||||
$stateCount = count($state);
|
||||
$limitedStateCount = count($limitedState);
|
||||
|
||||
$defaultImageUrl = $getDefaultImageUrl();
|
||||
|
||||
if ((! $limitedStateCount) && filled($defaultImageUrl)) {
|
||||
$limitedState = [null];
|
||||
|
||||
$limitedStateCount = 1;
|
||||
}
|
||||
|
||||
$ringClasses = \Illuminate\Support\Arr::toCssClasses([
|
||||
'ring-white dark:ring-gray-900',
|
||||
match ($ring) {
|
||||
0 => null,
|
||||
1 => 'ring-1',
|
||||
2 => 'ring-2',
|
||||
3 => 'ring',
|
||||
4 => 'ring-4',
|
||||
default => $ring,
|
||||
},
|
||||
]);
|
||||
|
||||
$hasLimitedRemainingText = $hasLimitedRemainingText() && ($limitedStateCount < $stateCount);
|
||||
$isLimitedRemainingTextSeparate = $isLimitedRemainingTextSeparate();
|
||||
|
||||
$limitedRemainingTextSizeClasses = match ($getLimitedRemainingTextSize()) {
|
||||
'xs' => 'text-xs',
|
||||
'sm', null => 'text-sm',
|
||||
'base', 'md' => 'text-base',
|
||||
'lg' => 'text-lg',
|
||||
default => $size,
|
||||
};
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-image',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
@if ($limitedStateCount)
|
||||
<div class="flex items-center gap-x-2.5">
|
||||
<div
|
||||
@class([
|
||||
'flex',
|
||||
'flex-wrap' => $canWrap(),
|
||||
match ($overlap) {
|
||||
0 => null,
|
||||
1 => '-space-x-1',
|
||||
2 => '-space-x-2',
|
||||
3 => '-space-x-3',
|
||||
4 => '-space-x-4',
|
||||
5 => '-space-x-5',
|
||||
6 => '-space-x-6',
|
||||
7 => '-space-x-7',
|
||||
8 => '-space-x-8',
|
||||
default => 'gap-1.5',
|
||||
},
|
||||
])
|
||||
>
|
||||
@foreach ($limitedState as $stateItem)
|
||||
<img
|
||||
src="{{ filled($stateItem) ? $getImageUrl($stateItem) : $defaultImageUrl }}"
|
||||
{{
|
||||
$getExtraImgAttributeBag()
|
||||
->class([
|
||||
'max-w-none object-cover object-center',
|
||||
'rounded-full' => $isCircular,
|
||||
$ringClasses,
|
||||
])
|
||||
->style([
|
||||
"height: {$height}" => $height,
|
||||
"width: {$width}" => $width,
|
||||
])
|
||||
}}
|
||||
/>
|
||||
@endforeach
|
||||
|
||||
@if ($hasLimitedRemainingText && (! $isLimitedRemainingTextSeparate) && $isCircular)
|
||||
<div
|
||||
style="
|
||||
@if ($height) height: {{ $height }}; @endif
|
||||
@if ($width) width: {{ $width }}; @endif
|
||||
"
|
||||
@class([
|
||||
'flex items-center justify-center bg-gray-100 font-medium text-gray-500 dark:bg-gray-800 dark:text-gray-400',
|
||||
'rounded-full' => $isCircular,
|
||||
$limitedRemainingTextSizeClasses,
|
||||
$ringClasses,
|
||||
])
|
||||
@style([
|
||||
"height: {$height}" => $height,
|
||||
"width: {$width}" => $width,
|
||||
])
|
||||
>
|
||||
<span class="-ms-0.5">
|
||||
+{{ $stateCount - $limitedStateCount }}
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if ($hasLimitedRemainingText && ($isLimitedRemainingTextSeparate || (! $isCircular)))
|
||||
<div
|
||||
@class([
|
||||
'font-medium text-gray-500 dark:text-gray-400',
|
||||
$limitedRemainingTextSizeClasses,
|
||||
])
|
||||
>
|
||||
+{{ $stateCount - $limitedStateCount }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@elseif (($placeholder = $getPlaceholder()) !== null)
|
||||
<x-filament-tables::columns.placeholder>
|
||||
{{ $placeholder }}
|
||||
</x-filament-tables::columns.placeholder>
|
||||
@endif
|
||||
</div>
|
||||
29
vendor/filament/tables/resources/views/columns/layout/grid.blade.php
vendored
Normal file
29
vendor/filament/tables/resources/views/columns/layout/grid.blade.php
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
@php
|
||||
$columns = $getGridColumns();
|
||||
@endphp
|
||||
|
||||
<div {{ $attributes->merge($getExtraAttributes(), escape: false) }}>
|
||||
<x-filament::grid
|
||||
:default="$columns['default'] ?? 1"
|
||||
:sm="$columns['sm'] ?? null"
|
||||
:md="$columns['md'] ?? null"
|
||||
:lg="$columns['lg'] ?? null"
|
||||
:xl="$columns['xl'] ?? null"
|
||||
:two-xl="$columns['2xl'] ?? null"
|
||||
@class([
|
||||
(($columns['default'] ?? 1) === 1) ? 'gap-1' : 'gap-3',
|
||||
($columns['sm'] ?? null) ? (($columns['sm'] === 1) ? 'sm:gap-1' : 'sm:gap-3') : null,
|
||||
($columns['md'] ?? null) ? (($columns['md'] === 1) ? 'md:gap-1' : 'md:gap-3') : null,
|
||||
($columns['lg'] ?? null) ? (($columns['lg'] === 1) ? 'lg:gap-1' : 'lg:gap-3') : null,
|
||||
($columns['xl'] ?? null) ? (($columns['xl'] === 1) ? 'xl:gap-1' : 'xl:gap-3') : null,
|
||||
($columns['2xl'] ?? null) ? (($columns['2xl'] === 1) ? '2xl:gap-1' : '2xl:gap-3') : null,
|
||||
])
|
||||
>
|
||||
<x-filament-tables::columns.layout
|
||||
:components="$getComponents()"
|
||||
grid
|
||||
:record="$getRecord()"
|
||||
:record-key="$recordKey"
|
||||
/>
|
||||
</x-filament::grid>
|
||||
</div>
|
||||
13
vendor/filament/tables/resources/views/columns/layout/panel.blade.php
vendored
Normal file
13
vendor/filament/tables/resources/views/columns/layout/panel.blade.php
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['fi-ta-panel rounded-lg bg-gray-50 p-4 ring-1 ring-inset ring-gray-950/5 dark:bg-white/5 dark:ring-white/10'])
|
||||
}}
|
||||
>
|
||||
<x-filament-tables::columns.layout
|
||||
:components="$getComponents()"
|
||||
:record="$getRecord()"
|
||||
:record-key="$recordKey"
|
||||
/>
|
||||
</div>
|
||||
24
vendor/filament/tables/resources/views/columns/layout/split.blade.php
vendored
Normal file
24
vendor/filament/tables/resources/views/columns/layout/split.blade.php
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-split flex',
|
||||
match ($getFromBreakpoint()) {
|
||||
'sm' => 'flex-col gap-2 sm:flex-row sm:items-center sm:gap-3',
|
||||
'md' => 'flex-col gap-2 md:flex-row md:items-center md:gap-3',
|
||||
'lg' => 'flex-col gap-2 lg:flex-row lg:items-center lg:gap-3',
|
||||
'xl' => 'flex-col gap-2 xl:flex-row xl:items-center xl:gap-3',
|
||||
'2xl' => 'flex-col gap-2 2xl:flex-row 2xl:items-center 2xl:gap-3',
|
||||
default => 'items-center gap-3',
|
||||
},
|
||||
])
|
||||
}}
|
||||
>
|
||||
<x-filament-tables::columns.layout
|
||||
:components="$getComponents()"
|
||||
:record="$getRecord()"
|
||||
:record-key="$recordKey"
|
||||
:row-loop="$getRowLoop()"
|
||||
/>
|
||||
</div>
|
||||
39
vendor/filament/tables/resources/views/columns/layout/stack.blade.php
vendored
Normal file
39
vendor/filament/tables/resources/views/columns/layout/stack.blade.php
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
|
||||
$alignment = $getAlignment() ?? Alignment::Start;
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'flex flex-col',
|
||||
match ($alignment) {
|
||||
Alignment::Start, Alignment::Left => 'items-start',
|
||||
Alignment::Center => 'items-center',
|
||||
Alignment::End, Alignment::Right => 'items-end',
|
||||
Alignment::Justify, Alignment::Between => null,
|
||||
default => $alignment,
|
||||
},
|
||||
match ($space = $getSpace()) {
|
||||
1 => 'space-y-1',
|
||||
2 => 'space-y-2',
|
||||
3 => 'space-y-3',
|
||||
default => $space,
|
||||
},
|
||||
])
|
||||
}}
|
||||
>
|
||||
<x-filament-tables::columns.layout
|
||||
:components="$getComponents()"
|
||||
:record="$getRecord()"
|
||||
:record-key="$recordKey"
|
||||
:row-loop="$getRowLoop()"
|
||||
/>
|
||||
</div>
|
||||
114
vendor/filament/tables/resources/views/columns/select-column.blade.php
vendored
Normal file
114
vendor/filament/tables/resources/views/columns/select-column.blade.php
vendored
Normal file
@@ -0,0 +1,114 @@
|
||||
@php
|
||||
$canSelectPlaceholder = $canSelectPlaceholder();
|
||||
$isDisabled = $isDisabled();
|
||||
|
||||
$state = $getState();
|
||||
if ($state instanceof \BackedEnum) {
|
||||
$state = $state->value;
|
||||
}
|
||||
$state = strval($state);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
x-data="{
|
||||
error: undefined,
|
||||
|
||||
isLoading: false,
|
||||
|
||||
name: @js($getName()),
|
||||
|
||||
recordKey: @js($recordKey),
|
||||
|
||||
state: @js($state),
|
||||
}"
|
||||
x-init="
|
||||
() => {
|
||||
Livewire.hook('commit', ({ component, commit, succeed, fail, respond }) => {
|
||||
succeed(({ snapshot, effect }) => {
|
||||
$nextTick(() => {
|
||||
if (component.id !== @js($this->getId())) {
|
||||
return
|
||||
}
|
||||
|
||||
if (! $refs.newState) {
|
||||
return
|
||||
}
|
||||
|
||||
let newState = $refs.newState.value
|
||||
|
||||
if (state === newState) {
|
||||
return
|
||||
}
|
||||
|
||||
state = newState
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
"
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-select',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="{{ str($state)->replace('"', '\\"') }}"
|
||||
x-ref="newState"
|
||||
/>
|
||||
|
||||
<x-filament::input.wrapper
|
||||
:alpine-disabled="'isLoading || ' . \Illuminate\Support\Js::from($isDisabled)"
|
||||
alpine-valid="error === undefined"
|
||||
x-tooltip="
|
||||
error === undefined
|
||||
? false
|
||||
: {
|
||||
content: error,
|
||||
theme: $store.theme,
|
||||
}
|
||||
"
|
||||
x-on:click.stop=""
|
||||
>
|
||||
<x-filament::input.select
|
||||
:disabled="$isDisabled"
|
||||
:x-bind:disabled="$isDisabled ? null : 'isLoading'"
|
||||
x-model="state"
|
||||
x-on:change="
|
||||
isLoading = true
|
||||
|
||||
const response = await $wire.updateTableColumnState(
|
||||
name,
|
||||
recordKey,
|
||||
$event.target.value,
|
||||
)
|
||||
|
||||
error = response?.error ?? undefined
|
||||
|
||||
if (! error) {
|
||||
state = response
|
||||
}
|
||||
|
||||
isLoading = false
|
||||
"
|
||||
:attributes="\Filament\Support\prepare_inherited_attributes($getExtraInputAttributeBag())"
|
||||
>
|
||||
@if ($canSelectPlaceholder)
|
||||
<option value="">{{ $getPlaceholder() }}</option>
|
||||
@endif
|
||||
|
||||
@foreach ($getOptions() as $value => $label)
|
||||
<option
|
||||
@disabled($isOptionDisabled($value, $label))
|
||||
value="{{ $value }}"
|
||||
>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</x-filament::input.select>
|
||||
</x-filament::input.wrapper>
|
||||
</div>
|
||||
54
vendor/filament/tables/resources/views/columns/summaries/icon-count.blade.php
vendored
Normal file
54
vendor/filament/tables/resources/views/columns/summaries/icon-count.blade.php
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['fi-ta-icon-count-summary grid gap-y-1.5 px-3 py-4'])
|
||||
}}
|
||||
>
|
||||
@if (filled($label = $getLabel()))
|
||||
<p class="text-sm font-medium text-gray-950 dark:text-white">
|
||||
{{ $label }}
|
||||
</p>
|
||||
@endif
|
||||
|
||||
@if ($state = $getState())
|
||||
<div class="grid gap-y-1.5">
|
||||
@foreach ($state as $color => $icons)
|
||||
@php
|
||||
$color = json_decode($color);
|
||||
@endphp
|
||||
|
||||
@foreach ($icons as $icon => $count)
|
||||
@if (filled($icon))
|
||||
<div class="flex items-center justify-end gap-x-1.5">
|
||||
<span
|
||||
class="text-sm text-gray-500 dark:text-gray-400"
|
||||
>
|
||||
{{ $count }}
|
||||
</span>
|
||||
|
||||
<x-filament::icon
|
||||
:icon="$icon"
|
||||
@class([
|
||||
'fi-ta-icon-count-summary-icon h-6 w-6',
|
||||
match ($color) {
|
||||
'gray' => 'text-gray-400 dark:text-gray-500',
|
||||
default => 'fi-color-custom text-custom-500 dark:text-custom-400',
|
||||
},
|
||||
is_string($color) ? 'fi-color-' . $color : null,
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 500],
|
||||
alias: 'tables::columns.summaries.icon-count.icon',
|
||||
) => $color !== 'gray',
|
||||
])
|
||||
/>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
31
vendor/filament/tables/resources/views/columns/summaries/range.blade.php
vendored
Normal file
31
vendor/filament/tables/resources/views/columns/summaries/range.blade.php
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['fi-ta-range-summary grid gap-y-1 px-3 py-4'])
|
||||
}}
|
||||
>
|
||||
@php
|
||||
$state = $formatState($getState());
|
||||
$from = $state[0] ?? null;
|
||||
$to = $state[1] ?? null;
|
||||
@endphp
|
||||
|
||||
@if (filled($label = $getLabel()))
|
||||
<span class="text-sm font-medium text-gray-950 dark:text-white">
|
||||
{{ $label }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if (filled($from) || filled($to))
|
||||
<span class="text-sm text-gray-500 dark:text-gray-400">
|
||||
{{ $from }}
|
||||
|
||||
@if (filled($from) && filled($to))
|
||||
-
|
||||
@endif
|
||||
|
||||
{{ $to }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
17
vendor/filament/tables/resources/views/columns/summaries/text.blade.php
vendored
Normal file
17
vendor/filament/tables/resources/views/columns/summaries/text.blade.php
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['fi-ta-text-summary grid gap-y-1 px-3 py-4'])
|
||||
}}
|
||||
>
|
||||
@if (filled($label = $getLabel()))
|
||||
<span class="text-sm font-medium text-gray-950 dark:text-white">
|
||||
{{ $label }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
<span class="text-sm text-gray-500 dark:text-gray-400">
|
||||
{{ $formatState($getState()) }}
|
||||
</span>
|
||||
</div>
|
||||
27
vendor/filament/tables/resources/views/columns/summaries/values.blade.php
vendored
Normal file
27
vendor/filament/tables/resources/views/columns/summaries/values.blade.php
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['fi-ta-values-summary grid gap-y-1 px-3 py-4'])
|
||||
}}
|
||||
>
|
||||
@if (filled($label = $getLabel()))
|
||||
<span class="text-sm font-medium text-gray-950 dark:text-white">
|
||||
{{ $label }}
|
||||
</span>
|
||||
@endif
|
||||
|
||||
@if ($state = $getState())
|
||||
<ul
|
||||
@class([
|
||||
'list-inside list-disc' => $isBulleted(),
|
||||
])
|
||||
>
|
||||
@foreach ($state as $stateItem)
|
||||
<li class="text-sm text-gray-500 dark:text-gray-400">
|
||||
{{ $formatState($stateItem) }}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</div>
|
||||
314
vendor/filament/tables/resources/views/columns/text-column.blade.php
vendored
Normal file
314
vendor/filament/tables/resources/views/columns/text-column.blade.php
vendored
Normal file
@@ -0,0 +1,314 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
use Filament\Support\Enums\FontFamily;
|
||||
use Filament\Support\Enums\FontWeight;
|
||||
use Filament\Support\Enums\IconPosition;
|
||||
use Filament\Tables\Columns\TextColumn\TextColumnSize;
|
||||
|
||||
$alignment = $getAlignment();
|
||||
$canWrap = $canWrap();
|
||||
$descriptionAbove = $getDescriptionAbove();
|
||||
$descriptionBelow = $getDescriptionBelow();
|
||||
$iconPosition = $getIconPosition();
|
||||
$isBadge = $isBadge();
|
||||
$isBulleted = $isBulleted();
|
||||
$isListWithLineBreaks = $isListWithLineBreaks();
|
||||
$isLimitedListExpandable = $isLimitedListExpandable();
|
||||
$url = $getUrl();
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
|
||||
$arrayState = $getState();
|
||||
|
||||
if ($arrayState instanceof \Illuminate\Support\Collection) {
|
||||
$arrayState = $arrayState->all();
|
||||
}
|
||||
|
||||
$listLimit = 1;
|
||||
|
||||
if (is_array($arrayState)) {
|
||||
if ($listLimit = $getListLimit()) {
|
||||
$limitedArrayStateCount = (count($arrayState) > $listLimit) ? (count($arrayState) - $listLimit) : 0;
|
||||
|
||||
if (! $isListWithLineBreaks) {
|
||||
$arrayState = array_slice($arrayState, 0, $listLimit);
|
||||
}
|
||||
}
|
||||
|
||||
$listLimit ??= count($arrayState);
|
||||
|
||||
if ((! $isListWithLineBreaks) && (! $isBadge)) {
|
||||
$arrayState = implode(
|
||||
', ',
|
||||
array_map(
|
||||
fn ($value) => $value instanceof \Filament\Support\Contracts\HasLabel ? $value->getLabel() : $value,
|
||||
$arrayState,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
$arrayState = \Illuminate\Support\Arr::wrap($arrayState);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-text grid w-full gap-y-1',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
@if (count($arrayState))
|
||||
@if (filled($descriptionAbove))
|
||||
<p
|
||||
@class([
|
||||
'text-sm text-gray-500 dark:text-gray-400',
|
||||
'whitespace-normal' => $canWrap,
|
||||
])
|
||||
>
|
||||
{{ $descriptionAbove }}
|
||||
</p>
|
||||
@endif
|
||||
|
||||
<{{ $isListWithLineBreaks ? 'ul' : 'div' }}
|
||||
@class([
|
||||
'flex' => ! $isBulleted,
|
||||
'flex-col' => (! $isBulleted) && $isListWithLineBreaks,
|
||||
'list-inside list-disc' => $isBulleted,
|
||||
'gap-1.5' => $isBadge,
|
||||
'flex-wrap' => $isBadge && (! $isListWithLineBreaks),
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'text-start',
|
||||
Alignment::Center => 'text-center',
|
||||
Alignment::End => 'text-end',
|
||||
Alignment::Left => 'text-left',
|
||||
Alignment::Right => 'text-right',
|
||||
Alignment::Justify, Alignment::Between => 'text-justify',
|
||||
default => $alignment,
|
||||
},
|
||||
match ($alignment) {
|
||||
Alignment::Start, Alignment::Left => 'justify-start',
|
||||
Alignment::Center => 'justify-center',
|
||||
Alignment::End, Alignment::Right => 'justify-end',
|
||||
Alignment::Between, Alignment::Justify => 'justify-between',
|
||||
default => null,
|
||||
} => $isBulleted || (! $isListWithLineBreaks),
|
||||
match ($alignment) {
|
||||
Alignment::Start, Alignment::Left => 'items-start',
|
||||
Alignment::Center => 'items-center',
|
||||
Alignment::End, Alignment::Right => 'items-end',
|
||||
Alignment::Between, Alignment::Justify => 'items-stretch',
|
||||
default => null,
|
||||
} => $isListWithLineBreaks && (! $isBulleted),
|
||||
])
|
||||
@if ($isListWithLineBreaks && $isLimitedListExpandable)
|
||||
x-data="{ isLimited: true }"
|
||||
@endif
|
||||
>
|
||||
@foreach ($arrayState as $state)
|
||||
@if (filled($formattedState = $formatState($state)) &&
|
||||
(! ($isListWithLineBreaks && (! $isLimitedListExpandable) && ($loop->iteration > $listLimit))))
|
||||
@php
|
||||
$color = $getColor($state);
|
||||
$copyableState = $getCopyableState($state) ?? $state;
|
||||
$copyMessage = $getCopyMessage($state);
|
||||
$copyMessageDuration = $getCopyMessageDuration($state);
|
||||
$fontFamily = $getFontFamily($state);
|
||||
$icon = $getIcon($state);
|
||||
$iconColor = $getIconColor($state) ?? $color;
|
||||
$itemIsCopyable = $isCopyable($state);
|
||||
$lineClamp = $getLineClamp($state);
|
||||
$size = $getSize($state);
|
||||
$weight = $getWeight($state);
|
||||
|
||||
$iconClasses = \Illuminate\Support\Arr::toCssClasses([
|
||||
'fi-ta-text-item-icon h-5 w-5',
|
||||
match ($iconColor) {
|
||||
'gray', null => 'text-gray-400 dark:text-gray-500',
|
||||
default => 'text-custom-500',
|
||||
},
|
||||
]);
|
||||
|
||||
$iconStyles = \Illuminate\Support\Arr::toCssStyles([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$iconColor,
|
||||
shades: [500],
|
||||
alias: 'tables::columns.text-column.item.icon',
|
||||
) => $iconColor !== 'gray',
|
||||
]);
|
||||
@endphp
|
||||
|
||||
<{{ $isListWithLineBreaks ? 'li' : 'div' }}
|
||||
@if ($itemIsCopyable)
|
||||
x-on:click="
|
||||
window.navigator.clipboard.writeText(@js($copyableState))
|
||||
$tooltip(@js($copyMessage), {
|
||||
theme: $store.theme,
|
||||
timeout: @js($copyMessageDuration),
|
||||
})
|
||||
"
|
||||
@endif
|
||||
@if ($isListWithLineBreaks && ($loop->iteration > $listLimit))
|
||||
x-cloak
|
||||
x-show="! isLimited"
|
||||
x-transition
|
||||
@endif
|
||||
@class([
|
||||
'flex' => ! $isBulleted,
|
||||
'max-w-max' => ! ($isBulleted || $isBadge),
|
||||
'w-max' => $isBadge,
|
||||
'cursor-pointer' => $itemIsCopyable,
|
||||
match ($color) {
|
||||
null => 'text-gray-950 dark:text-white',
|
||||
'gray' => 'text-gray-500 dark:text-gray-400',
|
||||
default => 'text-custom-600 dark:text-custom-400',
|
||||
} => $isBulleted,
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 600],
|
||||
alias: 'tables::columns.text-column.item.container',
|
||||
) => $isBulleted && (! in_array($color, [null, 'gray'])),
|
||||
])
|
||||
>
|
||||
@if ($isBadge)
|
||||
<x-filament::badge
|
||||
:color="$color"
|
||||
:icon="$icon"
|
||||
:icon-position="$iconPosition"
|
||||
>
|
||||
{{ $formattedState }}
|
||||
</x-filament::badge>
|
||||
@else
|
||||
<div
|
||||
@class([
|
||||
'fi-ta-text-item inline-flex items-center gap-1.5',
|
||||
'group/item' => $url,
|
||||
match ($color) {
|
||||
null, 'gray' => null,
|
||||
default => 'fi-color-custom',
|
||||
},
|
||||
is_string($color) ? "fi-color-{$color}" : null,
|
||||
])
|
||||
>
|
||||
@if ($icon && in_array($iconPosition, [IconPosition::Before, 'before']))
|
||||
<x-filament::icon
|
||||
:icon="$icon"
|
||||
:class="$iconClasses"
|
||||
:style="$iconStyles"
|
||||
/>
|
||||
@endif
|
||||
|
||||
<span
|
||||
@class([
|
||||
'fi-ta-text-item-label',
|
||||
'group-hover/item:underline group-focus-visible/item:underline' => $url,
|
||||
'whitespace-normal' => $canWrap,
|
||||
'line-clamp-[--line-clamp]' => $lineClamp,
|
||||
match ($size) {
|
||||
TextColumnSize::ExtraSmall, 'xs' => 'text-xs',
|
||||
TextColumnSize::Small, 'sm', null => 'text-sm leading-6',
|
||||
TextColumnSize::Medium, 'base', 'md' => 'text-base',
|
||||
TextColumnSize::Large, 'lg' => 'text-lg',
|
||||
default => $size,
|
||||
},
|
||||
match ($color) {
|
||||
null => 'text-gray-950 dark:text-white',
|
||||
'gray' => 'text-gray-500 dark:text-gray-400',
|
||||
default => 'text-custom-600 dark:text-custom-400',
|
||||
},
|
||||
match ($weight) {
|
||||
FontWeight::Thin, 'thin' => 'font-thin',
|
||||
FontWeight::ExtraLight, 'extralight' => 'font-extralight',
|
||||
FontWeight::Light, 'light' => 'font-light',
|
||||
FontWeight::Medium, 'medium' => 'font-medium',
|
||||
FontWeight::SemiBold, 'semibold' => 'font-semibold',
|
||||
FontWeight::Bold, 'bold' => 'font-bold',
|
||||
FontWeight::ExtraBold, 'extrabold' => 'font-extrabold',
|
||||
FontWeight::Black, 'black' => 'font-black',
|
||||
default => $weight,
|
||||
},
|
||||
match ($fontFamily) {
|
||||
FontFamily::Sans, 'sans' => 'font-sans',
|
||||
FontFamily::Serif, 'serif' => 'font-serif',
|
||||
FontFamily::Mono, 'mono' => 'font-mono',
|
||||
default => $fontFamily,
|
||||
},
|
||||
])
|
||||
@style([
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$color,
|
||||
shades: [400, 600],
|
||||
alias: 'tables::columns.text-column.item.label',
|
||||
) => ! in_array($color, [null, 'gray']),
|
||||
"--line-clamp: {$lineClamp}" => $lineClamp,
|
||||
])
|
||||
>
|
||||
{{ $formattedState }}
|
||||
</span>
|
||||
|
||||
@if ($icon && in_array($iconPosition, [IconPosition::After, 'after']))
|
||||
<x-filament::icon
|
||||
:icon="$icon"
|
||||
:class="$iconClasses"
|
||||
:style="$iconStyles"
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</{{ $isListWithLineBreaks ? 'li' : 'div' }}>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@if ($limitedArrayStateCount ?? 0)
|
||||
<{{ $isListWithLineBreaks ? 'li' : 'div' }}>
|
||||
@if ($isLimitedListExpandable)
|
||||
<x-filament::link
|
||||
color="gray"
|
||||
tag="button"
|
||||
x-on:click.prevent="isLimited = false"
|
||||
x-show="isLimited"
|
||||
>
|
||||
{{ trans_choice('filament-tables::table.columns.text.actions.expand_list', $limitedArrayStateCount) }}
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link
|
||||
color="gray"
|
||||
tag="button"
|
||||
x-cloak
|
||||
x-on:click.prevent="isLimited = true"
|
||||
x-show="! isLimited"
|
||||
>
|
||||
{{ trans_choice('filament-tables::table.columns.text.actions.collapse_list', $limitedArrayStateCount) }}
|
||||
</x-filament::link>
|
||||
@else
|
||||
<span class="text-sm text-gray-500 dark:text-gray-400">
|
||||
{{ trans_choice('filament-tables::table.columns.text.more_list_items', $limitedArrayStateCount) }}
|
||||
</span>
|
||||
@endif
|
||||
</{{ $isListWithLineBreaks ? 'li' : 'div' }}>
|
||||
@endif
|
||||
</{{ $isListWithLineBreaks ? 'ul' : 'div' }}>
|
||||
|
||||
@if (filled($descriptionBelow))
|
||||
<p
|
||||
@class([
|
||||
'text-sm text-gray-500 dark:text-gray-400',
|
||||
'whitespace-normal' => $canWrap,
|
||||
])
|
||||
>
|
||||
{{ $descriptionBelow }}
|
||||
</p>
|
||||
@endif
|
||||
@elseif (($placeholder = $getPlaceholder()) !== null)
|
||||
<x-filament-tables::columns.placeholder>
|
||||
{{ $placeholder }}
|
||||
</x-filament-tables::columns.placeholder>
|
||||
@endif
|
||||
</div>
|
||||
142
vendor/filament/tables/resources/views/columns/text-input-column.blade.php
vendored
Normal file
142
vendor/filament/tables/resources/views/columns/text-input-column.blade.php
vendored
Normal file
@@ -0,0 +1,142 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
|
||||
$isDisabled = $isDisabled();
|
||||
$state = $getState();
|
||||
$mask = $getMask();
|
||||
|
||||
$alignment = $getAlignment() ?? Alignment::Start;
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
|
||||
if (filled($mask)) {
|
||||
$type = 'text';
|
||||
} else {
|
||||
$type = $getType();
|
||||
}
|
||||
@endphp
|
||||
|
||||
<div
|
||||
x-data="{
|
||||
error: undefined,
|
||||
|
||||
isEditing: false,
|
||||
|
||||
isLoading: false,
|
||||
|
||||
name: @js($getName()),
|
||||
|
||||
recordKey: @js($recordKey),
|
||||
|
||||
state: @js($state),
|
||||
}"
|
||||
x-init="
|
||||
() => {
|
||||
Livewire.hook('commit', ({ component, commit, succeed, fail, respond }) => {
|
||||
succeed(({ snapshot, effect }) => {
|
||||
$nextTick(() => {
|
||||
if (component.id !== @js($this->getId())) {
|
||||
return
|
||||
}
|
||||
|
||||
if (isEditing) {
|
||||
return
|
||||
}
|
||||
|
||||
if (! $refs.newState) {
|
||||
return
|
||||
}
|
||||
|
||||
let newState = $refs.newState.value
|
||||
|
||||
if (state === newState) {
|
||||
return
|
||||
}
|
||||
|
||||
state = newState
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
"
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-text-input',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
value="{{ str($state)->replace('"', '\\"') }}"
|
||||
x-ref="newState"
|
||||
/>
|
||||
|
||||
<x-filament::input.wrapper
|
||||
:alpine-disabled="'isLoading || ' . \Illuminate\Support\Js::from($isDisabled)"
|
||||
alpine-valid="error === undefined"
|
||||
x-tooltip="
|
||||
error === undefined
|
||||
? false
|
||||
: {
|
||||
content: error,
|
||||
theme: $store.theme,
|
||||
}
|
||||
"
|
||||
x-on:click.stop=""
|
||||
>
|
||||
{{-- format-ignore-start --}}
|
||||
<x-filament::input
|
||||
:disabled="$isDisabled"
|
||||
:input-mode="$getInputMode()"
|
||||
:placeholder="$getPlaceholder()"
|
||||
:step="$getStep()"
|
||||
:type="$type"
|
||||
:x-bind:disabled="$isDisabled ? null : 'isLoading'"
|
||||
x-model="state"
|
||||
x-on:blur="isEditing = false"
|
||||
x-on:focus="isEditing = true"
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes(
|
||||
$getExtraInputAttributeBag()
|
||||
->merge([
|
||||
'x-on:change' . ($type === 'number' ? '.debounce.1s' : null) => '
|
||||
isLoading = true
|
||||
|
||||
const response = await $wire.updateTableColumnState(
|
||||
name,
|
||||
recordKey,
|
||||
$event.target.value,
|
||||
)
|
||||
|
||||
error = response?.error ?? undefined
|
||||
|
||||
if (! error) {
|
||||
state = response
|
||||
}
|
||||
|
||||
isLoading = false
|
||||
',
|
||||
'x-mask' . ($mask instanceof \Filament\Support\RawJs ? ':dynamic' : '') => filled($mask) ? $mask : null,
|
||||
])
|
||||
->class([
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'text-start',
|
||||
Alignment::Center => 'text-center',
|
||||
Alignment::End => 'text-end',
|
||||
Alignment::Left => 'text-left',
|
||||
Alignment::Right => 'text-right',
|
||||
Alignment::Justify, Alignment::Between => 'text-justify',
|
||||
default => $alignment,
|
||||
},
|
||||
])
|
||||
)
|
||||
"
|
||||
/>
|
||||
{{-- format-ignore-end --}}
|
||||
</x-filament::input.wrapper>
|
||||
</div>
|
||||
174
vendor/filament/tables/resources/views/columns/toggle-column.blade.php
vendored
Normal file
174
vendor/filament/tables/resources/views/columns/toggle-column.blade.php
vendored
Normal file
@@ -0,0 +1,174 @@
|
||||
@php
|
||||
$isDisabled = $isDisabled();
|
||||
$state = $getState();
|
||||
@endphp
|
||||
|
||||
<div
|
||||
wire:key="{{ $this->getId() }}.table.record.{{ $recordKey }}.column.{{ $getName() }}.toggle-column.{{ $state ? 'true' : 'false' }}"
|
||||
>
|
||||
<div
|
||||
x-data="{
|
||||
error: undefined,
|
||||
state: @js((bool) $state),
|
||||
isLoading: false,
|
||||
}"
|
||||
wire:ignore
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class([
|
||||
'fi-ta-toggle',
|
||||
'px-3 py-4' => ! $isInline(),
|
||||
])
|
||||
}}
|
||||
>
|
||||
@php
|
||||
$offColor = $getOffColor() ?? 'gray';
|
||||
$onColor = $getOnColor() ?? 'primary';
|
||||
@endphp
|
||||
|
||||
<div
|
||||
role="switch"
|
||||
aria-checked="false"
|
||||
x-bind:aria-checked="state.toString()"
|
||||
@if (! $isDisabled)
|
||||
x-on:click.stop="
|
||||
if (isLoading) {
|
||||
return
|
||||
}
|
||||
|
||||
const updatedState = ! state
|
||||
|
||||
// Only update the state if the toggle is being turned off,
|
||||
// otherwise it will flicker on twice when Livewire replaces
|
||||
// the element.
|
||||
if (state) {
|
||||
state = false
|
||||
}
|
||||
|
||||
isLoading = true
|
||||
|
||||
const response = await $wire.updateTableColumnState(
|
||||
@js($getName()),
|
||||
@js($recordKey),
|
||||
updatedState,
|
||||
)
|
||||
|
||||
error = response?.error ?? undefined
|
||||
|
||||
// The state is only updated on the frontend if the toggle is
|
||||
// being turned off, so we only need to reset it then.
|
||||
if (! state && error) {
|
||||
state = ! state
|
||||
}
|
||||
|
||||
isLoading = false
|
||||
"
|
||||
x-tooltip="
|
||||
error === undefined
|
||||
? false
|
||||
: {
|
||||
content: error,
|
||||
theme: $store.theme,
|
||||
}
|
||||
"
|
||||
@endif
|
||||
x-bind:class="
|
||||
(state
|
||||
? '{{
|
||||
\Illuminate\Support\Arr::toCssClasses([
|
||||
match ($onColor) {
|
||||
'gray' => 'bg-gray-200 dark:bg-gray-700',
|
||||
default => 'fi-color-custom bg-custom-600',
|
||||
},
|
||||
is_string($onColor) ? "fi-color-{$onColor}" : null,
|
||||
])
|
||||
}}'
|
||||
: '{{
|
||||
\Illuminate\Support\Arr::toCssClasses([
|
||||
match ($offColor) {
|
||||
'gray' => 'bg-gray-200 dark:bg-gray-700',
|
||||
default => 'fi-color-custom bg-custom-600',
|
||||
},
|
||||
is_string($offColor) ? "fi-color-{$offColor}" : null,
|
||||
])
|
||||
}}') +
|
||||
(isLoading ? ' opacity-70 pointer-events-none' : '')
|
||||
"
|
||||
x-bind:style="
|
||||
state
|
||||
? '{{
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$onColor,
|
||||
shades: [600],
|
||||
alias: 'tables::columns.toggle-column.on',
|
||||
)
|
||||
}}'
|
||||
: '{{
|
||||
\Filament\Support\get_color_css_variables(
|
||||
$offColor,
|
||||
shades: [600],
|
||||
alias: 'tables::columns.toggle-column.off',
|
||||
)
|
||||
}}'
|
||||
"
|
||||
@class([
|
||||
'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out',
|
||||
'pointer-events-none opacity-70' => $isDisabled,
|
||||
])
|
||||
>
|
||||
<span
|
||||
class="pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
|
||||
x-bind:class="{
|
||||
'translate-x-5 rtl:-translate-x-5': state,
|
||||
'translate-x-0': ! state,
|
||||
}"
|
||||
>
|
||||
<span
|
||||
class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity"
|
||||
aria-hidden="true"
|
||||
x-bind:class="{
|
||||
'opacity-0 ease-out duration-100': state,
|
||||
'opacity-100 ease-in duration-200': ! state,
|
||||
}"
|
||||
>
|
||||
@if ($hasOffIcon())
|
||||
<x-filament::icon
|
||||
:icon="$getOffIcon()"
|
||||
@class([
|
||||
'fi-ta-toggle-off-icon h-3 w-3',
|
||||
match ($offColor) {
|
||||
'gray' => 'text-gray-400 dark:text-gray-700',
|
||||
default => 'text-custom-600',
|
||||
},
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity"
|
||||
aria-hidden="true"
|
||||
x-bind:class="{
|
||||
'opacity-100 ease-in duration-200': state,
|
||||
'opacity-0 ease-out duration-100': ! state,
|
||||
}"
|
||||
>
|
||||
@if ($hasOnIcon())
|
||||
<x-filament::icon
|
||||
:icon="$getOnIcon()"
|
||||
x-cloak="x-cloak"
|
||||
@class([
|
||||
'fi-ta-toggle-on-icon h-3 w-3',
|
||||
match ($onColor) {
|
||||
'gray' => 'text-gray-400 dark:text-gray-700',
|
||||
default => 'text-custom-600',
|
||||
},
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
51
vendor/filament/tables/resources/views/components/actions.blade.php
vendored
Normal file
51
vendor/filament/tables/resources/views/components/actions.blade.php
vendored
Normal file
@@ -0,0 +1,51 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'actions',
|
||||
'alignment' => Alignment::End,
|
||||
'record' => null,
|
||||
'wrap' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
$actions = array_filter(
|
||||
$actions,
|
||||
function ($action) use ($record): bool {
|
||||
if (! $action instanceof \Filament\Tables\Actions\BulkAction) {
|
||||
$action->record($record);
|
||||
}
|
||||
|
||||
return $action->isVisible();
|
||||
},
|
||||
);
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
@endphp
|
||||
|
||||
@if ($actions)
|
||||
<div
|
||||
{{
|
||||
$attributes->class([
|
||||
'fi-ta-actions flex shrink-0 items-center gap-3',
|
||||
'flex-wrap' => $wrap,
|
||||
'sm:flex-nowrap' => $wrap === '-sm',
|
||||
match ($alignment) {
|
||||
Alignment::Center => 'justify-center',
|
||||
Alignment::Start, Alignment::Left => 'justify-start',
|
||||
Alignment::End, Alignment::Right => 'justify-end',
|
||||
Alignment::Between, Alignment::Justify => 'justify-between',
|
||||
'start md:end' => 'justify-start md:justify-end',
|
||||
default => $alignment,
|
||||
},
|
||||
])
|
||||
}}
|
||||
>
|
||||
@foreach ($actions as $action)
|
||||
{{ $action }}
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
10
vendor/filament/tables/resources/views/components/actions/cell.blade.php
vendored
Normal file
10
vendor/filament/tables/resources/views/components/actions/cell.blade.php
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-filament-tables::cell
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['fi-ta-actions-cell'])
|
||||
"
|
||||
>
|
||||
<div class="whitespace-nowrap px-3 py-4">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</x-filament-tables::cell>
|
||||
9
vendor/filament/tables/resources/views/components/cell.blade.php
vendored
Normal file
9
vendor/filament/tables/resources/views/components/cell.blade.php
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
@props([
|
||||
'tag' => 'td',
|
||||
])
|
||||
|
||||
<{{ $tag }}
|
||||
{{ $attributes->class(['fi-ta-cell p-0 first-of-type:ps-1 last-of-type:pe-1 sm:first-of-type:ps-3 sm:last-of-type:pe-3']) }}
|
||||
>
|
||||
{{ $slot }}
|
||||
</{{ $tag }}>
|
||||
29
vendor/filament/tables/resources/views/components/column-toggle/dropdown.blade.php
vendored
Normal file
29
vendor/filament/tables/resources/views/components/column-toggle/dropdown.blade.php
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
@props([
|
||||
'form',
|
||||
'maxHeight' => null,
|
||||
'triggerAction',
|
||||
'width' => 'xs',
|
||||
])
|
||||
|
||||
<x-filament::dropdown
|
||||
:max-height="$maxHeight"
|
||||
placement="bottom-end"
|
||||
shift
|
||||
:width="$width"
|
||||
wire:key="{{ $this->getId() }}.table.column-toggle"
|
||||
{{ $attributes->class(['fi-ta-col-toggle']) }}
|
||||
>
|
||||
<x-slot name="trigger">
|
||||
{{ $triggerAction }}
|
||||
</x-slot>
|
||||
|
||||
<div class="grid gap-y-4 p-6">
|
||||
<h4
|
||||
class="text-base font-semibold leading-6 text-gray-950 dark:text-white"
|
||||
>
|
||||
{{ __('filament-tables::table.column_toggle.heading') }}
|
||||
</h4>
|
||||
|
||||
{{ $form }}
|
||||
</div>
|
||||
</x-filament::dropdown>
|
||||
87
vendor/filament/tables/resources/views/components/columns/column.blade.php
vendored
Normal file
87
vendor/filament/tables/resources/views/components/columns/column.blade.php
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
@props([
|
||||
'column',
|
||||
'isClickDisabled' => false,
|
||||
'record',
|
||||
'recordAction' => null,
|
||||
'recordKey' => null,
|
||||
'recordUrl' => null,
|
||||
'shouldOpenRecordUrlInNewTab' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
|
||||
$action = $column->getAction();
|
||||
$alignment = $column->getAlignment() ?? Alignment::Start;
|
||||
$name = $column->getName();
|
||||
$shouldOpenUrlInNewTab = $column->shouldOpenUrlInNewTab();
|
||||
$tooltip = $column->getTooltip();
|
||||
$url = $column->getUrl();
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
|
||||
$columnClasses = \Illuminate\Support\Arr::toCssClasses([
|
||||
'flex w-full disabled:pointer-events-none',
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'justify-start text-start',
|
||||
Alignment::Center => 'justify-center text-center',
|
||||
Alignment::End => 'justify-end text-end',
|
||||
Alignment::Left => 'justify-start text-left',
|
||||
Alignment::Right => 'justify-end text-right',
|
||||
Alignment::Justify, Alignment::Between => 'justify-between text-justify',
|
||||
default => $alignment,
|
||||
},
|
||||
]);
|
||||
|
||||
$slot = $column->viewData(['recordKey' => $recordKey]);
|
||||
@endphp
|
||||
|
||||
<div
|
||||
@if (filled($tooltip))
|
||||
x-data="{}"
|
||||
x-tooltip="{
|
||||
content: @js($tooltip),
|
||||
theme: $store.theme,
|
||||
}"
|
||||
@endif
|
||||
{{ $attributes->class(['fi-ta-col-wrp']) }}
|
||||
>
|
||||
@if (($url || ($recordUrl && $action === null)) && (! $isClickDisabled))
|
||||
<a
|
||||
{{ \Filament\Support\generate_href_html($url ?: $recordUrl, $url ? $shouldOpenUrlInNewTab : $shouldOpenRecordUrlInNewTab) }}
|
||||
class="{{ $columnClasses }}"
|
||||
>
|
||||
{{ $slot }}
|
||||
</a>
|
||||
@elseif (($action || $recordAction) && (! $isClickDisabled))
|
||||
@php
|
||||
if ($action instanceof \Filament\Tables\Actions\Action) {
|
||||
$wireClickAction = "mountTableAction('{$action->getName()}', '{$recordKey}')";
|
||||
} elseif ($action) {
|
||||
$wireClickAction = "callTableColumnAction('{$name}', '{$recordKey}')";
|
||||
} else {
|
||||
if ($this->getTable()->getAction($recordAction)) {
|
||||
$wireClickAction = "mountTableAction('{$recordAction}', '{$recordKey}')";
|
||||
} else {
|
||||
$wireClickAction = "{$recordAction}('{$recordKey}')";
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
|
||||
<button
|
||||
type="button"
|
||||
wire:click="{{ $wireClickAction }}"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="{{ $wireClickAction }}"
|
||||
class="{{ $columnClasses }}"
|
||||
>
|
||||
{{ $slot }}
|
||||
</button>
|
||||
@else
|
||||
<div class="{{ $columnClasses }}">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
72
vendor/filament/tables/resources/views/components/columns/layout.blade.php
vendored
Normal file
72
vendor/filament/tables/resources/views/components/columns/layout.blade.php
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
@props([
|
||||
'components',
|
||||
'record',
|
||||
'recordKey' => null,
|
||||
'rowLoop' => null,
|
||||
])
|
||||
|
||||
@php
|
||||
$getHiddenClasses = function (Filament\Tables\Columns\Column | Filament\Tables\Columns\Layout\Component $layoutComponent): ?string {
|
||||
if ($breakpoint = $layoutComponent->getHiddenFrom()) {
|
||||
return match ($breakpoint) {
|
||||
'sm' => 'sm:hidden',
|
||||
'md' => 'md:hidden',
|
||||
'lg' => 'lg:hidden',
|
||||
'xl' => 'xl:hidden',
|
||||
'2xl' => '2xl:hidden',
|
||||
};
|
||||
}
|
||||
|
||||
if ($breakpoint = $layoutComponent->getVisibleFrom()) {
|
||||
return match ($breakpoint) {
|
||||
'sm' => 'hidden sm:block',
|
||||
'md' => 'hidden md:block',
|
||||
'lg' => 'hidden lg:block',
|
||||
'xl' => 'hidden xl:block',
|
||||
'2xl' => 'hidden 2xl:block',
|
||||
};
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
@endphp
|
||||
|
||||
@foreach ($components as $layoutComponent)
|
||||
@php
|
||||
$layoutComponent->record($record);
|
||||
$layoutComponent->rowLoop($rowLoop);
|
||||
|
||||
$isColumn = $layoutComponent instanceof \Filament\Tables\Columns\Column;
|
||||
@endphp
|
||||
|
||||
@if ($layoutComponent->isVisible())
|
||||
<x-filament::grid.column
|
||||
:default="$layoutComponent->getColumnSpan('default')"
|
||||
:sm="$layoutComponent->getColumnSpan('sm')"
|
||||
:md="$layoutComponent->getColumnSpan('md')"
|
||||
:lg="$layoutComponent->getColumnSpan('lg')"
|
||||
:xl="$layoutComponent->getColumnSpan('xl')"
|
||||
:twoXl="$layoutComponent->getColumnSpan('2xl')"
|
||||
:defaultStart="$layoutComponent->getColumnStart('default')"
|
||||
:smStart="$layoutComponent->getColumnStart('sm')"
|
||||
:mdStart="$layoutComponent->getColumnStart('md')"
|
||||
:lgStart="$layoutComponent->getColumnStart('lg')"
|
||||
:xlStart="$layoutComponent->getColumnStart('xl')"
|
||||
:twoXlStart="$layoutComponent->getColumnStart('2xl')"
|
||||
@class([
|
||||
'flex-1 w-full' => $layoutComponent->canGrow(),
|
||||
$getHiddenClasses($layoutComponent),
|
||||
])
|
||||
>
|
||||
@if ($isColumn)
|
||||
<x-filament-tables::columns.column
|
||||
:column="$layoutComponent->inline()"
|
||||
:record="$record"
|
||||
:record-key="$recordKey"
|
||||
/>
|
||||
@else
|
||||
{{ $layoutComponent->viewData(['recordKey' => $recordKey]) }}
|
||||
@endif
|
||||
</x-filament::grid.column>
|
||||
@endif
|
||||
@endforeach
|
||||
5
vendor/filament/tables/resources/views/components/columns/placeholder.blade.php
vendored
Normal file
5
vendor/filament/tables/resources/views/components/columns/placeholder.blade.php
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
<div
|
||||
class="fi-ta-placeholder text-sm leading-6 text-gray-400 dark:text-gray-500"
|
||||
>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
9
vendor/filament/tables/resources/views/components/container.blade.php
vendored
Normal file
9
vendor/filament/tables/resources/views/components/container.blade.php
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
<div
|
||||
{{
|
||||
$attributes->class([
|
||||
'fi-ta-ctn divide-y divide-gray-200 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:divide-white/10 dark:bg-gray-900 dark:ring-white/10',
|
||||
])
|
||||
}}
|
||||
>
|
||||
{{ $slot }}
|
||||
</div>
|
||||
5
vendor/filament/tables/resources/views/components/empty-state/description.blade.php
vendored
Normal file
5
vendor/filament/tables/resources/views/components/empty-state/description.blade.php
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
<p
|
||||
{{ $attributes->class(['fi-ta-empty-state-description text-sm text-gray-500 dark:text-gray-400']) }}
|
||||
>
|
||||
{{ $slot }}
|
||||
</p>
|
||||
5
vendor/filament/tables/resources/views/components/empty-state/heading.blade.php
vendored
Normal file
5
vendor/filament/tables/resources/views/components/empty-state/heading.blade.php
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
<h4
|
||||
{{ $attributes->class(['fi-ta-empty-state-heading text-base font-semibold leading-6 text-gray-950 dark:text-white']) }}
|
||||
>
|
||||
{{ $slot }}
|
||||
</h4>
|
||||
46
vendor/filament/tables/resources/views/components/empty-state/index.blade.php
vendored
Normal file
46
vendor/filament/tables/resources/views/components/empty-state/index.blade.php
vendored
Normal file
@@ -0,0 +1,46 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'actions' => [],
|
||||
'description' => null,
|
||||
'heading',
|
||||
'icon',
|
||||
])
|
||||
|
||||
<div
|
||||
{{ $attributes->class(['fi-ta-empty-state px-6 py-12']) }}
|
||||
>
|
||||
<div
|
||||
class="fi-ta-empty-state-content mx-auto grid max-w-lg justify-items-center text-center"
|
||||
>
|
||||
<div
|
||||
class="fi-ta-empty-state-icon-ctn mb-4 rounded-full bg-gray-100 p-3 dark:bg-gray-500/20"
|
||||
>
|
||||
<x-filament::icon
|
||||
:icon="$icon"
|
||||
class="fi-ta-empty-state-icon h-6 w-6 text-gray-500 dark:text-gray-400"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<x-filament-tables::empty-state.heading>
|
||||
{{ $heading }}
|
||||
</x-filament-tables::empty-state.heading>
|
||||
|
||||
@if ($description)
|
||||
<x-filament-tables::empty-state.description class="mt-1">
|
||||
{{ $description }}
|
||||
</x-filament-tables::empty-state.description>
|
||||
@endif
|
||||
|
||||
@if ($actions)
|
||||
<x-filament-tables::actions
|
||||
:actions="$actions"
|
||||
:alignment="Alignment::Center"
|
||||
wrap
|
||||
class="mt-6"
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
64
vendor/filament/tables/resources/views/components/filters/dialog.blade.php
vendored
Normal file
64
vendor/filament/tables/resources/views/components/filters/dialog.blade.php
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
@php
|
||||
use Filament\Tables\Enums\FiltersLayout;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'activeFiltersCount' => 0,
|
||||
'applyAction',
|
||||
'form',
|
||||
'layout',
|
||||
'maxHeight' => null,
|
||||
'triggerAction',
|
||||
'width' => 'xs',
|
||||
])
|
||||
|
||||
@if (($layout === FiltersLayout::Modal) || $triggerAction->isModalSlideOver())
|
||||
<x-filament::modal
|
||||
:alignment="$triggerAction->getModalAlignment()"
|
||||
:autofocus="$triggerAction->isModalAutofocused()"
|
||||
:close-button="$triggerAction->hasModalCloseButton()"
|
||||
:close-by-clicking-away="$triggerAction->isModalClosedByClickingAway()"
|
||||
:close-by-escaping="$triggerAction?->isModalClosedByEscaping()"
|
||||
:description="$triggerAction->getModalDescription()"
|
||||
:footer-actions="$triggerAction->getVisibleModalFooterActions()"
|
||||
:footer-actions-alignment="$triggerAction->getModalFooterActionsAlignment()"
|
||||
:heading="$triggerAction->getCustomModalHeading() ?? __('filament-tables::table.filters.heading')"
|
||||
:icon="$triggerAction->getModalIcon()"
|
||||
:icon-color="$triggerAction->getModalIconColor()"
|
||||
:slide-over="$triggerAction->isModalSlideOver()"
|
||||
:sticky-footer="$triggerAction->isModalFooterSticky()"
|
||||
:sticky-header="$triggerAction->isModalHeaderSticky()"
|
||||
:width="$width"
|
||||
wire:key="{{ $this->getId() }}.table.filters"
|
||||
{{ $attributes->class(['fi-ta-filters-modal']) }}
|
||||
>
|
||||
<x-slot name="trigger">
|
||||
{{ $triggerAction->badge($activeFiltersCount) }}
|
||||
</x-slot>
|
||||
|
||||
{{ $triggerAction->getModalContent() }}
|
||||
|
||||
{{ $form }}
|
||||
|
||||
{{ $triggerAction->getModalContentFooter() }}
|
||||
</x-filament::modal>
|
||||
@else
|
||||
<x-filament::dropdown
|
||||
:max-height="$maxHeight"
|
||||
placement="bottom-end"
|
||||
shift
|
||||
:width="$width"
|
||||
wire:key="{{ $this->getId() }}.table.filters"
|
||||
{{ $attributes->class(['fi-ta-filters-dropdown']) }}
|
||||
>
|
||||
<x-slot name="trigger">
|
||||
{{ $triggerAction->badge($activeFiltersCount) }}
|
||||
</x-slot>
|
||||
|
||||
<x-filament-tables::filters
|
||||
:apply-action="$applyAction"
|
||||
:form="$form"
|
||||
class="p-6"
|
||||
/>
|
||||
</x-filament::dropdown>
|
||||
@endif
|
||||
51
vendor/filament/tables/resources/views/components/filters/index.blade.php
vendored
Normal file
51
vendor/filament/tables/resources/views/components/filters/index.blade.php
vendored
Normal file
@@ -0,0 +1,51 @@
|
||||
@props([
|
||||
'applyAction',
|
||||
'form',
|
||||
])
|
||||
|
||||
<div {{ $attributes->class(['fi-ta-filters grid gap-y-4']) }}>
|
||||
<div class="flex items-center justify-between">
|
||||
<h4
|
||||
class="text-base font-semibold leading-6 text-gray-950 dark:text-white"
|
||||
>
|
||||
{{ __('filament-tables::table.filters.heading') }}
|
||||
</h4>
|
||||
|
||||
<div>
|
||||
<x-filament::link
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes(
|
||||
new \Illuminate\View\ComponentAttributeBag([
|
||||
'color' => 'danger',
|
||||
'tag' => 'button',
|
||||
'wire:click' => 'resetTableFiltersForm',
|
||||
'wire:loading.remove.delay.' . config('filament.livewire_loading_delay', 'default') => '',
|
||||
'wire:target' => 'resetTableFiltersForm',
|
||||
])
|
||||
)
|
||||
"
|
||||
>
|
||||
{{ __('filament-tables::table.filters.actions.reset.label') }}
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::loading-indicator
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes(
|
||||
new \Illuminate\View\ComponentAttributeBag([
|
||||
'wire:loading.delay.' . config('filament.livewire_loading_delay', 'default') => '',
|
||||
'wire:target' => 'tableFilters,applyTableFilters,resetTableFiltersForm',
|
||||
])
|
||||
)->class(['h-5 w-5 text-gray-400 dark:text-gray-500'])
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ $form }}
|
||||
|
||||
@if ($applyAction->isVisible())
|
||||
<div>
|
||||
{{ $applyAction }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
45
vendor/filament/tables/resources/views/components/filters/indicators.blade.php
vendored
Normal file
45
vendor/filament/tables/resources/views/components/filters/indicators.blade.php
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
@props([
|
||||
'indicators' => [],
|
||||
])
|
||||
|
||||
<div
|
||||
{{ $attributes->class(['fi-ta-filter-indicators flex items-start justify-between gap-x-3 bg-gray-50 px-3 py-1.5 dark:bg-white/5 sm:px-6']) }}
|
||||
>
|
||||
<div class="flex flex-col gap-x-3 gap-y-1 sm:flex-row">
|
||||
<span
|
||||
class="whitespace-nowrap text-sm font-medium leading-6 text-gray-700 dark:text-gray-200"
|
||||
>
|
||||
{{ __('filament-tables::table.filters.indicator') }}
|
||||
</span>
|
||||
|
||||
<div class="flex flex-wrap gap-1.5">
|
||||
@foreach ($indicators as $indicator)
|
||||
<x-filament::badge :color="$indicator->getColor()">
|
||||
{{ $indicator->getLabel() }}
|
||||
|
||||
@if ($indicator->isRemovable())
|
||||
<x-slot
|
||||
name="deleteButton"
|
||||
:label="__('filament-tables::table.filters.actions.remove.label')"
|
||||
wire:click="{{ $indicator->getRemoveLivewireClickHandler() }}"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="removeTableFilter"
|
||||
></x-slot>
|
||||
@endif
|
||||
</x-filament::badge>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-0.5">
|
||||
<x-filament::icon-button
|
||||
color="gray"
|
||||
icon="heroicon-m-x-mark"
|
||||
icon-alias="tables::filters.remove-all-button"
|
||||
size="sm"
|
||||
:tooltip="__('filament-tables::table.filters.actions.remove_all.tooltip')"
|
||||
wire:click="removeTableFilters"
|
||||
wire:target="removeTableFilters,removeTableFilter"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
49
vendor/filament/tables/resources/views/components/group/header.blade.php
vendored
Normal file
49
vendor/filament/tables/resources/views/components/group/header.blade.php
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
@props([
|
||||
'collapsible' => false,
|
||||
'description' => null,
|
||||
'label' => null,
|
||||
'start' => null,
|
||||
'title',
|
||||
])
|
||||
|
||||
<div
|
||||
@if ($collapsible)
|
||||
x-on:click="toggleCollapseGroup(@js($title))"
|
||||
@endif
|
||||
{{
|
||||
$attributes->class([
|
||||
'fi-ta-group-header flex w-full items-center gap-x-3 bg-gray-50 px-3 py-2 dark:bg-white/5',
|
||||
'cursor-pointer' => $collapsible,
|
||||
])
|
||||
}}
|
||||
>
|
||||
{{ $start }}
|
||||
|
||||
<div class="grid">
|
||||
<h4 class="text-sm font-medium text-gray-950 dark:text-white">
|
||||
@if (filled($label))
|
||||
{{ $label }}:
|
||||
@endif
|
||||
|
||||
{{ $title }}
|
||||
</h4>
|
||||
|
||||
@if (filled($description))
|
||||
<p class="text-sm text-gray-500 dark:text-gray-400">
|
||||
{{ $description }}
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if ($collapsible)
|
||||
<x-filament::icon-button
|
||||
color="gray"
|
||||
icon="heroicon-m-chevron-up"
|
||||
icon-alias="tables::grouping.collapse-button"
|
||||
:label="filled($label) ? ($label . ': ' . $title) : $title"
|
||||
size="sm"
|
||||
:x-bind:aria-expanded="'! isGroupCollapsed(' . \Illuminate\Support\Js::from($title) . ')'"
|
||||
:x-bind:class="'isGroupCollapsed(' . \Illuminate\Support\Js::from($title) . ') && \'-rotate-180\''"
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
143
vendor/filament/tables/resources/views/components/groups.blade.php
vendored
Normal file
143
vendor/filament/tables/resources/views/components/groups.blade.php
vendored
Normal file
@@ -0,0 +1,143 @@
|
||||
@props([
|
||||
'directionSetting' => false,
|
||||
'dropdownOnDesktop' => false,
|
||||
'groups',
|
||||
'triggerAction',
|
||||
])
|
||||
|
||||
@php
|
||||
$labelClasses = 'text-sm font-medium leading-6 text-gray-950 dark:text-white';
|
||||
@endphp
|
||||
|
||||
<div
|
||||
x-data="{
|
||||
direction: $wire.$entangle('tableGroupingDirection', true),
|
||||
group: $wire.$entangle('tableGrouping', true),
|
||||
}"
|
||||
x-init="
|
||||
$watch('group', function (newGroup, oldGroup) {
|
||||
if (newGroup && direction) {
|
||||
return
|
||||
}
|
||||
|
||||
if (! newGroup) {
|
||||
direction = null
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
if (oldGroup) {
|
||||
return
|
||||
}
|
||||
|
||||
direction = 'asc'
|
||||
})
|
||||
"
|
||||
>
|
||||
<x-filament::dropdown
|
||||
placement="bottom-start"
|
||||
shift
|
||||
width="xs"
|
||||
wire:key="{{ $this->getId() }}.table.grouping"
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class([
|
||||
'sm:hidden' => ! $dropdownOnDesktop,
|
||||
])
|
||||
"
|
||||
>
|
||||
<x-slot name="trigger">
|
||||
{{ $triggerAction }}
|
||||
</x-slot>
|
||||
|
||||
<div class="grid gap-y-6 p-6">
|
||||
<label class="grid gap-y-2">
|
||||
<span class="{{ $labelClasses }}">
|
||||
{{ __('filament-tables::table.grouping.fields.group.label') }}
|
||||
</span>
|
||||
|
||||
<x-filament::input.wrapper>
|
||||
<x-filament::input.select
|
||||
x-model="group"
|
||||
x-on:change="resetCollapsedGroups()"
|
||||
>
|
||||
<option value="">-</option>
|
||||
|
||||
@foreach ($groups as $group)
|
||||
<option value="{{ $group->getId() }}">
|
||||
{{ $group->getLabel() }}
|
||||
</option>
|
||||
@endforeach
|
||||
</x-filament::input.select>
|
||||
</x-filament::input.wrapper>
|
||||
</label>
|
||||
|
||||
@if (! $directionSetting)
|
||||
<label x-cloak x-show="group" class="grid gap-y-2">
|
||||
<span class="{{ $labelClasses }}">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.label') }}
|
||||
</span>
|
||||
|
||||
<x-filament::input.wrapper>
|
||||
<x-filament::input.select x-model="direction">
|
||||
<option value="asc">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
|
||||
</option>
|
||||
|
||||
<option value="desc">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
|
||||
</option>
|
||||
</x-filament::input.select>
|
||||
</x-filament::input.wrapper>
|
||||
</label>
|
||||
@endif
|
||||
</div>
|
||||
</x-filament::dropdown>
|
||||
|
||||
@if (! $dropdownOnDesktop)
|
||||
<div class="hidden items-center gap-x-3 sm:flex">
|
||||
<label>
|
||||
<span class="sr-only">
|
||||
{{ __('filament-tables::table.grouping.fields.group.label') }}
|
||||
</span>
|
||||
|
||||
<x-filament::input.wrapper>
|
||||
<x-filament::input.select
|
||||
x-model="group"
|
||||
x-on:change="resetCollapsedGroups()"
|
||||
>
|
||||
<option value="">
|
||||
{{ __('filament-tables::table.grouping.fields.group.placeholder') }}
|
||||
</option>
|
||||
|
||||
@foreach ($groups as $group)
|
||||
<option value="{{ $group->getId() }}">
|
||||
{{ $group->getLabel() }}
|
||||
</option>
|
||||
@endforeach
|
||||
</x-filament::input.select>
|
||||
</x-filament::input.wrapper>
|
||||
</label>
|
||||
|
||||
@if (! $directionSetting)
|
||||
<label x-cloak x-show="group">
|
||||
<span class="sr-only">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.label') }}
|
||||
</span>
|
||||
|
||||
<x-filament::input.wrapper>
|
||||
<x-filament::input.select x-model="direction">
|
||||
<option value="asc">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
|
||||
</option>
|
||||
|
||||
<option value="desc">
|
||||
{{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
|
||||
</option>
|
||||
</x-filament::input.select>
|
||||
</x-filament::input.wrapper>
|
||||
</label>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
62
vendor/filament/tables/resources/views/components/header-cell.blade.php
vendored
Normal file
62
vendor/filament/tables/resources/views/components/header-cell.blade.php
vendored
Normal file
@@ -0,0 +1,62 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'activelySorted' => false,
|
||||
'alignment' => Alignment::Start,
|
||||
'name',
|
||||
'sortable' => false,
|
||||
'sortDirection',
|
||||
'wrap' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
@endphp
|
||||
|
||||
<th
|
||||
{{ $attributes->class(['fi-ta-header-cell px-3 py-3.5 sm:first-of-type:ps-6 sm:last-of-type:pe-6']) }}
|
||||
>
|
||||
<{{ $sortable ? 'button' : 'span' }}
|
||||
@if ($sortable)
|
||||
aria-label="{{ __('filament-tables::table.sorting.fields.column.label') }} {{ $sortDirection === 'asc' ? __('filament-tables::table.sorting.fields.direction.options.desc') : __('filament-tables::table.sorting.fields.direction.options.asc') }}"
|
||||
type="button"
|
||||
wire:click="sortTable('{{ $name }}')"
|
||||
@endif
|
||||
@class([
|
||||
'group flex w-full items-center gap-x-1',
|
||||
'whitespace-nowrap' => ! $wrap,
|
||||
'whitespace-normal' => $wrap,
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'justify-start',
|
||||
Alignment::Center => 'justify-center',
|
||||
Alignment::End => 'justify-end',
|
||||
Alignment::Left => 'justify-start rtl:flex-row-reverse',
|
||||
Alignment::Right => 'justify-end rtl:flex-row-reverse',
|
||||
Alignment::Justify, Alignment::Between => 'justify-between',
|
||||
default => $alignment,
|
||||
},
|
||||
])
|
||||
>
|
||||
<span
|
||||
class="fi-ta-header-cell-label text-sm font-semibold text-gray-950 dark:text-white"
|
||||
>
|
||||
{{ $slot }}
|
||||
</span>
|
||||
|
||||
@if ($sortable)
|
||||
<x-filament::icon
|
||||
:alias="$activelySorted && $sortDirection === 'asc' ? 'tables::header-cell.sort-asc-button' : 'tables::header-cell.sort-desc-button'"
|
||||
:icon="$activelySorted && $sortDirection === 'asc' ? 'heroicon-m-chevron-up' : 'heroicon-m-chevron-down'"
|
||||
@class([
|
||||
'fi-ta-header-cell-sort-icon h-5 w-5 shrink-0 transition duration-75',
|
||||
'text-gray-950 dark:text-white' => $activelySorted,
|
||||
'text-gray-400 dark:text-gray-500 group-hover:text-gray-500 group-focus-visible:text-gray-500 dark:group-hover:text-gray-400 dark:group-focus-visible:text-gray-400' => ! $activelySorted,
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
</{{ $sortable ? 'button' : 'span' }}>
|
||||
</th>
|
||||
52
vendor/filament/tables/resources/views/components/header.blade.php
vendored
Normal file
52
vendor/filament/tables/resources/views/components/header.blade.php
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
use Filament\Tables\Actions\HeaderActionsPosition;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'actions' => [],
|
||||
'actionsPosition',
|
||||
'description' => null,
|
||||
'heading' => null,
|
||||
])
|
||||
|
||||
<div
|
||||
{{
|
||||
$attributes->class([
|
||||
'fi-ta-header flex flex-col gap-3 p-4 sm:px-6',
|
||||
'sm:flex-row sm:items-center' => $actionsPosition === HeaderActionsPosition::Adaptive,
|
||||
])
|
||||
}}
|
||||
>
|
||||
@if ($heading || $description)
|
||||
<div class="grid gap-y-1">
|
||||
@if ($heading)
|
||||
<h3
|
||||
class="fi-ta-header-heading text-base font-semibold leading-6 text-gray-950 dark:text-white"
|
||||
>
|
||||
{{ $heading }}
|
||||
</h3>
|
||||
@endif
|
||||
|
||||
@if ($description)
|
||||
<p
|
||||
class="fi-ta-header-description text-sm text-gray-600 dark:text-gray-400"
|
||||
>
|
||||
{{ $description }}
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($actions)
|
||||
<x-filament-tables::actions
|
||||
:actions="$actions"
|
||||
:alignment="Alignment::Start"
|
||||
wrap
|
||||
@class([
|
||||
'ms-auto' => $actionsPosition === HeaderActionsPosition::Adaptive && ! ($heading || $description),
|
||||
'sm:ms-auto' => $actionsPosition === HeaderActionsPosition::Adaptive,
|
||||
])
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
10
vendor/filament/tables/resources/views/components/reorder/cell.blade.php
vendored
Normal file
10
vendor/filament/tables/resources/views/components/reorder/cell.blade.php
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-filament-tables::cell
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['w-1'])
|
||||
"
|
||||
>
|
||||
<div class="px-3">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</x-filament-tables::cell>
|
||||
10
vendor/filament/tables/resources/views/components/reorder/handle.blade.php
vendored
Normal file
10
vendor/filament/tables/resources/views/components/reorder/handle.blade.php
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-filament::icon-button
|
||||
color="gray"
|
||||
icon="heroicon-m-bars-2"
|
||||
{{-- @deprecated Use `tables::reorder.handle` instead of `tables::reorder.button`. --}}
|
||||
:icon-alias="['tables::reorder.handle', 'tables::reorder.button']"
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['cursor-move'])
|
||||
"
|
||||
/>
|
||||
29
vendor/filament/tables/resources/views/components/reorder/indicator.blade.php
vendored
Normal file
29
vendor/filament/tables/resources/views/components/reorder/indicator.blade.php
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
<div
|
||||
x-cloak
|
||||
{{
|
||||
$attributes
|
||||
->merge([
|
||||
'wire:key' => "{$this->getId()}.table.reorder.indicator",
|
||||
], escape: false)
|
||||
->class([
|
||||
'fi-ta-reorder-indicator flex gap-x-3 bg-gray-50 px-3 py-1.5 dark:bg-white/5 sm:px-6',
|
||||
])
|
||||
}}
|
||||
>
|
||||
<x-filament::loading-indicator
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes(
|
||||
new \Illuminate\View\ComponentAttributeBag([
|
||||
'wire:loading.delay.' . config('filament.livewire_loading_delay', 'default') => '',
|
||||
'wire:target' => 'reorderTable',
|
||||
])
|
||||
)->class(['h-5 w-5 text-gray-400 dark:text-gray-500'])
|
||||
"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="text-sm font-medium leading-6 text-gray-700 dark:text-gray-200"
|
||||
>
|
||||
{{ __('filament-tables::table.reorder_indicator') }}
|
||||
</span>
|
||||
</div>
|
||||
33
vendor/filament/tables/resources/views/components/row.blade.php
vendored
Normal file
33
vendor/filament/tables/resources/views/components/row.blade.php
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
@props([
|
||||
'alpineHidden' => null,
|
||||
'alpineSelected' => null,
|
||||
'recordAction' => null,
|
||||
'recordUrl' => null,
|
||||
'striped' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
$hasAlpineHiddenClasses = filled($alpineHidden);
|
||||
$hasAlpineSelectedClasses = filled($alpineSelected);
|
||||
|
||||
$stripedClasses = 'bg-gray-50 dark:bg-white/5';
|
||||
@endphp
|
||||
|
||||
<tr
|
||||
@if ($hasAlpineHiddenClasses || $hasAlpineSelectedClasses)
|
||||
x-bind:class="{
|
||||
{{ $hasAlpineHiddenClasses ? "'hidden': {$alpineHidden}," : null }}
|
||||
{{ $hasAlpineSelectedClasses && (! $striped) ? "'{$stripedClasses}': {$alpineSelected}," : null }}
|
||||
{{ $hasAlpineSelectedClasses ? "'[&>*:first-child]:relative [&>*:first-child]:before:absolute [&>*:first-child]:before:start-0 [&>*:first-child]:before:inset-y-0 [&>*:first-child]:before:w-0.5 [&>*:first-child]:before:bg-primary-600 [&>*:first-child]:dark:before:bg-primary-500': {$alpineSelected}," : null }}
|
||||
}"
|
||||
@endif
|
||||
{{
|
||||
$attributes->class([
|
||||
'fi-ta-row [@media(hover:hover)]:transition [@media(hover:hover)]:duration-75',
|
||||
'hover:bg-gray-50 dark:hover:bg-white/5' => $recordAction || $recordUrl,
|
||||
$stripedClasses => $striped,
|
||||
])
|
||||
}}
|
||||
>
|
||||
{{ $slot }}
|
||||
</tr>
|
||||
45
vendor/filament/tables/resources/views/components/search-field.blade.php
vendored
Normal file
45
vendor/filament/tables/resources/views/components/search-field.blade.php
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
@php
|
||||
use Illuminate\View\ComponentAttributeBag;
|
||||
@endphp
|
||||
|
||||
@props([
|
||||
'debounce' => '500ms',
|
||||
'onBlur' => false,
|
||||
'placeholder' => __('filament-tables::table.fields.search.placeholder'),
|
||||
'wireModel' => 'tableSearch',
|
||||
])
|
||||
|
||||
@php
|
||||
$wireModelAttribute = $onBlur ? 'wire:model.blur' : "wire:model.live.debounce.{$debounce}";
|
||||
@endphp
|
||||
|
||||
<div
|
||||
x-id="['input']"
|
||||
{{ $attributes->class(['fi-ta-search-field']) }}
|
||||
>
|
||||
<label x-bind:for="$id('input')" class="sr-only">
|
||||
{{ __('filament-tables::table.fields.search.label') }}
|
||||
</label>
|
||||
|
||||
<x-filament::input.wrapper
|
||||
inline-prefix
|
||||
prefix-icon="heroicon-m-magnifying-glass"
|
||||
prefix-icon-alias="tables::search-field"
|
||||
:wire:target="$wireModel"
|
||||
>
|
||||
<x-filament::input
|
||||
:attributes="
|
||||
(new ComponentAttributeBag())->merge([
|
||||
'autocomplete' => 'off',
|
||||
'inlinePrefix' => true,
|
||||
'placeholder' => $placeholder,
|
||||
'type' => 'search',
|
||||
'wire:key' => $this->getId() . '.table.' . $wireModel . '.field.input',
|
||||
$wireModelAttribute => $wireModel,
|
||||
'x-bind:id' => '$id(\'input\')',
|
||||
'x-on:keyup' => 'if ($event.key === \'Enter\') { $wire.$refresh() }',
|
||||
])
|
||||
"
|
||||
/>
|
||||
</x-filament::input.wrapper>
|
||||
</div>
|
||||
10
vendor/filament/tables/resources/views/components/selection/cell.blade.php
vendored
Normal file
10
vendor/filament/tables/resources/views/components/selection/cell.blade.php
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-filament-tables::cell
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['fi-ta-selection-cell w-1'])
|
||||
"
|
||||
>
|
||||
<div class="px-3 py-4">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</x-filament-tables::cell>
|
||||
21
vendor/filament/tables/resources/views/components/selection/checkbox.blade.php
vendored
Normal file
21
vendor/filament/tables/resources/views/components/selection/checkbox.blade.php
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
@props([
|
||||
'label' => null,
|
||||
])
|
||||
|
||||
<label class="flex">
|
||||
<x-filament::input.checkbox
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->merge([
|
||||
'wire:loading.attr' => 'disabled',
|
||||
'wire:target' => implode(',', \Filament\Tables\Table::LOADING_TARGETS),
|
||||
], escape: false)
|
||||
"
|
||||
/>
|
||||
|
||||
@if (filled($label))
|
||||
<span class="sr-only">
|
||||
{{ $label }}
|
||||
</span>
|
||||
@endif
|
||||
</label>
|
||||
10
vendor/filament/tables/resources/views/components/selection/group-cell.blade.php
vendored
Normal file
10
vendor/filament/tables/resources/views/components/selection/group-cell.blade.php
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-filament-tables::cell
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['fi-ta-group-selection-cell bg-gray-50 dark:bg-white/5 w-1'])
|
||||
"
|
||||
>
|
||||
<div class="px-3">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</x-filament-tables::cell>
|
||||
26
vendor/filament/tables/resources/views/components/selection/group-checkbox.blade.php
vendored
Normal file
26
vendor/filament/tables/resources/views/components/selection/group-checkbox.blade.php
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
@props([
|
||||
'key',
|
||||
'page' => null,
|
||||
'title',
|
||||
])
|
||||
|
||||
{{-- format-ignore-start --}}
|
||||
<x-filament-tables::selection.checkbox
|
||||
:wire:key="$this->getId() . 'table.bulk_select_group.checkbox.' . $page"
|
||||
:label="__('filament-tables::table.fields.bulk_select_group.label', ['title' => $title])"
|
||||
:x-bind:checked="'
|
||||
const recordsInGroup = getRecordsInGroupOnPage(' . \Illuminate\Support\Js::from($key) . ')
|
||||
|
||||
if (recordsInGroup.length && areRecordsSelected(recordsInGroup)) {
|
||||
$el.checked = true
|
||||
|
||||
return \'checked\'
|
||||
}
|
||||
|
||||
$el.checked = false
|
||||
|
||||
return null
|
||||
'"
|
||||
:x-on:click="'toggleSelectRecordsInGroup(' . \Illuminate\Support\Js::from($key) . ')'"
|
||||
/>
|
||||
{{-- format-ignore-end --}}
|
||||
68
vendor/filament/tables/resources/views/components/selection/indicator.blade.php
vendored
Normal file
68
vendor/filament/tables/resources/views/components/selection/indicator.blade.php
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
@props([
|
||||
'allSelectableRecordsCount',
|
||||
'deselectAllRecordsAction' => 'deselectAllRecords',
|
||||
'end' => null,
|
||||
'page' => null,
|
||||
'selectAllRecordsAction' => 'selectAllRecords',
|
||||
'selectCurrentPageOnly' => false,
|
||||
'selectedRecordsCount',
|
||||
'selectedRecordsPropertyName' => 'selectedRecords',
|
||||
])
|
||||
|
||||
<div
|
||||
x-cloak
|
||||
{{
|
||||
$attributes
|
||||
->merge([
|
||||
'wire:key' => "{$this->getId()}.table.selection.indicator",
|
||||
], escape: false)
|
||||
->class([
|
||||
'fi-ta-selection-indicator flex flex-col justify-between gap-y-1 bg-gray-50 px-3 py-2 dark:bg-white/5 sm:flex-row sm:items-center sm:px-6 sm:py-1.5',
|
||||
])
|
||||
}}
|
||||
>
|
||||
<div class="flex gap-x-3">
|
||||
<x-filament::loading-indicator
|
||||
x-show="isLoading"
|
||||
class="h-5 w-5 text-gray-400 dark:text-gray-500"
|
||||
/>
|
||||
|
||||
<span
|
||||
x-text="
|
||||
window.pluralize(@js(__('filament-tables::table.selection_indicator.selected_count')), {{ $selectedRecordsPropertyName }}.length, {
|
||||
count: {{ $selectedRecordsPropertyName }}.length,
|
||||
})
|
||||
"
|
||||
class="text-sm font-medium leading-6 text-gray-700 dark:text-gray-200"
|
||||
></span>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-x-3">
|
||||
{{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\Tables\View\TablesRenderHook::SELECTION_INDICATOR_ACTIONS_BEFORE, scopes: static::class) }}
|
||||
|
||||
<div class="flex gap-x-3">
|
||||
<x-filament::link
|
||||
color="primary"
|
||||
tag="button"
|
||||
:x-on:click="$selectAllRecordsAction"
|
||||
:x-show="$selectCurrentPageOnly ? '! areRecordsSelected(getRecordsOnPage())' : $allSelectableRecordsCount . ' !== ' . $selectedRecordsPropertyName . '.length'"
|
||||
{{-- Make sure the Alpine attributes get re-evaluated after a Livewire request: --}}
|
||||
:wire:key="$this->getId() . 'table.selection.indicator.actions.select-all.' . $allSelectableRecordsCount . '.' . $page"
|
||||
>
|
||||
{{ trans_choice('filament-tables::table.selection_indicator.actions.select_all.label', $allSelectableRecordsCount) }}
|
||||
</x-filament::link>
|
||||
|
||||
<x-filament::link
|
||||
color="danger"
|
||||
tag="button"
|
||||
:x-on:click="$deselectAllRecordsAction"
|
||||
>
|
||||
{{ __('filament-tables::table.selection_indicator.actions.deselect_all.label') }}
|
||||
</x-filament::link>
|
||||
</div>
|
||||
|
||||
{{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\Tables\View\TablesRenderHook::SELECTION_INDICATOR_ACTIONS_AFTER, scopes: static::class) }}
|
||||
|
||||
{{ $end }}
|
||||
</div>
|
||||
</div>
|
||||
5
vendor/filament/tables/resources/views/components/summary/header-cell.blade.php
vendored
Normal file
5
vendor/filament/tables/resources/views/components/summary/header-cell.blade.php
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
<td
|
||||
{{ $attributes->class(['fi-ta-summary-header-cell px-3 py-2 text-sm font-medium text-gray-950 dark:text-white sm:first-of-type:ps-6']) }}
|
||||
>
|
||||
{{ $slot }}
|
||||
</td>
|
||||
135
vendor/filament/tables/resources/views/components/summary/index.blade.php
vendored
Normal file
135
vendor/filament/tables/resources/views/components/summary/index.blade.php
vendored
Normal file
@@ -0,0 +1,135 @@
|
||||
@props([
|
||||
'actions' => false,
|
||||
'actionsPosition' => null,
|
||||
'columns',
|
||||
'extraHeadingColumn' => false,
|
||||
'groupColumn' => null,
|
||||
'groupsOnly' => false,
|
||||
'placeholderColumns' => true,
|
||||
'pluralModelLabel',
|
||||
'recordCheckboxPosition' => null,
|
||||
'records',
|
||||
'selectionEnabled' => false,
|
||||
])
|
||||
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
use Filament\Tables\Columns\Column;
|
||||
use Filament\Tables\Enums\ActionsPosition;
|
||||
use Filament\Tables\Enums\RecordCheckboxPosition;
|
||||
|
||||
if ($groupsOnly && $groupColumn) {
|
||||
$columns = collect($columns)
|
||||
->reject(fn (Column $column): bool => $column->getName() === $groupColumn)
|
||||
->all();
|
||||
}
|
||||
|
||||
$hasPageSummary = (! $groupsOnly) && $records instanceof \Illuminate\Contracts\Pagination\Paginator && $records->hasPages();
|
||||
@endphp
|
||||
|
||||
@if ($hasPageSummary)
|
||||
<x-filament-tables::row
|
||||
class="fi-ta-summary-header-row bg-gray-50 dark:bg-white/5"
|
||||
>
|
||||
@if ($placeholderColumns && $actions && in_array($actionsPosition, [ActionsPosition::BeforeCells, ActionsPosition::BeforeColumns]))
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($placeholderColumns && $selectionEnabled && $recordCheckboxPosition === RecordCheckboxPosition::BeforeCells)
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($extraHeadingColumn)
|
||||
<x-filament-tables::summary.header-cell>
|
||||
{{ __('filament-tables::table.summary.heading', ['label' => $pluralModelLabel]) }}
|
||||
</x-filament-tables::summary.header-cell>
|
||||
@endif
|
||||
|
||||
@foreach ($columns as $column)
|
||||
@if ($placeholderColumns || $column->hasSummary())
|
||||
@php
|
||||
$alignment = $column->getAlignment() ?? Alignment::Start;
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
|
||||
$hasColumnHeaderLabel = (! $placeholderColumns) || $column->hasSummary();
|
||||
@endphp
|
||||
|
||||
<x-filament-tables::summary.header-cell
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($column->getExtraHeaderAttributeBag())
|
||||
->class([
|
||||
'whitespace-nowrap' => ! $column->isHeaderWrapped(),
|
||||
'whitespace-normal' => $column->isHeaderWrapped(),
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'text-start',
|
||||
Alignment::Center => 'text-center',
|
||||
Alignment::End => 'text-end',
|
||||
Alignment::Left => 'text-left',
|
||||
Alignment::Right => 'text-right',
|
||||
Alignment::Justify, Alignment::Between => 'text-justify',
|
||||
default => $alignment,
|
||||
} => (! ($loop->first && (! $extraHeadingColumn))) && $hasColumnHeaderLabel,
|
||||
])
|
||||
"
|
||||
>
|
||||
@if ($loop->first && (! $extraHeadingColumn))
|
||||
{{ __('filament-tables::table.summary.heading', ['label' => $pluralModelLabel]) }}
|
||||
@elseif ($hasColumnHeaderLabel)
|
||||
{{ $column->getLabel() }}
|
||||
@endif
|
||||
</x-filament-tables::summary.header-cell>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@if ($placeholderColumns && $actions && in_array($actionsPosition, [ActionsPosition::AfterColumns, ActionsPosition::AfterCells]))
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($placeholderColumns && $selectionEnabled && $recordCheckboxPosition === RecordCheckboxPosition::AfterCells)
|
||||
<td></td>
|
||||
@endif
|
||||
</x-filament-tables::row>
|
||||
|
||||
@php
|
||||
$query = $this->getPageTableSummaryQuery();
|
||||
$selectedState = $this->getTableSummarySelectedState($query)[0] ?? [];
|
||||
@endphp
|
||||
|
||||
<x-filament-tables::summary.row
|
||||
:actions="$actions"
|
||||
:actions-position="$actionsPosition"
|
||||
:columns="$columns"
|
||||
:extra-heading-column="$extraHeadingColumn"
|
||||
:heading="__('filament-tables::table.summary.subheadings.page', ['label' => $pluralModelLabel])"
|
||||
:placeholder-columns="$placeholderColumns"
|
||||
:query="$query"
|
||||
:record-checkbox-position="$recordCheckboxPosition"
|
||||
:selected-state="$selectedState"
|
||||
:selection-enabled="$selectionEnabled"
|
||||
/>
|
||||
@endif
|
||||
|
||||
@php
|
||||
$query = $this->getAllTableSummaryQuery();
|
||||
$selectedState = $this->getTableSummarySelectedState($query)[0] ?? [];
|
||||
@endphp
|
||||
|
||||
<x-filament-tables::summary.row
|
||||
:actions="$actions"
|
||||
:actions-position="$actionsPosition"
|
||||
:columns="$columns"
|
||||
:extra-heading-column="$extraHeadingColumn"
|
||||
:groups-only="$groupsOnly"
|
||||
:heading="__(($hasPageSummary ? 'filament-tables::table.summary.subheadings.all' : 'filament-tables::table.summary.heading'), ['label' => $pluralModelLabel])"
|
||||
:placeholder-columns="$placeholderColumns"
|
||||
:query="$query"
|
||||
:record-checkbox-position="$recordCheckboxPosition"
|
||||
:selected-state="$selectedState"
|
||||
:selection-enabled="$selectionEnabled"
|
||||
@class([
|
||||
'bg-gray-50 dark:bg-white/5' => ! $hasPageSummary,
|
||||
])
|
||||
/>
|
||||
115
vendor/filament/tables/resources/views/components/summary/row.blade.php
vendored
Normal file
115
vendor/filament/tables/resources/views/components/summary/row.blade.php
vendored
Normal file
@@ -0,0 +1,115 @@
|
||||
@props([
|
||||
'actions' => false,
|
||||
'actionsPosition' => null,
|
||||
'columns',
|
||||
'extraHeadingColumn' => false,
|
||||
'groupColumn' => null,
|
||||
'groupsOnly' => false,
|
||||
'heading',
|
||||
'placeholderColumns' => true,
|
||||
'query',
|
||||
'selectionEnabled' => false,
|
||||
'selectedState',
|
||||
'recordCheckboxPosition' => null,
|
||||
])
|
||||
|
||||
@php
|
||||
use Filament\Support\Enums\Alignment;
|
||||
use Filament\Tables\Columns\Column;
|
||||
use Filament\Tables\Enums\ActionsPosition;
|
||||
use Filament\Tables\Enums\RecordCheckboxPosition;
|
||||
|
||||
if ($groupsOnly && $groupColumn) {
|
||||
$columns = collect($columns)
|
||||
->reject(fn (Column $column): bool => $column->getName() === $groupColumn)
|
||||
->all();
|
||||
}
|
||||
@endphp
|
||||
|
||||
<x-filament-tables::row
|
||||
:attributes="
|
||||
\Filament\Support\prepare_inherited_attributes($attributes)
|
||||
->class(['fi-ta-summary-row'])
|
||||
"
|
||||
>
|
||||
@if ($placeholderColumns && $actions && in_array($actionsPosition, [ActionsPosition::BeforeCells, ActionsPosition::BeforeColumns]))
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($placeholderColumns && $selectionEnabled && $recordCheckboxPosition === RecordCheckboxPosition::BeforeCells)
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($extraHeadingColumn || $groupsOnly)
|
||||
<x-filament-tables::cell
|
||||
class="text-sm font-medium text-gray-950 dark:text-white"
|
||||
>
|
||||
<span class="px-3 py-4">
|
||||
{{ $heading }}
|
||||
</span>
|
||||
</x-filament-tables::cell>
|
||||
@else
|
||||
@php
|
||||
$headingColumnSpan = 1;
|
||||
|
||||
foreach ($columns as $index => $column) {
|
||||
if ($index === array_key_first($columns)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if ($column->hasSummary()) {
|
||||
break;
|
||||
}
|
||||
|
||||
$headingColumnSpan++;
|
||||
}
|
||||
@endphp
|
||||
@endif
|
||||
|
||||
@foreach ($columns as $column)
|
||||
@if (($loop->first || $extraHeadingColumn || $groupsOnly || ($loop->iteration > $headingColumnSpan)) && ($placeholderColumns || $column->hasSummary()))
|
||||
@php
|
||||
$alignment = $column->getAlignment() ?? Alignment::Start;
|
||||
|
||||
if (! $alignment instanceof Alignment) {
|
||||
$alignment = filled($alignment) ? (Alignment::tryFrom($alignment) ?? $alignment) : null;
|
||||
}
|
||||
@endphp
|
||||
|
||||
<x-filament-tables::cell
|
||||
:colspan="($loop->first && (! $extraHeadingColumn) && (! $groupsOnly) && ($headingColumnSpan > 1)) ? $headingColumnSpan : null"
|
||||
@class([
|
||||
match ($alignment) {
|
||||
Alignment::Start => 'text-start',
|
||||
Alignment::Center => 'text-center',
|
||||
Alignment::End => 'text-end',
|
||||
Alignment::Left => 'text-left',
|
||||
Alignment::Right => 'text-right',
|
||||
Alignment::Justify, Alignment::Between => 'text-justify',
|
||||
default => $alignment,
|
||||
},
|
||||
])
|
||||
>
|
||||
@if ($loop->first && (! $extraHeadingColumn) && (! $groupsOnly))
|
||||
<span
|
||||
class="flex px-3 py-4 text-sm font-medium text-gray-950 dark:text-white"
|
||||
>
|
||||
{{ $heading }}
|
||||
</span>
|
||||
@elseif ((! $placeholderColumns) || $column->hasSummary())
|
||||
@foreach ($column->getSummarizers() as $summarizer)
|
||||
{{ $summarizer->query($query)->selectedState($selectedState) }}
|
||||
@endforeach
|
||||
@endif
|
||||
</x-filament-tables::cell>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@if ($placeholderColumns && $actions && in_array($actionsPosition, [ActionsPosition::AfterColumns, ActionsPosition::AfterCells]))
|
||||
<td></td>
|
||||
@endif
|
||||
|
||||
@if ($placeholderColumns && $selectionEnabled && $recordCheckboxPosition === RecordCheckboxPosition::AfterCells)
|
||||
<td></td>
|
||||
@endif
|
||||
</x-filament-tables::row>
|
||||
44
vendor/filament/tables/resources/views/components/table.blade.php
vendored
Normal file
44
vendor/filament/tables/resources/views/components/table.blade.php
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
@props([
|
||||
'footer' => null,
|
||||
'header' => null,
|
||||
'headerGroups' => null,
|
||||
'reorderable' => false,
|
||||
'reorderAnimationDuration' => 300,
|
||||
])
|
||||
|
||||
<table
|
||||
{{ $attributes->class(['fi-ta-table w-full table-auto divide-y divide-gray-200 text-start dark:divide-white/5']) }}
|
||||
>
|
||||
@if ($header)
|
||||
<thead class="divide-y divide-gray-200 dark:divide-white/5">
|
||||
@if ($headerGroups)
|
||||
<tr class="bg-gray-100 dark:bg-transparent">
|
||||
{{ $headerGroups }}
|
||||
</tr>
|
||||
@endif
|
||||
|
||||
<tr class="bg-gray-50 dark:bg-white/5">
|
||||
{{ $header }}
|
||||
</tr>
|
||||
</thead>
|
||||
@endif
|
||||
|
||||
<tbody
|
||||
@if ($reorderable)
|
||||
x-on:end.stop="$wire.reorderTable($event.target.sortable.toArray())"
|
||||
x-sortable
|
||||
data-sortable-animation-duration="{{ $reorderAnimationDuration }}"
|
||||
@endif
|
||||
class="divide-y divide-gray-200 whitespace-nowrap dark:divide-white/5"
|
||||
>
|
||||
{{ $slot }}
|
||||
</tbody>
|
||||
|
||||
@if ($footer)
|
||||
<tfoot class="bg-gray-50 dark:bg-white/5">
|
||||
<tr>
|
||||
{{ $footer }}
|
||||
</tr>
|
||||
</tfoot>
|
||||
@endif
|
||||
</table>
|
||||
1258
vendor/filament/tables/resources/views/index.blade.php
vendored
Normal file
1258
vendor/filament/tables/resources/views/index.blade.php
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user