chore: migrating cropper-modal to ES6 (#3682)

Co-authored-by: Kush Trivedi <kushthedude@gmail.com>

Author: 2 people

app/components/modals/cropper-modal.js

@@ -1,6 +1,6 @@
 import ModalBase from 'open-event-frontend/components/modals/modal-base';
-
-export default ModalBase.extend({
+import { action } from '@ember/object';
+export default class extends ModalBase {
   onVisible() {
     let viewport = {};
     let factor = 150;
@@ -16,27 +16,27 @@ export default ModalBase.extend({
         height: 250
       }
     });
-  },
+  }
 
   onHide() {
     this.$('img').croppie('destroy');
     const $img = this.$('img');
     if ($img.parent().is('div.croppie')) {
       $img.unwrap();
     }
-  },
 
-  actions: {
-    resetImage() {
-      this.onHide();
-      this.onVisible();
-    },
-    cropImage() {
-      this.$('img').croppie('result', { type: 'base64', size: 'original', quality: 1, format: 'jpeg' }).then(result => {
-        if (this.onImageCrop) {
-          this.onImageCrop(result);
-        }
-      });
-    }
   }
-});
+  @action
+  resetImage() {
+    this.onHide();
+    this.onVisible();
+  }
+  @action
+  cropImage() {
+    this.$('img').croppie('result', { type: 'base64', size: 'original', quality: 1, format: 'jpeg' }).then(result => {
+      if (this.onImageCrop) {
+        this.onImageCrop(result);
+      }
+    });
+  }
+}