Update method creation syntax to ES6 `EditHandle.js`

[first-timers[bot]]

🆕🐥☝ First Timers Only.

This issue is reserved for people who never contributed to Open Source before. We know that the process of creating a pull request is the biggest barrier for new contributors. This issue is for you 💝

About First Timers Only.

🤔 What you need to know.

Nothing. This issue is meant to welcome you to Open Source :) We are happy to walk you through the process.

📋 Step by Step

• [ ] 🙋 Claim this issue: Comment below.

  Once claimed we add you as contributor to this repository.

• [ ] 👌 Accept our invitation to this repository. Once accepted, assign yourself to this issue

• [ ] 📝 Update the file \src/edit/handles/EditHandle.js in the Leaflet.DistortableImage repository (press the little pen Icon) and edit the line as shown below.

@@ -1,5 +1,5 @@
 L.EditHandle = L.Marker.extend({
-  initialize: function(overlay, corner, options) {
+  initialize(overlay, corner, options) {
     var latlng = overlay.getCorner(corner);
 
     L.setOptions(this, options);
@@ -19,31 +19,31 @@ L.EditHandle = L.Marker.extend({
     L.Marker.prototype.initialize.call(this, latlng, markerOptions);
   },
 
-  onAdd: function(map) {
+  onAdd(map) {
     L.Marker.prototype.onAdd.call(this, map);
     this._bindListeners();
     this.updateHandle();
   },
 
-  onRemove: function(map) {
+  onRemove(map) {
     this._unbindListeners();
     L.Marker.prototype.onRemove.call(this, map);
   },
 
-  _onHandleDragStart: function() {
+  _onHandleDragStart() {
     this._handled.fire('editstart');
   },
 
-  _onHandleDragEnd: function() {
+  _onHandleDragEnd() {
     this._fireEdit();
   },
 
-  _fireEdit: function() {
+  _fireEdit() {
     this._handled.edited = true;
     this._handled.fire('edit');
   },
 
-  _bindListeners: function() {
+  _bindListeners() {
     this.on({
       contextmenu: L.DomEvent.stop,
       dragstart: this._onHandleDragStart,
@@ -55,7 +55,7 @@ L.EditHandle = L.Marker.extend({
     this._handled.on('update', this.updateHandle, this);
   },
 
-  _unbindListeners: function() {
+  _unbindListeners() {
     this.off({
       contextmenu: L.DomEvent.stop,
       dragstart: this._onHandleDragStart,
@@ -68,7 +68,7 @@ L.EditHandle = L.Marker.extend({
   },
 
   /* Takes two latlngs and calculates the scaling difference. */
-  _calculateScalingFactor: function(latlngA, latlngB) {
+  _calculateScalingFactor(latlngA, latlngB) {
     var overlay = this._handled;
     var map = overlay._map;
 
@@ -82,15 +82,15 @@ L.EditHandle = L.Marker.extend({
   },
 
   /* Distance between two points in cartesian space, squared (distance formula). */
-  _d2: function(a, b) {
+  _d2(a, b) {
     var dx = a.x - b.x;
     var dy = a.y - b.y;
 
     return Math.pow(dx, 2) + Math.pow(dy, 2);
   },
 
   /* Takes two latlngs and calculates the angle between them. */
-  calculateAngleDelta: function(latlngA, latlngB) {
+  calculateAngleDelta(latlngA, latlngB) {
     var overlay = this._handled;
     var map = overlay._map;
 

• [ ] 💾 Commit your changes

• [ ] 🔀 Start a Pull Request. There are two ways how you can start a pull request:

1. If you are familiar with the terminal or would like to learn it, here is a great tutorial on how to send a pull request using the terminal.

2. You can edit files directly in your browser

• [ ] 🏁 Done Ask in comments for a review :)

🤔❓ Questions

Leave a comment below!

This issue was created by First-Timers-Bot.

[ashish-parjapat]

Hi, i want to clam this issue

[fonkwe]

Hi, I want to claim this issue

[TildaDares]

Hi @ashish-parjapat, please go ahead. Thank you!

[Dezzy12]

Hi, first timer here. Can i work on this?

[TildaDares]

Hi @Dezzy12, please leave a comment here https://github.com/publiclab/plots2/issues/11105 and we’ll look for an issue for you to work on. Thank you!

[MAX-786]

Hi , I would like to claim this issue#1050

[TildaDares]

Hi @MAX-786, someone has already been assigned. Thank you!

[NPDebs]

Hi @TildaDares. 👋🏼 I'm here to take on the next available issue. 🙂

[TildaDares]

Hi @NPDebs, please leave a comment in https://github.com/publiclab/plots2/issues/11105 and we’ll look for an issue for you to work on. Thank you!

[olamideazeez]

Hello, I am a first-timer. can I work on this?

[TildaDares]

Hi @olamideazeez, please leave a comment in https://github.com/publiclab/plots2/issues/11105 and we’ll look for an issue for you to work on. Thank you!

[Chinazaekpere-Ike]

I'd like to claim this issue 👩‍🦰 @TildaDares

[NPDebs]

I'd like to claim this issue 👩‍🦰 @TildaDares

Hi @Chinazaekpere-Ike , please leave a comment in publiclab/plots2#11105 and @TildaDares will look for an issue for you to work on. Thank you! 🤸🏽‍♀️

[abd123codes]

hi, @TildaDares @jywarren has this issue been resolved. if not id like to work on it

[TildaDares]

Hi @THEDARKMAN007, contributors are only allowed to work on one FTO. You can look for other non-FTO issues to work or help a other contributions make their own contributions. Thank you!

[TildaDares]

Hi @ashish-parjapat, do you need any help with this? Please reach out if you do.

[TildaDares]

Hi @olamideazeez, you can go ahead and work on this. Thank you!