Enable Customizing imageResizeUpscale

patrickcurl · Nov 24, 2022 · d4fdc42 · d4fdc42
1 parent 59798aa
commit d4fdc42
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/packages/forms/resources/js/components/file-upload.js b/packages/forms/resources/js/components/file-upload.js
@@ -40,6 +40,7 @@ export default (Alpine) => {
             imageResizeMode,
             imageResizeTargetHeight,
             imageResizeTargetWidth,
+            imageResizeUpscale,
             isAvatar,
             loadingIndicatorPosition,
             locale,
@@ -89,6 +90,7 @@ export default (Alpine) => {
                         imageResizeTargetHeight,
                         imageResizeTargetWidth,
                         imageResizeMode,
+                        imageResizeUpscale,
                         itemInsertLocation: shouldAppendFiles
                             ? 'after'
                             : 'before',

diff --git a/packages/forms/resources/views/components/file-upload.blade.php b/packages/forms/resources/views/components/file-upload.blade.php
@@ -16,6 +16,7 @@
         $imageResizeTargetHeight = $getImageResizeTargetHeight();
         $imageResizeTargetWidth = $getImageResizeTargetWidth();
         $imageResizeMode = $getImageResizeMode();
+        $imageResizeUpscale = $getImageResizeUpscale();
         $shouldTransformImage = $imageCropAspectRatio || $imageResizeTargetHeight || $imageResizeTargetWidth;
     @endphp
     <div
@@ -36,6 +37,7 @@
             imageResizeMode: {{ $imageResizeMode ? "'{$imageResizeMode}'" : 'null' }},
             imageResizeTargetHeight: {{ $imageResizeTargetHeight ? "'{$imageResizeTargetHeight}'" : 'null' }},
             imageResizeTargetWidth: {{ $imageResizeTargetWidth ? "'{$imageResizeTargetWidth}'" : 'null' }},
+            imageResizeUpscale: {{ $imageResizeUpscale ? "'{$imageResizeUpscale}'" : 'null' }}
             isAvatar: {{ $isAvatar() ? 'true' : 'false' }},
             loadingIndicatorPosition: '{{ $getLoadingIndicatorPosition() }}',
             locale: @js(app()->getLocale()),

diff --git a/packages/forms/src/Components/FileUpload.php b/packages/forms/src/Components/FileUpload.php
@@ -117,6 +117,13 @@ public function imageResizeMode(string | Closure | null $mode): static
         return $this;
     }
 
+    public function imageResizeUpscale(string | Closure | null $mode): static
+    {
+        $this->imageResizeUpscale = $mode;
+
+        return $this;
+    }
+
     public function loadingIndicatorPosition(string | Closure | null $position): static
     {
         $this->loadingIndicatorPosition = $position;
@@ -184,6 +191,11 @@ public function getImageResizeMode(): ?string
         return $this->evaluate($this->imageResizeMode);
     }
 
+    public function getImageResizeUpscale(): ?string
+    {
+      return $this->evaluate($this->imageResizeUpscale);
+    }
+
     public function getLoadingIndicatorPosition(): string
     {
         return $this->evaluate($this->loadingIndicatorPosition);