Listing Fee Update

src/components/admin/fees/listingFee.vue

       id="price"
       class="form-control uniInput"
     />
-    <button class="btn-solid-blue mt-4">Save</button>
+    <button @click="saveListingFee" class="btn-solid-blue mt-4">Save</button>
   </section>
 </template>
 
 <script>
 /* eslint-disable */
+import { mapActions, mapGetters, mapState } from "vuex";
 export default {
   data() {
     return {
-      fee: 0
+      fee: 0.0
     };
+  },
+  mounted() {
+    this.pullListingFee();
+  },
+  methods: {
+    ...mapActions("fees", ["retrieveListingFee", "setListingFee"]),
+    saveListingFee() {
+      var feeObj = {
+        amount: parseFloat(this.fee),
+        name: "Listing Fee"
+      };
+
+      this.setListingFee(feeObj);
+    },
+    async pullListingFee() {
+      await this.retrieveListingFee();
+      console.log(this.getListingFee);
+
+      this.fee = this.getListingFee.amount;
+    }
+  },
+  computed: {
+    ...mapGetters("fees", ["getListingFee"]),
+    ...mapState("fees", ["listingFee"])
   }
 };
 </script>

src/components/property/commercial/createProperty/commercialCreateNew.vue

             <vue-editor v-model="property.description" :editor-toolbar="customToolbar" />
             <br />
             <p>
-              * A listing fee of R380 including VAT is payable to list your Property on the Uni-Vate
-              website
+              * A listing fee of R{{ getListingFee.amount }} including VAT is payable to list your
+              Property on the Uni-Vate website
             </p>
           </div>
         </div>
 
 <script>
 /* eslint-disable */
-import { mapState, mapActions } from "vuex";
+import { mapState, mapActions, mapGetters } from "vuex";
 import { VueEditor } from "vue2-editor";
 import UserField from "../../propertyUserField.vue";
 import ImageLoad from "../../propertyImage.vue";
       "propertyImages"
     ]),
     ...mapState("authentication", ["user"]),
+    ...mapGetters("fees", ["getListingFee"]),
     SalesTypeChanged() {
       // eslint-disable-next-line vue/no-side-effects-in-computed-properties
       // this.propertyType = this.$route.params.propType;

src/components/property/residential/createProperty/residentialCreateNew.vue

             <vue-editor v-model="property.description" :editor-toolbar="customToolbar" />
             <br />
             <p>
-              * A listing fee of R380 including VAT is payable to list your Property on the Uni-Vate
-              website
+              * A listing fee of R{{ getListingFee.amount }} including VAT is payable to list your
+              Property on the Uni-Vate website
             </p>
           </div>
         </div>
 
 <script>
 /* eslint-disable */
-import { mapState, mapActions } from "vuex";
+import { mapState, mapActions, mapGetters } from "vuex";
 import { VueEditor } from "vue2-editor";
 import UserField from "../../propertyUserField.vue";
 import ImageLoad from "../../propertyImage.vue";
       "propertyImages"
     ]),
     ...mapState("authentication", ["user"]),
+    ...mapGetters("fees", ["getListingFee"]),
     SalesTypeChanged() {
       // eslint-disable-next-line vue/no-side-effects-in-computed-properties
       // this.propertyType = this.$route.params.propType;

src/components/shared/navBar.vue

   },
   methods: {
     ...mapActions("authentication", ["logout"]),
+    ...mapActions("fees", ["retrieveListingFee"]),
     showDropDown() {
       if (!this.hover) {
         this.timeShareClass = "ts-display";
       this.$emit("routerGoTo", goTo);
     }
   },
+  mounted() {
+    this.retrieveListingFee();
+  },
   computed: {
     ...mapState("authentication", ["user", "flag", "status", "person", "token"]),
     isLoggedIn() {

src/components/timeshare/sell/carouselSection.vue

           <div class="intro-content box">
             <h2>Sell your Timeshare</h2>
             <p>
-              A listing fee of R380 including VAT is payable to list your timeshare week/module on
-              the Uni-Vate website.
+              A listing fee of R{{ getListingFee.amount }} including VAT is payable to list your
+              timeshare week/module on the Uni-Vate website.
             </p>
             <div></div>
           </div>
 /* eslint-disable */
 
 import carousel from "vue-owl-carousel";
+import { mapGetters } from "vuex";
 export default {
   components: {
     carousel
+  },
+  computed: {
+    ...mapGetters("fees", ["getListingFee"])
   }
 };
 </script>

src/components/timeshare/sell/contentSection.vue

     refAgent() {
       return this.sellItem && this.sellItem.referedByAgent;
     },
+    ...mapGetters("fees", ["getListingFee"]),
     filteredResort() {
       let list = [];
       if (this.sellItem && this.sellItem.region && this.sellItem.region.regionCode) {
       } else this.$router.push("/user/login");
     },
     paygateRedirect() {
+      var amount = this.getListingFee.amount;
       var paymentObj = {
         timeshareWeekId: this.sellItem.id, // this.sellItem.Id,
         propertyId: 0,
         creatydById: Log.getUser().id, //Log.getUser().id,
-        amount: 380.0,
+        amount: amount,
         paymentStatus: "",
         paymentToken: ""
       };

src/main.js

 });
 Vue.config.productionTip = false;
 //axios.defaults.baseURL = "http://localhost:57260";
-axios.defaults.baseURL = "http://training.provision-sa.com:82";
-//axios.defaults.baseURL = "http://localhost:8080/";
+//axios.defaults.baseURL = "http://training.provision-sa.com:82";
+axios.defaults.baseURL = "http://localhost:8080/";
 
 Vue.prototype.$axios = axios;
 const pluginOptions = {

src/store/index.js

 import PlaceHolderFormat from "./modules/misc/placeHolderFormat";
 import Bank from "./modules/user/bank";
 import bank from "./modules/user/bank";
-import fees from "./modules/financial/fees";
+import Fees from "./modules/financial/fees";
 
 Vue.use(Vuex);
 /* eslint no-param-reassign: ["error", { "props": false }] */
     campaign: CampaignModule,
     campaignItem: CampaignItemModule,
     placeHolderFormat: PlaceHolderFormat,
-    bank: bank,
-    fees: fees
+    fees: Fees,
+    bank: bank
   }
 });

src/store/modules/financial/fees.js

     listingFee: []
   },
   mutations: {
-    getListingFee: (state, fee) => (state.listingFee = fee)
+    getListingFee: (state, fee) => (state.listingFee = fee),
+    newListingFee: (state, fee) => (state.listingFee = fee)
   },
   getters: {
     getListingFee: state => state.listingFee
       await axios.get("api/fees/listingFee").then(res => {
         commit("getListingFee", res.data);
       });
+    },
+    async setListingFee({ commit }, fee) {
+      await axios.post("api/fees/listingFee", fee).then(res => {
+        commit("newListingFee", res.data);
+      });
     }
   }
 };

vue.config.js

   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": {