Merge pull request #145 from HTBox/feature/2wr-app-Hazard-Hunt-UI

Created placeholder for new "Make A Plan" page

Author: shawnwildermuth

2wr-app/src/components/prepare/make-a-plan/make-a-plan.vue

@@ -0,0 +1,29 @@
+<template>
+    <v-container class="py-0">
+      <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>Make A Plan</v-toolbar-title>
+      </v-app-bar>
+      <v-row dense>
+        <v-col cols="12">
+          <p class="pa-2 headline">Placeholder</p>
+        </v-col>
+        <v-col cols="12" class="text-center">
+          <v-btn x-large to="/prepare/familyplan"  color="primary" width="80%">My Family Plan</v-btn>
+        </v-col>
+      </v-row>
+
+    </v-container>
+</template>
+
+<script>
+
+
+export default {
+  
+}
+</script>
+
+<style>
+
+</style>

2wr-app/src/components/prepare/prepare-landing.vue

@@ -26,7 +26,7 @@
           </v-card-text>            
         </v-card>
         <v-card
-          to="/prepare/familyplan"
+          to="/prepare/makeaplan"
           color="primary"
           class="my-4"
           ripple

2wr-app/src/router/index.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router';
 
 import Prepare from '../views/prepare/prepare.vue';
 import Welcome from '../views/welcome/welcome.vue';
+import MakeAPlan from '../views/prepare/make-a-plan/make-a-plan.vue';
 import EmergencyKitListing from '../views/prepare/emergency-kits/emergency-kit-listing.vue';
 import EmergencyKitCreatePage from '../views/prepare/emergency-kits/emergency-kit-create.vue';
 import EmergencyKitEditPage from '../views/prepare/emergency-kits/emergency-kit-edit.vue';
@@ -35,6 +36,14 @@ const routes = [{
     name: 'prepare',
     component: Prepare
   },
+  {
+    path: '/prepare/makeaplan',
+    name: 'makeaplan',
+    component: MakeAPlan,
+    meta: {
+      requiresAuth: true
+    }
+  },
   {
     path: '/prepare/emergencykits',
     name: 'emergencykits',

2wr-app/src/views/prepare/make-a-plan/make-a-plan.vue

@@ -0,0 +1,14 @@
+<template>
+  <MakeAPlanComponent></MakeAPlanComponent>
+</template>
+
+<script>
+import MakeAPlanComponent from '@/components/prepare/make-a-plan/make-a-plan.vue'
+
+export default {
+  name: 'MakeAPlan',
+  components: {
+    MakeAPlanComponent
+  }
+}
+</script>