add timing & animation details to stats-world

src/components/World/World.js

@@ -24,6 +24,8 @@ class World {
 
     this.update = this.update.bind(this);
 
+    this.vue = vue;
+
     // Instances of camera, scene, and renderer
     this.camera = createCamera();
     this.scene = createScene(COLOR2);
@@ -99,6 +101,10 @@ class World {
   stop() {
     this.loop.stop();
   }
+
+  setExposedWorldProperties(key, value) {
+    this.vue.setWorldProperty(key, value);
+  }
 }
 
 export { World };

src/components/World/components/objects/landmarks.js

@@ -12,6 +12,8 @@ const ANIMATION_DURATION_SECS = 10;
 const ENDORSER_ENTITY_PREFIX = "https://endorser.ch/entity/";
 
 export async function loadLandmarks(vue, world, scene, loop) {
+  vue.setWorldProperty("animationDurationSeconds", ANIMATION_DURATION_SECS);
+
   try {
     await db.open();
     const settings = await db.settings.get(MASTER_SETTINGS_KEY);
@@ -31,8 +33,13 @@ export async function loadLandmarks(vue, world, scene, loop) {
     const resp = await axios.get(url, { headers: headers });
     if (resp.status === 200) {
       const landmarks = resp.data.data;
+
       const minDate = landmarks[landmarks.length - 1].issuedAt;
       const maxDate = landmarks[0].issuedAt;
+
+      world.setExposedWorldProperties("startTime", minDate.replace("T", " "));
+      world.setExposedWorldProperties("endTime", maxDate.replace("T", " "));
+
       const minTimeMillis = new Date(minDate).getTime();
       const fullTimeMillis =
         maxDate > minDate ? new Date(maxDate).getTime() - minTimeMillis : 1; // avoid divide by zero