Admin Menu Edit & Fees Page

src/components/admin/fees/feesPage.vue

+<template>
+  <main id="main" style="padding-top:50px; padding-bottom:100px">
+    <div class="container">
+      <div class="section-header">
+        <h2>Fees</h2>
+      </div>
+      <listingFee />
+    </div>
+  </main>
+</template>
+
+<script>
+/* eslint-disable */
+import listingFee from "./listingFee";
+export default {
+  components: {
+    listingFee
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/admin/fees/listingFee.vue

+<template>
+  <section id="content">
+    <label for="fee" class="uniLabel">LISTING FEE</label>
+    <currency-input
+      onClick="this.setSelectionRange(0, this.value.length)"
+      name="fee"
+      :value="value"
+      @input="value = $event"
+      v-model="fee"
+      id="price"
+      class="form-control uniInput"
+    />
+    <button class="btn-solid-blue mt-4">Save</button>
+  </section>
+</template>
+
+<script>
+/* eslint-disable */
+export default {
+  data() {
+    return {
+      fee: 0
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/components/admin/property/userDefinedGroupPage.vue

 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex';
-import userFields from './userDefinedField.vue';
-import listView from '../../shared/listView.vue';
+import { mapState, mapActions } from "vuex";
+import userFields from "./userDefinedField.vue";
+import listView from "../../shared/listView.vue";
 
 export default {
-  name: 'UserDefinedGroup',
+  name: "UserDefinedGroup",
   components: {
     userFields,
-    listView,
+    listView
   },
   data() {
     return {
       item: {},
       showField: false,
-      columns: ['fieldName', 'fieldType', 'rank'],
+      columns: ["fieldName", "fieldType", "rank"]
     };
   },
   mounted() {
     }
   },
   computed: {
-    ...mapState('propertyAdmin', ['userDefinedGroup', 'userFields', 'userField']),
+    ...mapState("propertyAdmin", ["userDefinedGroup", "userFields", "userField"])
   },
   methods: {
-    ...mapActions('propertyAdmin', [
-      'getUserDefinedGroup',
-      'getUserFields',
-      'saveUserDefinedGroup',
-      'updateUserDefinedGroup',
-      'clearUserGroup',
-      'clearUserFields',
-      'clearUserField',
-      'saveUserField',
-      'updateUserField',
-      'deleteUserField',
+    ...mapActions("propertyAdmin", [
+      "getUserDefinedGroup",
+      "getUserFields",
+      "saveUserDefinedGroup",
+      "updateUserDefinedGroup",
+      "clearUserGroup",
+      "clearUserFields",
+      "clearUserField",
+      "saveUserField",
+      "updateUserField",
+      "deleteUserField"
     ]),
     SubmitData() {
       this.userDefinedGroup.fields = [];
       let reload = false;
       if (this.$route.params.id > 0) {
         this.updateUserDefinedGroup(this.userDefinedGroup);
-        this.userFields.forEach((fieldData) => {
+        this.userFields.forEach(fieldData => {
           if (fieldData.id === 0) {
             fieldData.groupId = this.userDefinedGroup.id;
             this.saveUserField(fieldData);
         });
       } else {
         reload = true;
-        this.userFields.forEach((fieldData) => {
+        this.userFields.forEach(fieldData => {
           this.userDefinedGroup.fields.push({
             fieldName: fieldData.fieldName,
             fieldType: fieldData.fieldType,
-            rank: fieldData.rank,
+            rank: fieldData.rank
           });
         });
         this.saveUserDefinedGroup(this.userDefinedGroup);
       }
-      this.$router.push('/userDefinedGroups/list');
+      this.$router.push("/userDefinedGroups/list");
       // this.$router.push({
       //   path: '/userDefinedGroups/list',
       //   query: { reload },
       this.showField = true;
     },
     Close() {
-      this.$router.push('/userDefinedGroups/list');
+      this.$router.push("/userDefinedGroups/list");
     },
     UpdateUserField(item) {
       if (item.id === 0) {
       this.showField = false;
     },
     Delete(item) {
+      console.log(item);
+
       if (item.id === 0) {
         this.userFields.pop(this.userFields.find(p => p.id === item.id));
       } else {
         this.deleteUserField(item.id);
       }
-    },
-  },
+    }
+  }
 };
 </script>

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

           item.value = "no";
         }
       });
-      console.log(this.property);
 
-      // this.saveProperty(this.property)
-      //   .then(fulfilled => {
-      //     this.$router.push(`/property/residential/property/${fulfilled.data.id}`);
-      //   })
-      //   .catch(error => {
-      //     console.log(error.message);
-      //   });
+      this.saveProperty(this.property)
+        .then(fulfilled => {
+          this.$router.push(`/property/residential/property/${fulfilled.data.id}`);
+        })
+        .catch(error => {
+          console.log(error.message);
+        });
     },
     Close() {
       this.$router.push("/property/admin/list/my");

src/components/property/residential/singleView/contentSection.vue

           </div>
           <div>
             <h4>Property Features</h4>
+
             <div v-for="(data, i) in property.displayData" :key="i" class="row my-3">
               <div v-for="(field, j) in data.values" :key="j" class="col-md-6">
                 <div v-if="field.value.toUpperCase() != 'YES'">

src/components/shared/navBar.vue

                       <li>
                         <router-link to="/property/list">List My Property</router-link>
                       </li>
-                      <li>
-                        <router-link to="/status/list">Status</router-link>
-                      </li>
+
                       <li>
                         <router-link to="/status/timeshareAdmin">Timeshare Week Admin</router-link>
                       </li>
                           >Tender Week Management</router-link
                         >
                       </li>
-                      <li>
-                        <router-link to="/unitConfiguration/list">Unit Configuration</router-link>
-                      </li>
-                      <li>
-                        <router-link to="/communication/template">Templates</router-link>
-                      </li>
                       <hr />
-                      <li>
-                        <router-link to="/status/userManagementPage"
-                          >User Management & Access</router-link
+                      <li class="menu-has-children">
+                        <div
+                          @mouseover="submenu1Class = 'ts-display'"
+                          @mouseleave="submenu1Class = 'no-display'"
+                        ></div>
+                        <a href="#" class="sf-with-ul">
+                          Website Setup
+                        </a>
+                        <ul
+                          style="margin-top:-10px;text-align:left;width:250px"
+                          :class="submenu1Class"
                         >
-                      </li>
-                      <li>
-                        <router-link to="/status/changeLogPage">Changes Logs</router-link>
-                      </li>
-                      <li>
-                        <router-link to="/userDefinedGroups/list"
-                          >Property User Defined Groups</router-link
+                          <li>
+                            <router-link to="/status/list">Status</router-link>
+                          </li>
+                          <li>
+                            <router-link to="/unitConfiguration/list"
+                              >Unit Configuration</router-link
+                            >
+                          </li>
+                          <li>
+                            <router-link to="/communication/template">Templates</router-link>
+                          </li>
+                          <li>
+                            <router-link to="/status/userManagementPage"
+                              >User Management & Access</router-link
+                            >
+                          </li>
+                          <li>
+                            <router-link to="/userDefinedGroups/list"
+                              >Property User Defined Groups</router-link
+                            >
+                          </li>
+
+                          <li>
+                            <router-link to="/propertyTypes/list">Property Types</router-link>
+                          </li>
+                          <li>
+                            <router-link to="/fees">Fees</router-link>
+                          </li>
+                        </ul>
+                      </li>
+                      <li class="menu-has-children">
+                        <div
+                          @mouseover="submenu1Class = 'ts-display'"
+                          @mouseleave="submenu1Class = 'no-display'"
+                        ></div>
+                        <a href="#" class="sf-with-ul">
+                          Logs
+                        </a>
+                        <ul
+                          style="margin-top:-10px;text-align:left;width:250px"
+                          :class="submenu1Class"
                         >
-                      </li>
-                      <li>
-                        <router-link to="/propertyTypes/list">Property Types</router-link>
+                          <li>
+                            <router-link to="/status/changeLogPage">Changes Logs</router-link>
+                          </li>
+                          <li>
+                            <router-link to="/searchLog">Search Logs</router-link>
+                          </li>
+                        </ul>
                       </li>
                       <hr />
-                      <li>
-                        <router-link to="/searchLog">Search Logs</router-link>
-                      </li>
                       <li>
                         <router-link to="/Offers">Offers</router-link>
                       </li>
       registerClass: "no-display",
       commercialClass: "no-display",
       residentialClass: "no-display",
-      propManClass: "no-display"
+      propManClass: "no-display",
+      submenu1Class: "no-display"
     };
   },
   methods: {
   computed: {
     ...mapState("authentication", ["user", "flag", "status", "person", "token"]),
     isLoggedIn() {
-      console.log(Log.isLoggedIn());
-      console.log(this.user);
-
       return Log.isLoggedIn();
     },
     NAME() {
 </script>
 
 <style lang="scss" scoped>
+.subItem {
+  background-color: white;
+  margin-top: -10px;
+}
+
 .no-display {
   display: none;
 }

src/router/index.js

 import changeLogPage from "../components/admin/status/changeLogPage.vue";
 import UnitConfiguration from "../components/admin/unitConfiguration/unitConfigurationPage.vue";
 import agentManagementPage from "../components/admin/status/agentsUserManagementPage.vue";
+import Fees from "../components/admin/fees/feesPage.vue";
 
 import ResortPage from "../components/timeshare/resort/resortPage.vue";
 import UnitPage from "../components/timeshare/resort/unit/unitPage.vue";
       name: "SearchLog",
       component: searchLog
     },
+    {
+      path: "/fees",
+      name: "fees",
+      component: Fees
+    },
     {
       path: "/carousel",
       name: "carousel",

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";
 
 Vue.use(Vuex);
 /* eslint no-param-reassign: ["error", { "props": false }] */
     campaign: CampaignModule,
     campaignItem: CampaignItemModule,
     placeHolderFormat: PlaceHolderFormat,
-    bank: bank
+    bank: bank,
+    fees: fees
   }
 });

src/store/modules/financial/fees.js

+/* eslint-disable */
+import axios from "axios";
+
+export default {
+  namespaced: true,
+  state: {
+    listingFee: []
+  },
+  mutations: {
+    getListingFee: (state, fee) => (state.listingFee = fee)
+  },
+  getters: {
+    getListingFee: state => state.listingFee
+  },
+  actions: {
+    async retrieveListingFee({ commit }) {
+      await axios.get("api/fees/listingFee").then(res => {
+        commit("getListingFee", res.data);
+      });
+    }
+  }
+};