Register Alert

src/components/admin/status/editTimeShareAdminPage.vue

@@ -7,7 +7,6 @@
             <div class="section-header">
               <h2>Week Information</h2>
             </div>
-            {{ weekParam }}
             <div align="left" class="custom-control custom-switch mb-2">
               <div class="row">
                 <div align="center" class="col">
@@ -59,415 +58,404 @@
               </div>
             </div>
 
-          <div class="form">
-            <div id="sendmessage">Your details has been sent. Thank you!</div>
-            <div id="errormessage"></div>
-            <div class="form-row">
-              <div class="form-group col-md-6">
-                <div class="input-group">
-                  <!-- {{weekParam}} -->
-                  <label class="uniSelectLabel" for="weekInfoRegionSelect"
-                    >REGION</label
+            <div class="form">
+              <div id="sendmessage">Your details has been sent. Thank you!</div>
+              <div id="errormessage"></div>
+              <div class="form-row">
+                <div class="form-group col-md-6">
+                  <div class="input-group">
+                    <!-- {{weekParam}} -->
+                    <label class="uniSelectLabel" for="weekInfoRegionSelect">REGION</label>
+                    <select
+                      class="form-control uniSelect"
+                      v-model="selectedRegion"
+                      style="font-size: 15px"
+                    >
+                      <option v-for="(region, r) in regions" :key="r" :value="region.regionCode">{{
+                        region.regionName
+                      }}</option>
+                    </select>
+                    <div class="validation"></div>
+                  </div>
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <div class="input-group">
+                    <label class="uniSelectLabel" for="weekInfoResortSelect">RESORT NAME</label>
+
+                    <select class="form-control uniSelect" v-model="selectedResort">
+                      <option value="Other">Other</option>
+                      <option
+                        v-for="(resort, r) in filteredResort"
+                        :key="r"
+                        :value="resort.resortCode"
+                        >{{ resort.resortName }}</option
+                      >
+                    </select>
+                    <div class="validation"></div>
+                  </div>
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    class="form-control"
+                    v-if="weekParam.otherResort"
+                    placeholder="NAME OF RESORT (* IF OTHER)"
+                    type="text"
+                    name="other"
+                    v-model="weekParam.otherResortName"
+                  />
+                </div>
+                <div class="form-group col-md-6">
+                  <div v-if="weekParam.otherResort">
+                    <label v-if="!weekParam.region" class="uniSelectLabel" for="region"
+                      >REGION</label
+                    >
+                  </div>
+
+                  <select
+                    class="form-control uniSelect"
+                    v-if="weekParam.otherResort"
+                    name="region"
+                    id="region"
+                    v-model="weekParam.region"
                   >
+                    <option v-for="(region, r) in regions" :key="r">{{ region.regionName }}</option>
+                  </select>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    type="number"
+                    class="form-control"
+                    name="unitNumber"
+                    id="unitNumber"
+                    placeholder="UNIT NUMBER"
+                    v-model="weekParam.unitNumber"
+                    data-msg="Please enter unit number"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    class="form-control"
+                    name="week"
+                    id="week"
+                    placeholder="UNIT / WEEK NUMBER"
+                    v-model="weekParam.weekNumber"
+                    data-msg="Please enter week number"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">SEASON</label>
+
                   <select
                     class="form-control uniSelect"
-                    v-model="selectedRegion"
-                    style="font-size: 15px"
+                    name="season"
+                    id="season"
+                    v-model="selectedSeason"
                   >
-                    <option v-for="(region, r) in regions" :key="r" :value="region.regionCode">{{
-                      region.regionName
-                    }}</option>
+                    <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
                   </select>
                   <div class="validation"></div>
                 </div>
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <div class="input-group">
-                  <label class="uniSelectLabel" for="weekInfoResortSelect"
-                    >RESORT NAME</label
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">BEDROOM/S</label>
+
+                  <select
+                    class="form-control uniSelect"
+                    name="region"
+                    id="region"
+                    v-model="selectedBedrooms"
                   >
+                    <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
+                  </select>
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">SLEEP MAX</label>
 
                   <select
                     class="form-control uniSelect"
-                    v-model="selectedResort"
+                    name="region"
+                    id="region"
+                    v-model="selectedMaxSleep"
                   >
-                    <option value="Other">Other</option>
-                    <option v-for="(resort, r) in filteredResort" :key="r" :value="resort.resortCode">{{
-                      resort.resortName
-                    }}</option>
+                    <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
                   </select>
                   <div class="validation"></div>
                 </div>
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <input
-                  class="form-control"
-                  v-if="weekParam.otherResort"
-                  placeholder="NAME OF RESORT (* IF OTHER)"
-                  type="text"
-                  name="other"
-                  v-model="weekParam.otherResortName"
-                />
-              </div>
-              <div class="form-group col-md-6">
-                <div v-if="weekParam.otherResort">
-                  <label v-if="!weekParam.region" class="uniSelectLabel" for="region">REGION</label>
+                <div class="form-group col-md-6">
+                  <input
+                    type="number"
+                    class="form-control"
+                    name="levy"
+                    id="levy"
+                    placeholder="Levy Amount"
+                    v-model="weekParam.levyAmount"
+                    data-msg="Please enter levy amount"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">WEEK TYPE</label>
+                  <select
+                    class="form-control uniSelect"
+                    name="region"
+                    id="region"
+                    v-model="selectedWeekType"
+                  >
+                    <option :key="0">Flexi</option>
+                    <option :key="1">Fixed</option>
+                    <option :key="2">Module</option>
+                    <option :key="3">Syndicate</option>
+                  </select>
+                </div>
+                <div class="form-row">
+                  <div class="form-group col-md-6">
+                    Arrival Date :
+                    <input
+                      type="datetime-local"
+                      class="form-control"
+                      name="occupationDate1"
+                      v-model="weekParam.arrivalDate"
+                    />
+                    <div class="validation"></div>
+                  </div>
+                  <div class="form-group col-md-6">
+                    Departure Date :
+                    <input
+                      type="datetime-local"
+                      class="form-control"
+                      name="occupationDate2"
+                      v-model="weekParam.departureDate"
+                    />
+                    <div class="validation"></div>
+                  </div>
+                  <div class="form-group col-md-6">
+                    Purchase Price:
+                    <input
+                      class="form-control"
+                      placeholder="R"
+                      type="number"
+                      step="any"
+                      name="purchasePrice"
+                      v-model="weekParam.sellPrice"
+                    />
+                    <div class="validation"></div>
+                  </div>
                 </div>
-
-                <select
-                  class="form-control uniSelect"
-                  v-if="weekParam.otherResort"
-                  name="region"
-                  id="region"
-                  v-model="weekParam.region"
-                >
-                  <option v-for="(region, r) in regions" :key="r">{{ region.regionName }}</option>
-                </select>
-              </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="number"
-                  class="form-control"
-                  name="unitNumber"
-                  id="unitNumber"
-                  placeholder="UNIT NUMBER"
-                  v-model="weekParam.unitNumber"
-                  data-msg="Please enter unit number"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  class="form-control"
-                  name="week"
-                  id="week"
-                  placeholder="UNIT / WEEK NUMBER"
-                  v-model="weekParam.weekNumber"
-                  data-msg="Please enter week number"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region">SEASON</label>
-
-                <select
-                  class="form-control uniSelect"
-                  name="season"
-                  id="season"
-                  v-model="selectedSeason"
-                >
-                  <option v-for="(season, r) in seasons" :key="r">{{ season.name }}</option>
-                </select>
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region"
-                  >BEDROOM/S</label
-                >
-
-                <select
-                  class="form-control uniSelect"
-                  name="region"
-                  id="region"
-                  v-model="selectedBedrooms"
-                >
-                  <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
-                </select>
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region"
-                  >SLEEP MAX</label
-                >
-
-                <select
-                  class="form-control uniSelect"
-                  name="region"
-                  id="region"
-                  v-model="selectedMaxSleep"
-                >
-                  <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
-                </select>
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="number"
-                  class="form-control"
-                  name="levy"
-                  id="levy"
-                  placeholder="Levy Amount"
-                  v-model="weekParam.levyAmount"
-                  data-msg="Please enter levy amount"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region"
-                  >WEEK TYPE</label
-                >
-                <select
-                  class="form-control uniSelect"
-                  name="region"
-                  id="region"
-                  v-model="selectedWeekType"
-                >
-                  <option :key="0">Flexi</option>
-                  <option :key="1">Fixed</option>
-                  <option :key="2">Module</option>
-                  <option :key="3">Syndicate</option>
-                </select>
-              </div>
-                          <div class="form-row">
-              <div class="form-group col-md-6">
-                Arrival Date :
-                <input
-                  type="datetime-local"
-                  class="form-control"
-                  name="occupationDate1"
-                  v-model="weekParam.arrivalDate"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                Departure Date :
-                <input
-                  type="datetime-local"
-                  class="form-control"
-                  name="occupationDate2"
-                  v-model="weekParam.departureDate"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                  Purchase Price:
-                <input
-                  class="form-control"
-                  placeholder="R"
-                  type="number"
-                  step="any"
-                  name="purchasePrice"
-                  v-model="weekParam.sellPrice"
-                />
-                <div class="validation"></div>
               </div>
-
-            </div>
             </div>
-          </div>
-          <div align="left" class="custom-control custom-switch mb-2">
-            <div class="row">
-              <div align="center" class="col">
-                <label class="mr-5">Has your week been spacebanked for the current year?</label>
-                <input
-                  type="checkbox"
-                  class="custom-control-input"
-                  id="customSwitch2"
-                  :checked="sellItem.currentYearBanked"
-                />
-                <label class="custom-control-label" for="customSwitch2">{{
-                  sellItem.currentYearBanked ? "Yes" : "No"
-                }}</label>
-                <div
-                  class="spacebanked1"
-                  :class="{ 'spacebanked1--clicked': sellItem.currentYearBanked }"
-                >
-                  <div class="col-md-6">
-                    <label for="If yes, please confirm with whom" v-if="sellItem.currentYearBanked"
-                      >Please confirm with whom</label
-                    >
-                    <select
-                      class="form-control uniSelect"
-                      id="howMarried"
-                      v-model="indiv.howMarried"
-                    >
-                      <option value="N/A">N/A</option>
-                      <option value="In Community Of Property">In Community Of Property</option>
-                      <option value="Out of Community Of Property"
-                        >Out of Community Of Property</option
+            <div align="left" class="custom-control custom-switch mb-2">
+              <div class="row">
+                <div align="center" class="col">
+                  <label class="mr-5">Has your week been spacebanked for the current year?</label>
+                  <input
+                    type="checkbox"
+                    class="custom-control-input"
+                    id="customSwitch2"
+                    :checked="sellItem.currentYearBanked"
+                  />
+                  <label class="custom-control-label" for="customSwitch2">{{
+                    sellItem.currentYearBanked ? "Yes" : "No"
+                  }}</label>
+                  <div
+                    class="spacebanked1"
+                    :class="{ 'spacebanked1--clicked': sellItem.currentYearBanked }"
+                  >
+                    <div class="col-md-6">
+                      <label
+                        for="If yes, please confirm with whom"
+                        v-if="sellItem.currentYearBanked"
+                        >Please confirm with whom</label
                       >
-                      <option value="Other">Other</option>
-                      <option value="Traditional Wedding">Traditional Wedding</option>
-                      <option value="Single">Single</option>
-                      <option value="Divorced">Divorced</option>
-                      <option value="Widow">Widow</option>
-                      <option value="Committed Relationship">Committed Relationship</option>
-                      <option value="Partner">Partner</option>
-                    </select>
+                      <select
+                        class="form-control uniSelect"
+                        id="howMarried"
+                        v-model="indiv.howMarried"
+                      >
+                        <option value="N/A">N/A</option>
+                        <option value="In Community Of Property">In Community Of Property</option>
+                        <option value="Out of Community Of Property"
+                          >Out of Community Of Property</option
+                        >
+                        <option value="Other">Other</option>
+                        <option value="Traditional Wedding">Traditional Wedding</option>
+                        <option value="Single">Single</option>
+                        <option value="Divorced">Divorced</option>
+                        <option value="Widow">Widow</option>
+                        <option value="Committed Relationship">Committed Relationship</option>
+                        <option value="Partner">Partner</option>
+                      </select>
+                    </div>
+                    <div class="validation"></div>
                   </div>
-                  <div class="validation"></div>
                 </div>
               </div>
             </div>
-          </div>
 
-          <div class="section-header">
-            <h2>Detailed Individual Information</h2>
-          </div>
-          <div class="form">
-            <div class="row">
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  name="name"
-                  class="form-control"
-                  id="name"
-                  placeholder="Name"
-                  data-rule="minlen:4"
-                  data-msg="Please enter your name"
-                  v-model="week.owner.name"
-                />
-                <div class="validation"></div>
+            <div class="section-header">
+              <h2>Detailed Individual Information</h2>
+            </div>
+            <div class="form">
+              <div class="row">
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    name="name"
+                    class="form-control"
+                    id="name"
+                    placeholder="Name"
+                    data-rule="minlen:4"
+                    data-msg="Please enter your name"
+                    v-model="week.owner.name"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    class="form-control"
+                    name="surname"
+                    id="surname"
+                    placeholder="Surname"
+                    data-msg="Please enter your surname"
+                    v-model="week.owner.surname"
+                  />
+                  <div class="validation"></div>
+                </div>
               </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  class="form-control"
-                  name="surname"
-                  id="surname"
-                  placeholder="Surname"
-                  data-msg="Please enter your surname"
-                  v-model="week.owner.surname"
-                />
-                <div class="validation"></div>
+              <div class="row">
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    name="idnum"
+                    class="form-control"
+                    id="idnum"
+                    placeholder="ID Number"
+                    data-rule="minlen:4"
+                    data-msg="Please enter your ID number"
+                    v-model="week.owner.idNumber"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    class="form-control"
+                    name="company"
+                    id="company"
+                    placeholder="Company Reg Number"
+                    data-rule="minlen:4"
+                    data-msg="Please enter your company reg number"
+                    v-model="week.owner.companyRegNumber"
+                  />
+                  <div class="validation"></div>
+                </div>
               </div>
-            </div>
-            <div class="row">
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  name="idnum"
-                  class="form-control"
-                  id="idnum"
-                  placeholder="ID Number"
-                  data-rule="minlen:4"
-                  data-msg="Please enter your ID number"
-                  v-model="week.owner.idNumber"
-                />
-                <div class="validation"></div>
+              <div class="row">
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    class="form-control"
+                    name="email"
+                    id="email"
+                    placeholder="Email Address"
+                    data-msg="Please enter your email address"
+                    v-model="week.owner.emailAddress"
+                  />
+                  <div class="validation"></div>
+                </div>
               </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  class="form-control"
-                  name="company"
-                  id="company"
-                  placeholder="Company Reg Number"
-                  data-rule="minlen:4"
-                  data-msg="Please enter your company reg number"
-                  v-model="week.owner.companyRegNumber"
-                />
-                <div class="validation"></div>
+              <div class="row">
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    name="cell"
+                    class="form-control"
+                    id="cell"
+                    placeholder="Cell Number"
+                    data-rule="minlen:4"
+                    data-msg="Please enter your cell number"
+                    v-model="week.owner.cellNumner"
+                  />
+                  <div class="validation"></div>
+                </div>
+                <div class="form-group col-md-6">
+                  <input
+                    type="text"
+                    class="form-control"
+                    name="landline"
+                    id="landline"
+                    placeholder="Landline Number"
+                    data-msg="Please enter your landline number"
+                    v-model="week.owner.landlineNumber"
+                  />
+                  <div class="validation"></div>
+                </div>
               </div>
             </div>
-            <div class="row">
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  class="form-control"
-                  name="email"
-                  id="email"
-                  placeholder="Email Address"
-                  data-msg="Please enter your email address"
-                  v-model="week.owner.emailAddress"
-                />
-                <div class="validation"></div>
-              </div>
+            <div class="section-header">
+              <h2>Publish Timeshare Week</h2>
             </div>
-            <div class="row">
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  name="cell"
-                  class="form-control"
-                  id="cell"
-                  placeholder="Cell Number"
-                  data-rule="minlen:4"
-                  data-msg="Please enter your cell number"
-                  v-model="week.owner.cellNumner"
-                />
-                <div class="validation"></div>
-              </div>
-              <div class="form-group col-md-6">
-                <input
-                  type="text"
-                  class="form-control"
-                  name="landline"
-                  id="landline"
-                  placeholder="Landline Number"
-                  data-msg="Please enter your landline number"
-                  v-model="week.owner.landlineNumber"
-                />
-                <div class="validation"></div>
+            <div class="form">
+              <div class="row">
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">STATUS</label>
+                  <select
+                    class="form-control uniSelect"
+                    name="region"
+                    id="region"
+                    v-model="selectedWeekType"
+                  >
+                    <option :key="0">For Sale</option>
+                    <option :key="1">Sold</option>
+                  </select>
+                </div>
+                <div class="form-group col-md-6">
+                  <label class="uniSelectLabel" for="region">Publish</label>
+                  <select
+                    class="form-control uniSelect"
+                    name="region"
+                    id="region"
+                    v-model="selectedWeekType"
+                  >
+                    <option :key="0">Yes</option>
+                    <option :key="1">No</option>
+                  </select>
+                </div>
+                <div class="form-group col-md-6">
+                  Date Published :
+                  <input
+                    type="datetime-local"
+                    class="form-control"
+                    name="occupationDate2"
+                    v-model="datetime"
+                  />
+                  <div class="validation"></div>
+                </div>
               </div>
             </div>
-          </div>
-                    <div class="section-header">
-            <h2>Publish Timeshare Week</h2>
-          </div>
-          <div class="form">
-            <div class="row">
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region"
-                  >STATUS</label
-                >
-                <select
-                  class="form-control uniSelect"
-                  name="region"
-                  id="region"
-                  v-model="selectedWeekType"
-                >
-                  <option :key="0">For Sale</option>
-                  <option :key="1">Sold</option>
-                </select>
+            <div class="form">
+              <div id="sendmessage">Your details has been sent. Thank you!</div>
+              <div id="errormessage"></div>
+              <div class="text-center col-12">
+                <button class="btn-solid-blue" v-on:click="saveEdit()">
+                  Save
+                </button>
               </div>
-              <div class="form-group col-md-6">
-                <label class="uniSelectLabel" for="region"
-                  >Publish</label
-                >
-                <select
-                  class="form-control uniSelect"
-                  name="region"
-                  id="region"
-                  v-model="selectedWeekType"
-                >
-                  <option :key="0">Yes</option>
-                  <option :key="1">No</option>
-                </select>
+              <div class="text-center col-12">
+                <button class="btn-solid-blue" v-on:click="backToListView()">Back</button>
               </div>
-                            <div class="form-group col-md-6">
-                Date Published :
-                <input
-                  type="datetime-local"
-                  class="form-control"
-                  name="occupationDate2"
-                  v-model="datetime"
-                />
-                <div class="validation"></div>
-              </div>
-
+              <br />
+              <br />
             </div>
           </div>
-          <div class="form">
-            <div id="sendmessage">Your details has been sent. Thank you!</div>
-            <div id="errormessage"></div>
-            <div class="text-center col-12" >
-              <button class="btn-solid-blue" v-on:click="saveEdit()">
-                Save
-              </button>
-            </div>
-            <div class="text-center col-12">
-              <button class="btn-solid-blue" v-on:click="backToListView()">Back</button>
-            </div>
-            <br />
-            <br />
-          </div>
+          <br />
+          <br />
         </div>
-        <br />
-        <br />
       </div>
     </section>
   </main>
@@ -500,7 +488,7 @@ export default {
       selectedSeason: {},
       selectedBedrooms: {},
       selectedMaxSleep: {},
-      selectedWeekType: {},
+      selectedWeekType: {}
     };
   },
   components: {
@@ -512,7 +500,7 @@ export default {
       this.newSale();
     }
     if (this.weekParam.season === "Peak") {
-      this.selectedSeason = "Peak 1"
+      this.selectedSeason = "Peak 1";
     } else {
       this.selectedSeason = this.weekParam.season;
     }
@@ -571,7 +559,7 @@ export default {
     },
     isLoggedIn() {
       return this.user && this.person;
-    },
+    }
   },
   methods: {
     ...mapActions("individual", ["getIndividual"]),
@@ -601,17 +589,17 @@ export default {
       });
       this.bedrooms.forEach(beedroom => {
         if (bedroom === this.selectedBedrooms) {
-          this.weekParam.beedroom = beedroom
+          this.weekParam.beedroom = beedroom;
         }
       });
       this.maxSleep.forEach(sleepMax => {
         if (maxSleep === this.selectedMaxSleep) {
-          this.weekParam.maxSleep = maxSleep
+          this.weekParam.maxSleep = maxSleep;
         }
       });
       this.weekType.forEach(typeWeek => {
         if (weekType === this.selectedWeekType) {
-          this.weekParam.weekType = weekType
+          this.weekParam.weekType = weekType;
         }
       });
       console.log(this.weekParam);

src/components/user/registerIndividual.vue

@@ -1,6 +1,11 @@
 <template>
   <main id="main" style="padding-top:10px; padding-bottom:50px">
     <div class="container">
+      <div v-if="boolMessage" class="row">
+        <div class="col">
+          <alert :text="'Register Success! You\'ll be redirected shortly.'" :type="'SUCCESS'" />
+        </div>
+      </div>
       <div class="row">
         <div class="col-sm-12 col-md-6 ">
           <input
@@ -125,9 +130,11 @@
 /* eslint-disable */
 import { mapState, mapActions } from "vuex";
 import carousel from "vue-owl-carousel";
+import alert from "../shared/alert";
 export default {
   components: {
-    carousel
+    carousel,
+    alert
   },
   props: {
     RegisterHeader: { type: String, default: undefined }
@@ -142,12 +149,12 @@ export default {
       select: undefined,
       textErrors: "Some error with the field",
       text: "",
-      showPassword: false
+      showPassword: false,
+      boolMessage: false
     };
   },
   computed: {
     ...mapState("register", ["registerIndividual"]),
-
     Header() {
       return this.RegisterHeader ? "Agency Administrator Details" : "Private Individual";
     }
@@ -168,11 +175,16 @@ export default {
       this.isPasswordShown = "password";
     },
     SubmitData() {
-      console.log(this.registerIndividual);
-
-      this.saveIndividual(this.registerIndividual);
-
-      this.$router.push("/user/login");
+      this.saveIndividual(this.registerIndividual)
+        .then(res => {
+          this.boolMessage = true;
+          setTimeout(() => {
+            this.$router.push("/user/login");
+          }, 2500);
+        })
+        .catch(err => {
+          console.log(err);
+        });
     },
     Close() {
       this.$router.push("/user/login");

src/store/modules/user/register.js

@@ -118,11 +118,15 @@ export default {
     //     .catch(console.error);
     // },
 
-    saveIndividual({ commit }, item) {
-      axios
+    async saveIndividual({ commit }, item) {
+      await axios
         .post("/api/register/register", item)
-        .then(result => commit("addIndividual", result.data))
-        .catch(console.error);
+        .then(res => {
+          commit("addIndividual", res.data);
+        })
+        .catch(() => {
+          console.error;
+        });
     },
     saveAgency({ commit }, item) {
       axios

vue.config.js

@@ -2,8 +2,8 @@ module.exports = {
   devServer: {
     proxy: {
       "/api": {
-        //target: "http://localhost:57260/",
-        target: "http://training.provision-sa.com:82",
+        target: "http://localhost:57260/",
+        //target: "http://training.provision-sa.com:82",
         changeOrigin: true
       },
       "/nph-srep": {