Relase 1.00

dagistan-tuncbilek · May 21, 2020 · dd3cb67 · dd3cb67
1 parent 4fcc458
commit dd3cb67
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 28 deletions.
diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css
@@ -1,44 +1,30 @@
-.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;
 }
 
 .stone0 {
   left: 390px;
   top: 0px;
-
 }
 .stone1 {
   left: 672px;

diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
@@ -12,15 +12,15 @@ <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"
           [draggable]="!preventDrag"
           (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
@@ -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,