From dd3cb67615f310c045f85f7bfa5acb5e038b5715 Mon Sep 17 00:00:00 2001
From: "D. Tuncbilek" <dagistantuncbilek@gmail.com>
Date: Thu, 21 May 2020 19:50:35 +0200
Subject: [PATCH] Relase 1.00

---
 src/app/main/main.component.css  | 24 +++++-------------------
 src/app/main/main.component.html |  4 ++--
 src/app/main/main.component.ts   |  7 -------
 3 files changed, 7 insertions(+), 28 deletions(-)

diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css
index f42e3e2..fcc1330 100644
--- a/src/app/main/main.component.css
+++ b/src/app/main/main.component.css
@@ -1,36 +1,23 @@
-.img{
-
-  background-image: url('../../assets/images/Schwarz.gif');
+.img {
+  background-image: url("../../assets/images/Schwarz.gif");
   background-position: 400px 10px;
   background-repeat: no-repeat;
-
 }
 
-.blue{
+.blue {
   width: 50px;
   height: 50px;
   background-color: blue;
   border-radius: 50%;
 }
-.red{
+.red {
   width: 50px;
   height: 50px;
   background-color: red;
   border-radius: 50%;
 }
 
-.anim {
-  border-color: yellow solid 5px;
-}
-.invisiable{
-  visibility: hidden;
-}
-
-.blueStonesCSS{
-  position: absolute;
-  cursor: pointer;
-}
-.redStonesCSS {
+.stone {
   position: absolute;
   cursor: pointer;
 }
@@ -38,7 +25,6 @@
 .stone0 {
   left: 390px;
   top: 0px;
-
 }
 .stone1 {
   left: 672px;
diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
index ba5513e..cf33ad7 100644
--- a/src/app/main/main.component.html
+++ b/src/app/main/main.component.html
@@ -12,7 +12,7 @@ <h1 class="font-weight-bold text-center">Nine Man's Morris</h1>
       ></div>
     </div>
     <div *ngFor="let stone of reserves; let i = index">
-      <div id={{stone}} class="blueStonesCSS stone{{stone}}" *ngIf="i < 9">
+      <div id={{stone}} class="stone stone{{stone}}" *ngIf="i < 9">
         <div
           id=blue{{stone}}
           class="blue"
@@ -20,7 +20,7 @@ <h1 class="font-weight-bold text-center">Nine Man's Morris</h1>
           (dragstart)="dragStart($event)">
         </div>
       </div>
-      <div id={{stone}} class="redStonesCSS stone{{stone}}"  *ngIf="i > 8">
+      <div id={{stone}} class="stone stone{{stone}}"  *ngIf="i > 8">
         <div
           id=blue{{stone}}
           class="red"
diff --git a/src/app/main/main.component.ts b/src/app/main/main.component.ts
index b3e68a5..9e459d6 100644
--- a/src/app/main/main.component.ts
+++ b/src/app/main/main.component.ts
@@ -23,9 +23,6 @@ export class MainComponent implements OnInit {
   selectedStoneForDelete: Colour = Colour.WHITE;
   totalBlueStones: number = 9;
   totalRedStones: number = 9;
-  animX: number = 0;
-  animY: number = 0;
-  isDragComleted: boolean = true;
   preventDrag = false;
   moves = ['Moves'];
   @Output() changeMoves = new EventEmitter();
@@ -75,10 +72,6 @@ export class MainComponent implements OnInit {
     ev.preventDefault();
     const data = ev.dataTransfer.getData('text');
     const stone = document.getElementById(data);
-    if (this.draggedTitle > 23) {
-      stone.classList.remove('blueStonesCSS');
-      stone.classList.remove('redStonesCSS');
-    }
     ev.target.appendChild(stone);
     this.tileColours.set(
       this.droppedTitle,