Force direct to EFT Page

src/components/admin/status/agentsUserManagementPage.vue

       this.$router.push(goTo);
     },
     Edit(item) {
-      this.$router.push({
-        path: "/user/updateProfileInfo",
-        query: { id: item.id }
-      });
+      this.$router.push({ name: "UpdateAgentProfile", params: { agent: item } });
     },
     Delete(item) {
       this.deleteAgent(item.id);

src/components/admin/status/userManagementPage.vue

               AGENTS
             </button>
           </div>
+          <div class="col-md-2 offset-2">
+            <button
+              type="button"
+              class="btn-solid-blue"
+              data-toggle="modal"
+              :data-target="'#myNewUserModal'"
+            >
+              NEW USER
+            </button>
+            <div :id="'myNewUserModal'" class="modal fade" role="dialog">
+              <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                  <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                  </div>
+                  <Register />
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
         <div class="row">
           <ListView
 
 import Log from "../../../assets/Log";
 import alert from "../../shared/alert.vue";
+import Register from "../../user/registerIndividual";
 import ListView from "../../shared/listView.vue";
 
 export default {
   name: "userManagementPage",
   components: {
     ListView,
-    alert
+    alert,
+    Register
   },
   data() {
     return {

src/components/timeshare/sell/contentSection.vue

     this.initTimeshare(0);
     this.getIndividual(Log.getUser().id);
     this.getBanks();
+    this.getStatusList();
   },
   created() {
     this.initTimeshare(this.weekId);
     ]),
     ...mapState("individual", ["indiv"]),
     ...mapState("authentication", ["isLoggedIn"]),
+    ...mapState("status", ["statusList"]),
     ...mapGetters({
       user: "authentication/getUser",
       person: "authentication/getPerson"
     ...mapActions("timeshare", ["initTimeshare", "onResortChange", "saveWeek", "getBlankWeek"]),
     ...mapActions("payment", ["addPayment"]),
     ...mapActions("bank", ["getBanks"]),
+    ...mapActions("status", ["getStatusList"]),
     newSale() {
       this.weekId = 0;
       this.getBlankWeek();
       if (this.userLoggedIn) {
         this.sellItem.ownerObject = this.indiv;
         this.sellItem.weekStatus = "For Sale";
+        //Sets the status of the week to waiting for EFT Payment
+        this.statusList.forEach(status => {
+          if (status.code === "APEFT") {
+            this.sellItem.statusId = status.id;
+          }
+        });
         this.saveWeek(this.sellItem)
           .then(fulfilled => {
             console.log(fulfilled);
-            this.$router.push({ name: "PaymentOption", params: { week: fulfilled } });
+            // this.$router.push({ name: "PaymentOption", params: { week: fulfilled } });
+            this.$router.push({ name: "EFTPage", params: { week: fulfilled } });
             //this.paygateRedirect();
           })
           .catch(ex => {

src/components/user/updateAgentProfile.vue

+<template>
+  <main id="main">
+    <section id="contact2">
+      <div class="container">
+        <div class="row">
+          <div class="section-header">
+            <h2>Update Agent Info</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <float-label>
+              <input
+                type="text"
+                name="name"
+                class="form-control uniInput"
+                id="name"
+                placeholder="USERNAME"
+                data-rule="minlen:4"
+                data-msg="Please enter your name"
+                v-model="agent.user.username"
+              />
+            </float-label>
+          </div>
+          <div class="col">
+            <float-label>
+              <input
+                type="text"
+                name="name"
+                class="form-control uniInput"
+                id="name"
+                placeholder="NAME"
+                data-rule="minlen:4"
+                data-msg="Please enter your name"
+                v-model="agent.name"
+              />
+            </float-label>
+          </div>
+        </div>
+        <div class="row mt-4">
+          <div class="col-md-6">
+            <float-label>
+              <input
+                type="text"
+                class="form-control uniInput"
+                name="surname"
+                id="surname"
+                placeholder="SURNAME"
+                data-msg="Please enter your surname"
+                v-model="agent.surname"
+              />
+            </float-label>
+          </div>
+          <div class="col">
+            <float-label>
+              <input
+                type="text"
+                class="form-control uniInput"
+                name="email"
+                id="email"
+                placeholder="EMAIL ADDRESS"
+                data-msg="Please enter your email address"
+                v-model="agent.email"
+              />
+            </float-label>
+          </div>
+          <!-- <div class="col">
+            <float-label>
+              <input
+                type="text"
+                name="idnum"
+                class="form-control uniInput"
+                id="idnum"
+                placeholder="ID NUMBER"
+                data-rule="minlen:4"
+                data-msg="Please enter your ID number"
+              />
+            </float-label>
+          </div> -->
+        </div>
+        <!-- <div class="row mt-4">
+          <div class="col-md-6">
+            <float-label>
+              <input
+                type="text"
+                class="form-control uniInput"
+                name="company"
+                id="company"
+                placeholder="COMPANY REG NUMBER"
+                data-rule="minlen:4"
+                data-msg="Please enter your company reg number"
+              />
+            </float-label>
+          </div>
+        </div> -->
+        <div class="row mt-4">
+          <div class="col">
+            <float-label>
+              <input
+                type="text"
+                name="cell"
+                class="form-control uniInput"
+                id="cell"
+                placeholder="CELL NUMBER"
+                data-rule="minlen:4"
+                data-msg="Please enter your cell number"
+                v-model="agent.cellNumber"
+              />
+            </float-label>
+          </div>
+          <div class="col">
+            <float-label>
+              <input
+                type="text"
+                class="form-control uniInput"
+                name="landline"
+                id="landline"
+                placeholder="LANDLINE NUMBER"
+                data-msg="Please enter your landline number"
+                v-model="agent.telephone"
+              />
+            </float-label>
+          </div>
+        </div>
+        <div class="row mt-4">
+          <div class="col">
+            <float-label fixed label="AGENCY">
+              <select v-model="agent.agencyId" class="form-control uniSelect" name="" id="">
+                <option v-for="agency in agencies" :key="agency.id" :value="agency.id">{{
+                  agency.agencyName
+                }}</option>
+              </select>
+            </float-label>
+          </div>
+        </div>
+        <div class="row mt-5 mb-5">
+          <div class="col">
+            <button class="btn-solid-blue" @click="sendToApi()">SAVE</button>
+          </div>
+          <div class="col">
+            <button class="btn-solid-blue" @click="$router.go(-1)">CLOSE</button>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions, mapGetters } from "vuex";
+
+export default {
+  props: {
+    agent: {}
+  },
+  created() {
+    this.getAgencies();
+  },
+  computed: {
+    ...mapState("timeshare", ["agencies"])
+  },
+  methods: {
+    ...mapActions("timeshare", ["getAgencies", "updateAgent"]),
+    sendToApi() {
+      this.agent.fullName = this.agent.name + " " + this.agent.surname;
+      if (this.agent.telephone === "") {
+        delete this.agent.telephone;
+      }
+      if (this.agent.cellNumber === "") {
+        delete this.agent.cellNumber;
+      }
+      console.log(this.agent);
+      this.updateAgent(this.agent).then(() => {
+        this.$router.go(-1);
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/router/index.js

 import agentManagementPage from "../components/admin/status/agentsUserManagementPage.vue";
 import Fees from "../components/admin/fees/feesPage.vue";
 import PasswordOnLogin from "../components/user/firstLoginPasswordUpdate.vue";
+import UpdateAgentProfile from '../components/user/updateAgentProfile.vue'
 
 import ResortPage from "../components/timeshare/resort/resortPageNew.vue";
 import UnitPage from "../components/timeshare/resort/unit/unitPageNew.vue";
       }),
       component: EFTPage,
     },
+    {
+      path: "/user/agent/update",
+      name: "UpdateAgentProfile",
+      props: route => ({
+        ...route.params
+      }),
+      component: UpdateAgentProfile,
+    },
   ]
 });

src/store/modules/timeshare/timeshare.js

     },
     setWeekDetail(state, week) {
       state.sellItem = week;
+    },
+    agentUpdate(state, agent) {
+      var index
+      var count = 0
+      state.agents.forEach((item) => {
+        if (item.id === agent.id) {
+          index = count
+        }
+        count++
+      })
+      Object.assign(state.agents[index], agent)
     }
   },
   getters: {
         .get("/api/timeshareweek/gettemplate")
         .then(result => commit("setWeekDetail", result.data))
         .catch(console.error);
+    },
+    async updateAgent({commit}, agent){
+      await axios.put("/api/agent", agent)
+      .then((result) => {
+        commit("agentUpdate", result.data)
+      })
+      .catch((ex) => {
+        console.log(ex);
+      })
     }
   }
 };