change ellipse to be default

client-data/board.html

 	<script src="tools/pencil/pencil.js"></script>
 	<script src="tools/line/line.js"></script>
 	<script src="tools/rect/rect.js"></script>
-	<script src="tools/circle/circle.js"></script>
+	<script src="tools/ellipse/ellipse.js"></script>
 	<script src="tools/text/text.js"></script>
 	<script src="tools/eraser/eraser.js"></script>
 	<script src="tools/hand/hand.js"></script>

client-data/tools/circle/circle.js → client-data/tools/ellipse/ellipse.js

 
 (function () { //Code isolation
     //Indicates the id of the shape the user is currently drawing or an empty string while the user is not drawing
-    let curshape = "Circle";
-    const icons = ["tools/circle/icon-circle.svg", "tools/circle/icon-ellipse.svg"];
+    let curshape = "Ellipse";
+    const icons = ["tools/ellipse/icon-ellipse.svg", "tools/ellipse/icon-circle.svg"];
     let end=false,
         curId = "",
         curUpdate = { //The data of the message that will be sent for every new point
         //Prevent the press from being interpreted by the browser
         evt.preventDefault();
 
-        curId = Tools.generateUID("c"); //"c" for circle
+        curId = Tools.generateUID("e"); //"e" for ellipse
 
         Tools.drawAndSend({
-            'type': 'circle',
+            'type': 'ellipse',
             'id': curId,
             'shape': curshape,
             'color': Tools.getColor(),
     function draw(data) {
         Tools.drawingEvent=true;
         switch (data.type) {
-            case "circle":
+            case "ellipse":
                 createShape(data);
                 break;
             case "update":
     }
 
     function updateShape(shape, data, circle) {
-        console.log(data);
         shape.cx.baseVal.value = Math.round((data['x2'] + data['x'])/2);
         shape.cy.baseVal.value = Math.round((data['y2'] + data['y'])/2);
         if (circle) {
 
     function toggle(elem){
         let index = 0;
-        if (curshape === "Circle") {
-            curshape = "Ellipse";
+        if (curshape === "Ellipse") {
+            curshape = "Circle";
             index = 1;
         } else {
-            curshape = "Circle";
+            curshape = "Ellipse";
         }
         elem.getElementsByClassName("tool-icon")[0].src = icons[index];
         elem.getElementsByClassName("tool-name")[0].textContent = curshape;
 
 
     Tools.add({ //The new tool
-        "name": "Circle",
+        "name": "Ellipse",
         "shortcut": "c",
         "listeners": {
             "press": start,
         "toggle": toggle,
         "mouseCursor": "crosshair",
         "icon": icons[0],
-        "stylesheet": "tools/circle/circle.css"
+        "stylesheet": "tools/ellipse/ellipse.css"
     });
 
 })(); //End of code isolation

server/createSVG.js

 			"L" + el.x + " " + el.y;
 		return renderPath(el, pathstring);
 	},
-	"Circle": function (el) {
+	"Ellipse": function (el) {
 		const cx = Math.round((el.x2 + el.x)/2);
 		const cy = Math.round((el.y2 + el.y)/2);
 		let rx, ry;