User can drag the blockchain blocks horizontally with the mouse

2021-12-19 15:20:21 +09:00
parent 6459b554ff
commit 8205dbedb0
9 changed files with 56 additions and 7 deletions
--- a/frontend/src/app/components/start/start.component.html
+++ b/frontend/src/app/components/start/start.component.html
@@ -8,8 +8,11 @@

 <div *ngIf="countdown > 0" class="warning-label">{{ eventName }} in {{ countdown | number }} block{{ countdown === 1 ? '' : 's' }}!</div>

-<div id="blockchain-container" dir="ltr">
-  <app-blockchain></app-blockchain>
+<div id="blockchain-container" dir="ltr" #blockchainContainer
+  (mousedown)="onMouseDown($event)"
+  (dragstart)="onDragStart($event)"
+>
+<app-blockchain></app-blockchain>
 </div>

 <router-outlet></router-outlet>