src/components/admin/status/editTimeShareAdminPage.vue

@@ -59,306 +59,225 @@
               </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">
-                    <select
-                      id="weekInfoRegionSelect"
-                      class="form-control uniSelect"
-                      v-model="weekParam.region.regionName"
-                      style="font-size: 15px"
-                    >
-                      <option v-for="(region, r) in regions" :key="r" :value="region">{{
-                        region.regionName
-                      }}</option>
-                    </select>
-                  </div>
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <div class="input-group">
-                    <label v-if="!sellItem.resort" class="uniSelectLabel" for="weekInfoResortSelect"
-                      >RESORT NAME</label
-                    >
-
-                    <select
-                      id="weekInfoResortSelect"
-                      class="form-control uniSelect"
-                      v-model="sellItem.resort"
-                      @change="resortChange()"
-                    >
-                      <option value="Other">Other</option>
-                      <option v-for="(resort, r) in filteredResort" :key="r" :value="resort">{{
-                        resort.resortName
-                      }}</option>
-                    </select>
-                  </div>
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    class="form-control"
-                    v-if="sellItem.otherResort"
-                    placeholder="NAME OF RESORT (* IF OTHER)"
-                    type="text"
-                    name="other"
-                    v-model="sellItem.otherResortName"
-                  />
-                </div>
-                <div class="form-group col-md-6">
-                  <div v-if="sellItem.otherResort">
-                    <label v-if="!sellItem.region" class="uniSelectLabel" for="region"
-                      >REGION</label
-                    >
-                  </div>
-
-                  <select
-                    class="form-control uniSelect"
-                    v-if="sellItem.otherResort"
-                    name="region"
-                    id="region"
-                    v-model="sellItem.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="sellItem.unitNumber"
-                    data-msg="Please enter unit number"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    type="number"
-                    class="form-control"
-                    name="week"
-                    id="week"
-                    placeholder="UNIT / WEEK NUMBER"
-                    v-model="sellItem.module"
-                    data-msg="Please enter week number"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <select
-                    class="form-control uniSelect"
-                    name="region"
-                    id="region"
-                    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 v-if="!sellItem.bedrooms" class="uniSelectLabel" for="region"
-                    >BEDROOM/S</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"
-                    name="region"
-                    id="region"
-                    v-model="sellItem.bedrooms"
+                    v-model="selectedRegion"
+                    style="font-size: 15px"
                   >
-                    <option v-for="(item, i) in resortBedrooms" :key="i">{{ item }}</option>
+                    <option v-for="(region, r) in regions" :key="r" :value="region.regionCode">{{
+                      region.regionName
+                    }}</option>
                   </select>
                   <div class="validation"></div>
                 </div>
-                <div class="form-group col-md-6">
-                  <label v-if="!sellItem.maxSleep" class="uniSelectLabel" for="region"
-                    >SLEEP MAX</label
+                <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"
-                    name="region"
-                    id="region"
-                    v-model="sellItem.maxSleep"
+                    v-model="selectedResort"
                   >
-                    <option v-for="(item, i) in maxSleep" :key="i">{{ item }}</option>
+                    <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="form-group col-md-6">
-                  <input
-                    type="number"
-                    class="form-control"
-                    name="levy"
-                    id="levy"
-                    placeholder="Levy Amount"
-                    v-model="sellItem.levyAmount"
-                    data-msg="Please enter levy amount"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <label v-if="!sellItem.weekType" class="uniSelectLabel" for="region"
-                    >WEEK TYPE</label
-                  >
-                  <select
-                    class="form-control uniSelect"
-                    name="region"
-                    id="region"
-                    v-model="sellItem.weekType"
-                  >
-                    <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="date"
-                      class="form-control"
-                      name="occupationDate1"
-                      v-model="sellItem.arrivalDate"
-                    />
-                    <div class="validation"></div>
-                  </div>
-                  <div class="form-group col-md-6">
-                    Departure Date :
-                    <input
-                      type="date"
-                      class="form-control"
-                      name="occupationDate2"
-                      v-model="sellItem.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="sellItem.originalPurchasePrice"
-                    />
-                    <div class="validation"></div>
-                  </div>
-                </div>
+                <div class="validation"></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"
-                    @change="changeCurrentBanked"
-                  />
-                  <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"
-                        name="spacebankOwner"
-                        v-if="sellItem.currentYearBanked"
-                        v-model="sellItem.bankedWith"
-                      >
-                        <option v-for="(item, i) in bankedEntities" :key="i">{{ item }}</option>
-                      </select>
-                    </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>
+              <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>
 
-            <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="indiv.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="indiv.surname"
-                  />
-                  <div class="validation"></div>
-                </div>
+                <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="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="indiv.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="indiv.companyRegNumber"
-                  />
-                  <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="row">
-                <div class="form-group col-md-6">
-                  <div class="input-group">
-                    <label
-                      v-if="!indiv.howMarried || indiv.howMarried === 'N/A'"
-                      for="howMarried"
-                      class="uniSelectLabel"
-                      >Marital Status</label
+              <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"
@@ -381,145 +300,174 @@
                   </div>
                   <div class="validation"></div>
                 </div>
-                <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="indiv.emailAddress"
-                  />
-                  <div class="validation"></div>
-                </div>
-              </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="indiv.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="indiv.landlineNumber"
-                  />
-                  <div class="validation"></div>
-                </div>
               </div>
             </div>
-            <div v-if="indiv.howMarried === 'In Community Of Property'" class="section-header">
-              <h2>Spouse Details</h2>
+          </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 v-if="indiv.howMarried === 'In Community Of Property'" class="form">
-              <div class="form-row">
-                <div class="form-group col-md-6">
-                  <input
-                    type="text"
-                    class="form-control"
-                    placeholder="SPOUSE NAME"
-                    data-msg="Please enter your spouse's name"
-                    v-model="indiv.spouseName"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    type="text"
-                    class="form-control"
-                    placeholder="SPOUSE SURNAME"
-                    data-msg="Please enter your spouse's surname"
-                    v-model="indiv.spouseSurname"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    type="text"
-                    class="form-control"
-                    placeholder="SPOUSE EMAIL"
-                    data-rule="minlen:4"
-                    data-msg="Please enter your spouse's email"
-                    v-model="indiv.spouseEmail"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    type="text"
-                    class="form-control"
-                    placeholder="SPOUSE TELEPHONE"
-                    data-rule="minlen:4"
-                    data-msg="Please enter your spouse's telephone number"
-                    v-model="indiv.spouseTelephone"
-                  />
-                  <div class="validation"></div>
-                </div>
-                <div class="form-group col-md-6">
-                  <input
-                    type="text"
-                    class="form-control"
-                    placeholder="SPOUSE CELL NUMBER"
-                    data-rule="minlen:4"
-                    data-msg="Please enter your spouse's cellphone number"
-                    v-model="indiv.spouseCellnumber"
-                  />
-                  <div class="validation"></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>
               <div class="form-group col-md-6">
                 <input
                   type="text"
                   class="form-control"
-                  placeholder="SPOUSE CELL NUMBER"
+                  name="company"
+                  id="company"
+                  placeholder="Company Reg Number"
                   data-rule="minlen:4"
-                  data-msg="Please enter your spouse's cellphone number"
-                  v-model="indiv.spouseCellnumber"
+                  data-msg="Please enter your company reg number"
+                  v-model="week.owner.companyRegNumber"
                 />
                 <div class="validation"></div>
               </div>
             </div>
-
-            <div class="form">
-              <div id="sendmessage">Your details has been sent. Thank you!</div>
-              <div id="errormessage"></div>
-
-              <div class="form-row" v-if="!CanSave">
-                <div class="col-md-12">
-                  <p class="alert myError">Please ensure that you add spouse details.</p>
-                </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="text-center col-12" v-if="CanSave">
-                <button class="btn-solid-blue">
-                  Save
-                </button>
+            </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="text-center col-12">
-                <button class="btn-solid-blue" v-on:click="backToListView()">Back</button>
+              <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>
-              <br />
-              <br />
             </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>
+              <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>
 
-          <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>
         </div>
-        <div v-if="wait" id="preloader"></div>
+        <br />
+        <br />
       </div>
     </section>
   </main>
@@ -547,22 +495,36 @@ export default {
       userLoggedIn: Log.isLoggedIn(),
       listedWeekId: this.$route.params.id,
       selectedItems: [],
-      selectedSeason: {}
+      selectedRegion: {},
+      selectedResort: {},
+      selectedSeason: {},
+      selectedBedrooms: {},
+      selectedMaxSleep: {},
+      selectedWeekType: {},
     };
   },
   components: {
     addressAutoComplete,
     Alert
   },
-  mounted() {
+  async mounted() {
     if (this.sellItem.id) {
       this.newSale();
     }
+    if (this.weekParam.season === "Peak") {
+      this.selectedSeason = "Peak 1"
+    } else {
+      this.selectedSeason = this.weekParam.season;
+    }
     this.initTimeshare(0);
     this.getIndividual(Log.getUser().id);
     this.getBanks();
-    this.selectedSeason = this.weekParam.season;
-    //this.getWeek(this.$route.params.id);
+    this.getWeek(this.weekParam.id);
+    this.selectedRegion = this.weekParam.region.regionCode;
+    this.selectedResort = this.weekParam.resort.resortCode;
+    this.selectedBedrooms = this.weekParam.bedrooms;
+    this.selectedMaxSleep = this.weekParam.maxSleep;
+    this.selectedWeekType = this.weekParam.weekType;
   },
   created() {
     this.initTimeshare(this.weekId);
@@ -610,114 +572,63 @@ export default {
     isLoggedIn() {
       return this.user && this.person;
     },
-    displayNotDeletedAgents() {
-      var notDeletedArr = [];
-      this.agents.forEach(agent => {
-        if (!agent.isDeleted) {
-          if (agent.agencyId === this.sellItem.agencyId) {
-            notDeletedArr.push(agent);
-          }
-        }
-      });
-      return notDeletedArr;
-    },
-    CanSave() {
-      if (this.indiv.howMarried === "In Community Of Property") {
-        if (this.indiv.spouseName || this.indiv.spouseSurname || this.spouseEmail) {
-          return true;
-        }
-        return false;
-      }
-      return true;
-    }
   },
   methods: {
     ...mapActions("individual", ["getIndividual"]),
     ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
     ...mapActions("payment", ["addPayment"]),
     ...mapActions("bank", ["getBanks"]),
-    ...mapActions("myWeeks", ["getItems", "getWeek"]),
+    ...mapActions("myWeeks", ["getItems", "getWeek", "editSave"]),
     newSale() {
       this.weekId = 0;
       this.getBlankWeek();
     },
-    submitSale() {
-      if (this.userLoggedIn) {
-        this.sellItem.ownerObject = this.indiv;
-        this.sellItem.status = undefined;
-        this.saveWeek(this.sellItem).then(fulfilled => {
-          this.paygateRedirect();
-        });
-      } else this.$router.push("/user/login");
-    },
-    paygateRedirect() {
-      var paymentObj = {
-        timeshareWeekId: this.sellItem.id, // this.sellItem.Id,
-        propertyId: 0,
-        creatydById: Log.getUser().id, //Log.getUser().id,
-        amount: 380.0,
-        paymentStatus: "",
-        paymentToken: ""
-      };
-
-      this.addPayment(paymentObj).then(res => {
-        this.$router.push({
-          name: "PaymentGateway",
-          params: {
-            paymentReqId: res.PAY_REQUEST_ID,
-            checksum: res.CHECKSUM
-          }
-        });
+    saveEdit() {
+      this.regions.forEach(region => {
+        if (region.regionCode === this.selectedRegion) {
+          this.weekParam.region = region;
+        }
       });
-    },
-    previewFiles(event) {
-      console.log(event.target.files);
-    },
-    changeRef() {
-      this.sellItem.agent = undefined;
-      this.sellItem.agency = undefined;
-      this.sellItem.referedByAgent = !this.sellItem.referedByAgent;
-    },
-    changeLeviesPaidInFull() {
-      this.sellItem.leviesPaidInFull = !this.sellItem.leviesPaidInFull;
-    },
-    changeWeekPlacedForRental() {
-      this.sellItem.weekPlacedForRental = !this.sellItem.weekPlacedForRental;
-    },
-    changeCurrentBanked() {
-      this.sellItem.bankedWith = undefined;
-      this.sellItem.currentYearBanked = !this.sellItem.currentYearBanked;
+      this.resorts.forEach(resort => {
+        if (resort.resortCode === this.selectedResort) {
+          this.weekParam.resort = resort;
+        }
+      });
+      this.seasons.forEach(season => {
+        if (season.name === this.selectedSeason) {
+          this.weekParam.season = season;
+        }
+      });
+      this.bedrooms.forEach(beedroom => {
+        if (bedroom === this.selectedBedrooms) {
+          this.weekParam.beedroom = beedroom
+        }
+      });
+      this.maxSleep.forEach(sleepMax => {
+        if (maxSleep === this.selectedMaxSleep) {
+          this.weekParam.maxSleep = maxSleep
+        }
+      });
+      this.weekType.forEach(typeWeek => {
+        if (weekType === this.selectedWeekType) {
+          this.weekParam.weekType = weekType
+        }
+      });
+      console.log(this.weekParam);
+      this.editSave(this.weekParam);
     },
     resortChange() {
       this.onResortChange({
-        resortName: this.sellItem.resort.resortName,
-        resortCode: this.sellItem.resort.resortCode
+        resortName: this.week.resort.resortName,
+        resortCode: this.week.resort.resortCode
       });
 
-      if (this.sellItem && this.sellItem.resort === "Other") {
-        this.sellItem.otherResortName = undefined;
-        this.sellItem.otherResort = true;
-      } else {
-        this.sellItem.otherResortName = undefined;
-        this.sellItem.otherResort = false;
-      }
-    },
-    regionChange() {
-      this.sellItem.regionId = this.sellItem.region ? this.sellItem.region.id : 1;
-    },
-    UpdateAddress(address) {
-      this.indiv.address.streetNumber = address.streetNumber;
-      this.indiv.address.street = address.streetName;
-      this.indiv.address.province = address.province;
-      this.indiv.address.city = address.city;
-      this.indiv.address.suburb = address.suburb;
-      this.indiv.address.postalCode = address.postalCode;
-    },
-    SetMandateDate() {
-      if (this.sellItem.mandate) {
-        this.sellItem.mandateDate = new Date();
+      if (this.week && this.week.resort === "Other") {
+        this.week.otherResortName = undefined;
+        this.week.otherResort = true;
       } else {
-        this.sellItem.mandateDate = undefined;
+        this.week.otherResortName = undefined;
+        this.week.otherResort = false;
       }
     },
     backToListView() {

src/components/admin/status/timeshareAdminPage.vue

@@ -184,8 +184,8 @@ export default {
       this.selectedItems = items;
     },
     onEdit(item) {
-      this.$router.push({ name: "EditTimeshare", params: { weekParam: item } });
-      //this.$router.push(`/editTimeShare/${item.id}`);
+      this.$router.push({ name: 'EditTimeshare', params: { weekParam: item } });
+      // this.$router.push(`/editTimeShare/${item.id}`);
     },
     onClearSelected() {
       this.selectedItems = [];

src/store/modules/timeshare/myWeeks.js

@@ -13,7 +13,19 @@ export default {
     },
     setItem(state, item) {
       state.week = item;
-    }
+    },
+    updateItem(state, item) {
+      var index
+    var count = 0
+    state.items.forEach((el) => {
+      if (el.id === item.id) {
+        index = count
+      }
+      count++
+    })
+
+    Object.assign(state.items[index], item)
+    },
   },
   getters: {
     getNeedsVerify(state) {
@@ -59,5 +71,13 @@ export default {
       })
       .catch(console.error);
     },
+    editSave({ commit }, week) {
+      axios
+      .put(`/api/timeshareweek`, week)
+      .then(r => {
+        commit('updateItem', r.data);
+      })
+      .catch(console.error);
+    }
   },
 };