feat: highlight 3d press

andy23512 · May 11, 2024 · be7e219 · be7e219
1 parent a865e2a
commit be7e219
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/app/components/switch/switch.component.html b/src/app/components/switch/switch.component.html
@@ -9,6 +9,15 @@
     [highlightKey]="highlightKey()"
   ></svg:g>
 }
+<svg:circle
+  class="fill-alnitak-500"
+  [attr.cx]="center().x"
+  [attr.cy]="center().y"
+  [attr.r]="53.68"
+  [attr.opacity]="
+    highlightKey()?.positionCodes?.includes(positionCodeMap().c) ? 0.5 : 0
+  "
+></svg:circle>
 <svg:text
   [attr.x]="center().x"
   [attr.y]="center().y"

diff --git a/src/app/pages/home-page/home-page.component.ts b/src/app/pages/home-page/home-page.component.ts
@@ -32,11 +32,11 @@ export class HomePageComponent {
   readonly router = inject(Router);
   firstLessonUrl = '/topic/number/lesson/123';
   highlightPositionCodes: number[] = [
-    [-1, -1, 1, 3],
-    [-1, -1, 2, 4],
-    [-1, -1, 6, 8],
-    [-1, -1, 7, 9],
-  ].map((list) => pickRandomItem(list));
+    [0, 1, 2, 3, 4, [1, 2], [1, 4], [3, 2], [3, 4]],
+    [5, 6, 7, 8, 9, [6, 7], [6, 9], [8, 7], [8, 9]],
+  ]
+    .map((list) => pickRandomItem(list))
+    .flat();
 
   @HostBinding('class') classes = 'block relative h-full';