Added list property to shortNav

src/components/property/ListProperty/listPropertyPage.vue

 <script>
 /* eslint-disable */
 import contentSection from "./contentSection";
+import Log from "../../../assets/Log";
+
 export default {
   components: {
     contentSection
+  },
+  created() {
+    if (!Log.getPerson().name) {
+      this.$router.push({
+        name: "Login",
+        params: {
+          page: {
+            pageRedirect: "/property/list",
+            text: "Please Login or Register to add a property"
+          }
+        }
+      });
+    }
   }
 };
 </script>

src/components/shared/navBar.vue

                     <i class="fa fa-calculator" aria-hidden="true"></i>
                     <span class="bondCalculatorDetail">Bond Calculator</span>
                   </a>
+                  <router-link to="/property/list">
+                    <i class="fa fa-home"></i>
+                    <span class="listProp">List Property</span>
+                  </router-link>
                 </div>
               </div>
               <nav id="nav-menu-container">
   margin-left: 3px;
 }
 
+.listProp {
+  margin-left: 3px;
+}
+
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
   .phoneIconDetail {
     display: none;
   }
 
+  .listProp {
+    display: none;
+  }
+
   #header {
     min-height: 120px;
   }

src/components/timeshare/buy/carouselSection.vue

             <div class="row">
               <div class="form-group col-md-6">
                 <div class="input-group">
-                  <label v-if="!searchParams.region" class="uniSelectLabel" for="region">REGION</label>
+                  <label v-if="!searchParams.region" class="uniSelectLabel" for="region"
+                    >REGION</label
+                  >
                   <select
                     class="form-control uniSelect"
                     name="region"
                     v-if="!searchParams.resort"
                     class="uniSelectLabel"
                     for="weekInfoResortSelect"
-                  >RESORT</label>
+                    >RESORT</label
+                  >
                   <select
                     id="weekInfoResortSelect"
                     class="form-control uniSelect"
                       :value="resort"
                       @change="resortChange"
                     >
-                      {{
-                      resort.resortName
-                      }}
+                      {{ resort.resortName }}
                     </option>
                   </select>
                 </div>
 import { mapState, mapActions, mapGetters } from "vuex";
 export default {
   components: {
-    carousel,
+    carousel
   },
   data() {
     return {
       region: "",
       resort: "",
       priceMin: undefined,
-      priceMax: undefined,
+      priceMax: undefined
     };
   },
   methods: {
     ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek"]),
     regionChange(item) {
-      let reg = this.regions.find((r) => r.regionName === item.target.value);
+      let reg = this.regions.find(r => r.regionName === item.target.value);
       this.regionObj = reg;
     },
     resortChange(item) {
-      let res = this.resorts.find((r) => r.resortName === item.target.value);
+      let res = this.resorts.find(r => r.resortName === item.target.value);
       this.resortObj = res;
     },
     Search() {
       if (!this.searchParams.resort) {
         this.searchParams.regionObj = this.regionObj;
         this.$router.push("/timeshareToByResults");
+      } else {
+        this.$router.push(`/resort/${this.searchParams.resort.resortCode}`);
       }
-
-      this.$router.push(`/resort/${this.searchParams.resort.resortCode}`);
-    },
+    }
   },
   computed: {
     ...mapState("timeshare", ["resorts", "regions", "detailedRegion"]),
       let list = [];
       if (this.searchParams.region && this.searchParams.region !== "") {
         const item = this.detailedRegion.find(
-          (region) => region.region.regionCode === this.regionObj.regionCode
+          region => region.region.regionCode === this.regionObj.regionCode
         );
         if (item) {
           list = item.children;
       } else {
         list = this.resorts;
       }
-      return _.sortBy(list, (x) => x.resortName);
-    },
+      return _.sortBy(list, x => x.resortName);
+    }
   },
   created() {
     this.initTimeshare(this.weekId);
     this.searchParams.resort = null;
     this.filter.date = null;
     this.filter.ddate = null;
-  },
+  }
 };
 </script>
 

src/components/timeshare/buy/searchResults.vue

               src="../../../../public/img/blankImg.png"
               alt
             />
-            <p
-              v-if="resort.weeksAvailable == 1"
-              class="normalText"
-            >{{ resort.weeksAvailable }} Week Available</p>
-            <p
-              v-else-if="resort.weeksAvailable > 1"
-              class="normalText"
-            >{{ resort.weeksAvailable }} Weeks Available</p>
+            <p v-if="resort.weeksAvailable == 1" class="normalText">
+              {{ resort.weeksAvailable }} Week Available
+            </p>
+            <p v-else-if="resort.weeksAvailable > 1" class="normalText">
+              {{ resort.weeksAvailable }} Weeks Available
+            </p>
             <p v-else class="noWeeks">No Weeks Available</p>
             <h4 class="mt-3">{{ resort.resortName }}</h4>
             <!-- <p>
               class="btn-white-border"
               :to="`/resort/${resort.resortCode}`"
               :disable="resort.resortCode && resort.resortCode != ''"
-            >VIEW</router-link>
+              >VIEW</router-link
+            >
           </div>
         </div>
       </div>
         <img src="img/no-homes.png" />
         <br />
         <br />
-        <p>Sorry no listing where found matching your search</p>
+        <p>Sorry no listings were found matching your search.</p>
       </div>
     </div>
   </section>
 <script>
 export default {
   props: {
-    resorts: [],
-  },
+    resorts: {}
+  }
 };
-</script>
+</script>

src/components/timeshare/buy/toBuySearchResults.vue

             <searchPanal :resorts="Available" />
           </div>
           <div class="tab-pane fade" id="directions" role="tabpanel" aria-labelledby="profile-tab">
-            <searchPanal :resorts="resorts" />
+            <searchPanal v-if="resorts.length > 0" :resorts="resorts" />
           </div>
         </div>
         <div v-if="wait" id="preloader"></div>
 export default {
   name: "ToBuySearchResults",
   components: {
-    searchPanal,
+    searchPanal
   },
   data() {
     return {
-      wait: false,
+      wait: false
     };
   },
   methods: {
-    ...mapActions("resort", ["getResorts", "getImage1"]),
+    ...mapActions("resort", ["getResorts", "getImage1"])
     //methods
   },
   computed: {
     ...mapState("resort", ["resorts"]),
     Available() {
       let resortList = this.resorts;
-      resortList = _.filter(resortList, (x) => x.weeksAvailable > 0);
+      resortList = _.filter(resortList, x => x.weeksAvailable > 0);
       return resortList;
-    },
+    }
   },
   mounted() {
     this.wait = true;
     this.getResorts(this.searchParams.regionObj.regionCode)
-      .then((fulfilled) => {
+      .then(fulfilled => {
         this.wait = false;
       })
-      .catch((error) => {
+      .catch(error => {
         this.wait = false;
       });
-  },
+  }
 };
 </script>
-
-

src/components/user/loginPage.vue

                         :type="'ERROR'"
                       />
                     </div>
+                    <div v-if="page">
+                      <alert :text="page.text" :type="'INFO'" />
+                    </div>
                     <div class="form-label-group">
                       <input
                         type="text"
     carousel,
     alert
   },
+  props: {
+    page: {}
+  },
   data() {
     return {
       username: "",
     Login() {
       this.login({ username: this.username, password: this.password })
         .then(() => {
-          console.log(Log.getUser());
-          if (!Log.getUser().loginPasswordChange) {
-            this.$router.push("/");
+          // console.log(Log.getUser());
+          if (!this.page) {
+            if (!Log.getUser().loginPasswordChange) {
+              this.$router.push("/");
+            } else {
+              this.$router.push("/user/changePasswordOnLogin");
+            }
           } else {
-            this.$router.push("/user/changePasswordOnLogin");
+            this.$router.push(this.page.pageRedirect);
           }
         })
         .catch(err => {

src/router/index.js

     {
       path: "/user/login",
       name: "Login",
+      props: route => ({
+        ...route.params
+      }),
       component: Login
     },
     {