Fix saving, smooth rotating.

README.md

@@ -27,7 +27,5 @@ npm run lint
 
 ## To Do
 
-1. Marriages get wider at edge??
-1. type="about" dateVal - estimate? Other types?
 1. Fix the center (see poster for ideas).
 1. Use parsed event dates to place nodes

src/components/PersonNode.vue

@@ -265,6 +265,7 @@ onMounted(() => {
     :class="['node', 'person', person.gender]"
     :id="person.handle"
     :transform="`rotate(${person.angle - 90})`"
+    ref="rotateTarget"
   >
     <linearGradient
       v-if="lifelineGradient"
@@ -340,7 +341,6 @@ onMounted(() => {
 
     <line
       class="pointerTarget rotate"
-      ref="rotateTarget"
       x1="0"
       x2="0"
       :y1="scale(mainPathStart)"
@@ -351,7 +351,6 @@ onMounted(() => {
         {{ title }}
       </title>
     </line>
-    />
 
     <line
       v-if="person.birth.isEstimate"

src/models/Data.ts

@@ -118,15 +118,12 @@ export class Data {
       console.log('families left: ', this.familiesToDo.size);
     }
 
-    // Set overrides
+    // Set date overrides
     for (const [handle, override] of Object.entries(
       this.settings.value.overrides.people,
     )) {
       const person = this.tree.people[handle];
       if (person) {
-        if (override.angle != undefined) {
-          person.angle = override.angle;
-        }
         if (override.birth != undefined) {
           person.birth = {
             date: new Date(override.birth, 0, 1),
@@ -264,6 +261,16 @@ export class Data {
             (familyAngle / (family.children.length + 1)) * (i + 1);
         });
     });
+
+    // Set angle overrides
+    for (const [handle, override] of Object.entries(
+      this.settings.value.overrides.people,
+    )) {
+      const person = this.tree.people[handle];
+      if (person && override.angle != undefined) {
+        person.angle = override.angle;
+      }
+    }
   }
 
   //Add sorting info to a parent and the tree