add select button

Author: therealharshit

js/activity.js

@@ -260,6 +260,9 @@ class Activity {
         // Flag to indicate whether the user is performing a 2D drag operation.
         this.isDragging = false;
 
+        // Flag to indicate whether user is selecting
+        this.isSelecting = false;
+
         // Flag to indicate the selection mode is on
         this.selectionModeOn = false;
 
@@ -492,7 +495,7 @@ class Activity {
                 (event) => {
                     event.preventDefault();
                     event.stopPropagation();
-                    if (!this.beginnerMode) {
+                    if (!this.beginnerMode && !this.isSelecting) {
                         if (event.target.id === "myCanvas") {
                             this._displayHelpfulWheel(event);
                         }
@@ -6101,7 +6104,7 @@ class Activity {
                 this.hasMouseMoved = true;
                 // event.preventDefault();
                 // this.selectedBlocks = [];
-                if (this.isDragging){
+                if (this.isDragging && this.isSelecting){
                     this.currentX = event.clientX;
                     this.currentY = event.clientY;
                     if (!this.blocks.isBlockMoving && !this.turtles.running()) {

js/artwork.js

@@ -577,6 +577,7 @@ Turtles.TurtlesView = class {
         this._collapseButton = null; // used by add method
         this._clearButton = null; // used by add method
         this.gridButton = null; // used by add method
+        this.selectButton = null; // used to enable select mode
         this.collapse = null;
         this.expand = null;
 
@@ -871,6 +872,26 @@ Turtles.TurtlesView = class {
             this.activity.refreshCanvas();
         };
 
+         /**
+         * Makes 'select' button by initailising 'SELECTBUTTON' SVG.
+         * Toggles isSelecting on click.
+         */
+        const __makeSelectButton = () => {
+            this.selectButton = _makeButton(
+                SELECTBUTTON,
+                {
+                    "name":"Select",
+                    "label":_("Select")
+                },
+                this._w - 10 - 4 * 55,
+                70 + LEADING + 6
+            );
+            const that = this;
+            this.selectButton.onclick  = () => {
+                this.activity.isSelecting = !this.activity.isSelecting;
+            };
+        };
+
         /**
          * Makes 'cartesian' button by initailising 'CARTESIANBUTTON' SVG.
          * Assigns click listener function to doGrid() method.
@@ -1170,6 +1191,7 @@ Turtles.TurtlesView = class {
             __makeExpandButton();
             __makeClearButton();
             __makeGridButton();
+            __makeSelectButton();
             jQuery.noConflict()(".tooltipped").each(function(){
                 jQuery.noConflict()(this).tooltip(
                     {