WIP fix image cropper

alphagov · Nov 6, 2024 · 53498f2 · 53498f2
1 parent 8be74fd
commit 53498f2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/assets/javascripts/components/image-cropper.js b/app/assets/javascripts/components/image-cropper.js
@@ -65,7 +65,7 @@ window.GOVUK.Modules = window.GOVUK.Modules || {}
     this.cropper = new window.Cropper(this.$image, {
       // eslint-disable-line
       viewMode: 2,
-      aspectRatio: 3 / 2,
+      aspectRatio: this.$targetWidth / this.$targetHeight,
       autoCrop: true,
       autoCropArea: 1,
       guides: false,

diff --git a/app/views/admin/edition_images/crop.html.erb b/app/views/admin/edition_images/crop.html.erb
@@ -14,6 +14,8 @@
       <p>If you need to crop your image, use your cursor or the arrow keys and “<kbd>+</kbd>” and “<kbd>-</kbd>” to select a part of the image. The part you select will be resized for GOV.UK. The shape is fixed.</p>
      </div>
 
+      <%= hidden_field_tag("image[image_data][image_kind]", @new_image.image_data.image_kind) %>
+
       <%= render "components/image_cropper", {
         name: "image[image_data][file]",
         src: @data_url,