feat(app): make animation presets configurable

HSF · Jun 6, 2021 · bd5f161 · bd5f161
1 parent e07725a
commit bd5f161
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 36 deletions.
diff --git a/...s/phoenix-ui-components/src/components/ui-menu/animate-camera/animate-camera.component.ts b/...s/phoenix-ui-components/src/components/ui-menu/animate-camera/animate-camera.component.ts
@@ -1,47 +1,49 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { AnimationPreset, SceneManager } from 'phoenix-event-display';
 import { EventDisplayService } from '../../../services/event-display.service';
 
+export const defaultAnimationPresets: {
+  [key: string]: AnimationPreset;
+} = {
+  'Preset 1': {
+    positions: [
+      {
+        position: [11976, 7262, 11927],
+        duration: 1000,
+      },
+      {
+        position: [1000, 0, 11927],
+        duration: 1000,
+      },
+      {
+        position: [-1000, 0, 1000],
+        duration: 2000,
+      },
+      {
+        position: [-5000, 0, 1000],
+        duration: 3000,
+      },
+      {
+        position: [-5000, 0, 1000],
+        duration: 2000,
+      },
+      {
+        position: [11976, 7262, 11927],
+        duration: 2000,
+      },
+    ],
+    animateEventAfterInterval: 3000,
+    collisionDuration: 2500,
+  },
+};
+
 @Component({
   selector: 'app-animate-camera',
   templateUrl: './animate-camera.component.html',
   styleUrls: ['./animate-camera.component.scss'],
 })
 export class AnimateCameraComponent {
-  animationPresets: {
-    [key: string]: AnimationPreset;
-  } = {
-    'Preset 1': {
-      positions: [
-        {
-          position: [11976, 7262, 11927],
-          duration: 1000,
-        },
-        {
-          position: [1000, 0, 11927],
-          duration: 1000,
-        },
-        {
-          position: [-1000, 0, 1000],
-          duration: 2000,
-        },
-        {
-          position: [-5000, 0, 1000],
-          duration: 3000,
-        },
-        {
-          position: [-5000, 0, 1000],
-          duration: 2000,
-        },
-        {
-          position: [11976, 7262, 11927],
-          duration: 2000,
-        },
-      ],
-      animateEventAfterInterval: 3000,
-      collisionDuration: 2500,
-    },
-  };
+  @Input() animationPresets = defaultAnimationPresets;
 
   animationPresetsKeys = Object.keys(this.animationPresets);
 

diff --git a/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.html b/...s/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.html
@@ -43,7 +43,7 @@
     <app-animate-event></app-animate-event>
 
     <!-- Toggle for animating camera through event -->
-    <app-animate-camera></app-animate-camera>
+    <app-animate-camera [animationPresets]="animationPresets"></app-animate-camera>
 
     <!-- Toggle for collections info -->
     <app-collections-info></app-collections-info>

diff --git a/...ges/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.ts b/...ges/phoenix-ng/projects/phoenix-ui-components/src/components/ui-menu/ui-menu.component.ts
@@ -3,6 +3,7 @@ import {
   EventDataFormat,
   EventDataImportOption,
 } from '../../services/extras/event-data-import';
+import { defaultAnimationPresets } from './animate-camera/animate-camera.component';
 
 @Component({
   selector: 'app-ui-menu',
@@ -13,6 +14,8 @@ export class UiMenuComponent {
   @Input()
   eventDataImportOptions: EventDataImportOption[] =
     Object.values(EventDataFormat);
+  @Input()
+  animationPresets = defaultAnimationPresets;
 
   hideUIMenu: boolean = false;
 }