Added Reunification support (#109)

* Added Distant property.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added support for out of area contacts.

* Added Reunification support

* Updated title to Out of Area Contact

* Added Reunification support

* Added Reunification support

Author: rtmsft

2wr-app/src/components/prepare/family-plans/editors/route-location-editor.vue

@@ -4,7 +4,8 @@
       <v-text-field
         v-model="theRoute.name"
         :rules="rules.name"
-        label="Route Name"
+        label="Reunification Plan Name"
+        disabled=true
         outlined
       />
       <photos-editor title="Photos" :route="theRoute" />

2wr-app/src/components/prepare/family-plans/family-plan-contacts-view.vue

@@ -15,7 +15,7 @@
         <v-icon>mdi-plus</v-icon>
       </v-btn>
     </v-fab-transition>
-    <InfoBar v-if="distant" :title="`${plan.title} - Distant Contact`"></InfoBar>
+    <InfoBar v-if="distant" :title="`${plan.title} - Out of Area Contact`"></InfoBar>
     <InfoBar v-if="!distant" :title="`${plan.title} - Emergency Contacts`"></InfoBar>
     <v-card class="pa-2" v-if="contacts.length == 0"><em>Press <strong>'+'</strong> to add a new contact.</em></v-card>
     <v-card v-for="contact in contacts" :key="contact.fullName">

2wr-app/src/components/prepare/family-plans/family-plans-view.vue

@@ -79,7 +79,7 @@
         @click="ensureNamed('Out of Area Contact', 'distantcontacts')"
       >
         <v-flex class="d-flex justify-space-between px-2 py-2">
-          <div>Out of Area Contacts</div>
+          <div>Out of Area Contact</div>
           <div>
             <v-icon class="mr-2">mdi-chevron-right</v-icon>
           </div>
@@ -92,7 +92,7 @@
         @click="ensureNamed('Routes and Locations', 'routes')"
       >
         <v-flex class="d-flex justify-space-between px-2 py-2">
-          <div>Routes and Locations</div>
+          <div>Reunification</div>
           <div>
             <v-icon class="mr-2">mdi-chevron-right</v-icon>
           </div>

2wr-app/src/components/prepare/family-plans/route-location-list.vue

@@ -2,6 +2,7 @@
   <v-container class="py-0" v-if="plan">
     <v-fab-transition>
       <v-btn
+        v-if="routes.length < 2"
         color="green"
         dark
         absolute
@@ -14,13 +15,17 @@
         <v-icon>mdi-plus</v-icon>
       </v-btn>
     </v-fab-transition>
-    <InfoBar :title="`${ plan.title } - Routes and Locations`"></InfoBar>
+    <InfoBar :title="`${ plan.title } - Reunification`"></InfoBar>
     <v-app-bar app flat dense fixed  color="background">
       <v-icon class="mr-2" v-on:click="goBack()">mdi-arrow-left</v-icon>
-      <v-toolbar-title>{{ plan.title }} - Routes and Locations</v-toolbar-title>
+      <v-toolbar-title>{{ plan.title }} - Reunification</v-toolbar-title>
     </v-app-bar>
+    <v-card class="pa-2">
+      An emergency has happened at your home.  Where do you plan to meet others and how will you get there?
+      Add up to two reunification plans containing important information, including addresses and photos as needed.
+    </v-card>
     <v-card class="pa-2" v-if="routes.length == 0">
-      <em>Press <strong>'+'</strong> to add a new route.</em>
+      <em>Press <strong>'+'</strong> to add a new reunification plan.</em>
     </v-card>
     <v-card class="pa-2" v-for="route in routes" :key="route.id">
       <IconTextBlock icon="mdi-pencil" :allowSelected="true"  @selected="launchEditor(route)">
@@ -86,7 +91,9 @@ export default defineComponent({
     }
 
     function addNew() {
-      launchEditor(new RouteLocation());
+      let routeLocation = new RouteLocation();
+      routeLocation.name = "Reunification Plan " + String.fromCharCode("A".charCodeAt(0) + routes.value.length);
+      launchEditor(routeLocation);
     }
 
     return {