diff --git a/app/javascript/retrospring/features/settings/crop.ts b/app/javascript/retrospring/features/settings/crop.ts deleted file mode 100644 index c30e3e5f..00000000 --- a/app/javascript/retrospring/features/settings/crop.ts +++ /dev/null @@ -1,61 +0,0 @@ -import Croppr from 'croppr'; - -const readImage = (file, callback) => callback((window.URL || window.webkitURL).createObjectURL(file)); - -export function profilePictureChangeHandler(event: Event): void { - const input = event.target as HTMLInputElement; - - const cropControls = document.querySelector('#profile-picture-crop-controls'); - cropControls.classList.toggle('d-none'); - - if (input.files && input.files[0]) { - readImage(input.files[0], (src) => { - const updateValues = (data) => { - document.querySelector('#profile_picture_x').value = data.x; - document.querySelector('#profile_picture_y').value = data.y; - document.querySelector('#profile_picture_w').value = data.width; - document.querySelector('#profile_picture_h').value = data.height; - } - - const cropper = document.querySelector('#profile-picture-cropper'); - cropper.src = src; - - new Croppr(cropper, { - aspectRatio: 1, - startSize: [100, 100, '%'], - onCropStart: updateValues, - onCropMove: updateValues, - onCropEnd: updateValues - }); - }); - } -} - -export function profileHeaderChangeHandler(event: Event): void { - const input = event.target as HTMLInputElement; - - const cropControls = document.querySelector('#profile-header-crop-controls'); - cropControls.classList.toggle('d-none'); - - if (input.files && input.files[0]) { - readImage(input.files[0], (src) => { - const updateValues = (data) => { - document.querySelector('#profile_header_x').value = data.x; - document.querySelector('#profile_header_y').value = data.y; - document.querySelector('#profile_header_w').value = data.width; - document.querySelector('#profile_header_h').value = data.height; - } - - const cropper = document.querySelector('#profile-header-cropper'); - cropper.src = src; - - new Croppr(cropper, { - aspectRatio: 7/30, - startSize: [100, 100, '%'], - onCropStart: updateValues, - onCropMove: updateValues, - onCropEnd: updateValues - }); - }); - } -} \ No newline at end of file diff --git a/app/javascript/retrospring/features/settings/index.ts b/app/javascript/retrospring/features/settings/index.ts index ad6b214e..5ea4bb2d 100644 --- a/app/javascript/retrospring/features/settings/index.ts +++ b/app/javascript/retrospring/features/settings/index.ts @@ -1,11 +1,8 @@ import registerEvents from "utilities/registerEvents"; -import { profileHeaderChangeHandler, profilePictureChangeHandler } from "./crop"; import { userSubmitHandler } from "./password"; export default (): void => { registerEvents([ - { type: 'submit', target: document.querySelector('#edit_user'), handler: userSubmitHandler }, - { type: 'change', target: document.querySelector('#user_profile_picture[type=file]'), handler: profilePictureChangeHandler }, - { type: 'change', target: document.querySelector('#user_profile_header[type=file]'), handler: profileHeaderChangeHandler } + { type: 'submit', target: document.querySelector('#edit_user'), handler: userSubmitHandler } ]); }