merge($getExtraAttributes(), escape: false)
- ->class([
- 'fi-ta-image',
- 'px-3 py-4' => ! $isInline(),
- ])
- }}
->
- @if ($limitedStateCount)
-
- {{ $placeholder }}
-
- @endif
-
diff --git a/packages/tables/src/Columns/IconColumn.php b/packages/tables/src/Columns/IconColumn.php
index 60223584ec..d1b926b549 100644
--- a/packages/tables/src/Columns/IconColumn.php
+++ b/packages/tables/src/Columns/IconColumn.php
@@ -279,6 +279,7 @@ class IconColumn extends Column implements HasEmbeddedView
]);
ob_start(); ?>
+
-
- @elseif (($placeholder = $getPlaceholder()) !== null)
- $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)
-  ? $getImageUrl($stateItem) : $defaultImageUrl }})
class([
- 'max-w-none object-cover object-center',
- 'rounded-full' => $isCircular,
- $ringClasses,
- ])
- ->style([
- "height: {$height}" => $height,
- "width: {$width}" => $width,
- ])
- }}
- />
- @endforeach
-
- @if ($hasLimitedRemainingText && (! $isLimitedRemainingTextSeparate) && $isCircular)
-
-
- @if ($hasLimitedRemainingText && ($isLimitedRemainingTextSeparate || (! $isCircular)))
- $isCircular,
- $limitedRemainingTextSizeClasses,
- $ringClasses,
- ])
- @style([
- "height: {$height}" => $height,
- "width: {$width}" => $width,
- ])
- >
-
- +{{ $stateCount - $limitedStateCount }}
-
-
- @endif
-
- +{{ $stateCount - $limitedStateCount }}
-
- @endif
- toHtml() ?>>
toHtml() ?>
+
evaluate($this->limit);
}
- public function limitedRemainingText(bool | Closure $condition = true, bool | Closure $isSeparate = false, string | Closure | null $size = null): static
+ public function limitedRemainingText(bool | Closure $condition = true, string | Closure | null $size = null): static
{
$this->hasLimitedRemainingText = $condition;
- $this->limitedRemainingTextSeparate($isSeparate);
$this->limitedRemainingTextSize($size);
return $this;
}
- public function limitedRemainingTextSeparate(bool | Closure $condition = true): static
- {
- $this->isLimitedRemainingTextSeparate = $condition;
-
- return $this;
- }
-
public function hasLimitedRemainingText(): bool
{
return (bool) $this->evaluate($this->hasLimitedRemainingText);
}
- public function isLimitedRemainingTextSeparate(): bool
- {
- return (bool) $this->evaluate($this->isLimitedRemainingTextSeparate);
- }
-
public function limitedRemainingTextSize(string | Closure | null $size): static
{
$this->limitedRemainingTextSize = $size;
@@ -350,4 +334,104 @@ class ImageColumn extends Column
{
return (bool) $this->evaluate($this->shouldCheckFileExistence);
}
+
+ public function toEmbeddedHtml(): string
+ {
+ $state = $this->getState();
+
+ if ($state instanceof Collection) {
+ $state = $state->all();
+ }
+
+ $attributes = $this->getExtraAttributeBag()
+ ->class([
+ 'fi-ta-image',
+ 'fi-inline' => $this->isInline(),
+ ]);
+
+ if (empty($state)) {
+ $placeholder = $this->getPlaceholder();
+
+ ob_start(); ?>
+
+ toHtml() ?>>
+
+
+
+ getLimit() ?? $stateCount;
+
+ $stateOverLimitCount = ($limit && ($stateCount > $limit))
+ ? ($stateCount - $limit)
+ : 0;
+
+ if ($stateOverLimitCount) {
+ $state = array_slice($state, 0, $limit);
+ }
+
+ $alignment = $this->getAlignment();
+ $isCircular = $this->isCircular();
+ $isSquare = $this->isSquare();
+ $isStacked = $this->isStacked();
+ $hasLimitedRemainingText = $stateOverLimitCount && $this->hasLimitedRemainingText();
+ $limitedRemainingTextSize = $this->getLimitedRemainingTextSize();
+ $height = $this->getHeight() ?? ($isStacked ? '2rem' : '2.5rem');
+ $width = $this->getWidth() ?? (($isCircular || $isSquare) ? $height : null);
+
+ $defaultImageUrl = $this->getDefaultImageUrl();
+
+ $attributes = $attributes
+ ->class([
+ 'fi-circular' => $isCircular,
+ 'fi-wrapped' => $this->canWrap(),
+ 'fi-stacked' => $isStacked,
+ ($isStacked && is_int($ring = $this->getRing())) ? "fi-ta-image-ring fi-ta-image-ring-{$ring}" : '',
+ ($isStacked && ($overlap = ($this->getOverlap() ?? 2))) ? "fi-ta-image-overlap-{$overlap}" : '',
+ ($alignment instanceof Alignment) ? "fi-align-{$alignment->value}" : (is_string($alignment) ? $alignment : ''),
+ ]);
+
+ ob_start(); ?>
+
+ + +
+ +toHtml() ?>>
+
+ ![]()
getExtraImgAttributeBag()
+ ->merge([
+ 'src' => filled($stateItem) ? $this->getImageUrl($stateItem) : $defaultImageUrl,
+ ])
+ ->style([
+ "height: {$height}" => $height,
+ "width: {$width}" => $width,
+ ])
+ ->toHtml() ?>
+ />
+
+
+
+
+
+ getListLimit() ?? $stateCount;
- $stateOverLimitCount = 0;
+ $stateOverListLimitCount = 0;
if ($listLimit && ($stateCount > $listLimit)) {
- $stateOverLimitCount = $stateCount - $listLimit;
+ $stateOverListLimitCount = $stateCount - $listLimit;
if (
(! $isListWithLineBreaks) ||
@@ -400,16 +400,16 @@ class TextColumn extends Column implements HasEmbeddedView
'fi-ta-text-has-line-breaks' => $isListWithLineBreaks,
]);
- if ($hasDescriptions || $stateOverLimitCount) {
+ if ($hasDescriptions || $stateOverListLimitCount) {
$attributes = $attributes
->merge([
- 'x-data' => ($stateOverLimitCount && $isLimitedListExpandable)
+ 'x-data' => ($stateOverListLimitCount && $isLimitedListExpandable)
? '{ isLimited: true }'
: null,
])
->class([
'fi-ta-text-has-descriptions' => $hasDescriptions,
- 'fi-ta-text-list-limited' => $stateOverLimitCount,
+ 'fi-ta-text-list-limited' => $stateOverListLimitCount,
]);
ob_start(); ?>
@@ -483,7 +483,7 @@ class TextColumn extends Column implements HasEmbeddedView
-
+
class([
+ 'fi-ta-image-limited-remaining-text',
+ "fi-size-{$limitedRemainingTextSize}" => $limitedRemainingTextSize,
+ ])
+ ->style([
+ "height: {$height}" => $height,
+ "width: {$width}" => $width,
+ ])
+ ->toHtml() ?>>
+ +
+
+
+