Add Agency to User Management - Fix Timeshare Sell Resort list to include all resorts

src/components/admin/status/agencyUserManagementPage.vue

+<template>
+  <!-- eslint-disable max-len -->
+  <main id="main">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <div class="section-header">
+            <h2>Agency Management</h2>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-1 offset-1">
+          <button
+            @click="routerGoTo('/status/userManagementPage')"
+            type="button"
+            class="btn-white-border"
+          >
+            USERS
+          </button>
+        </div>
+          <div class="col-md-1 offset-1">
+            <button
+              @click="routerGoTo('/status/agentUserManagementPage')"
+              type="button"
+              class="btn-white-border"
+            >
+              AGENTS
+            </button>
+          </div>
+        <div class="col-md-1 offset-1">
+            <button type="button" class="btn-solid-blue">AGENCIES</button>
+          </div>
+        <div class="col-md-2 offset-3">
+          <button
+            type="button"
+            class="btn-white-border"
+            data-toggle="modal"
+            :data-target="'#myModalAgency'"
+          >
+            NEW AGENCY
+          </button>
+          <div :id="'myModalAgency'" 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>
+                <Agency name="Agency" :isAddAgent="false" :item="item" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="container">
+        <ListView
+          :items="agencies"
+          :showNew="false"
+          :editable="false"
+          :deleteable="false"
+          :showCustomAction="true"
+          :showColumnChooser="false"
+          :displayColumns="columns"
+          :displayHeaders="headers"
+          @onEdit="Edit"
+          @onDelete="Delete"
+        />
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+/* eslint-disable */
+import { mapState, mapActions } from "vuex";
+import axios from "axios";
+import Agency from "../../user/registerAgencySection.vue";
+// import alert from '../../shared/alert.vue';
+import ListView from "../../shared/listView.vue";
+
+export default {
+  name: "agencyManagementPage",
+  components: {
+    ListView,
+    Agency
+    // alert,
+  },
+  props: {
+    delete: Boolean
+  },
+  data() {
+    return {
+      columns: ["id", "agencyName", "eaabeffcNumber", "companyRegNumber"],
+      headers: ["", "", "", ""],
+      item: {}
+    };
+  },
+  methods: {
+    ...mapActions("register", ["getAgencies", "deleteAgency"]),
+    addNewAgency({ commit }) {
+      axios
+        .post("/api/agency")
+        .then(result => commit("saveAgency", result.data))
+        .catch(console.error);
+    },
+    routerGoTo(goTo) {
+      this.$router.push(goTo);
+    },
+    Edit(item) {
+      this.$router.push({ name: "UpdateAgencyProfile", params: { agency: item } });
+    },
+    Delete(item) {
+      console.log(item.id);
+      this.deleteAgency(item.id);
+    }
+  },
+  mounted() {
+    this.getAgencies();
+  },
+  computed: {
+    ...mapState("register", ["agencies", "removeAgency"])
+  }
+};
+</script>
+
+<style></style>

src/components/admin/status/agentsUserManagementPage.vue

         </div>
       </div>
       <div class="row">
-        <div class="col-md-2 offset-1">
+        <div class="col-md-1 offset-1">
           <button
             @click="routerGoTo('/status/userManagementPage')"
             type="button"
-            class="btn-solid-blue"
+            class="btn-white-border"
           >
             USERS
           </button>
         </div>
-        <div class="col-md-2 offset-2">
+        <div class="col-md-1 offset-1">
           <button type="button" class="btn-solid-blue">AGENTS</button>
         </div>
-        <div class="col-md-2 offset-2">
+          <div class="col-md-1 offset-1">
+            <button
+              @click="routerGoTo('/status/agencyUserManagementPage')"
+              type="button"
+              class="btn-white-border"
+            >
+              AGENCIES
+            </button>
+          </div>
+        <div class="col-md-2 offset-3">
           <button
             type="button"
-            class="btn-solid-blue"
+            class="btn-white-border"
             data-toggle="modal"
             :data-target="'#myModalAgency'"
           >

src/components/admin/status/userManagementPage.vue

       </div>
       <div v-if="checkAccess">
         <div class="row">
-          <div class="col-md-2 offset-1">
+          <div class="col-md-1 offset-1">
             <button type="button" class="btn-solid-blue">USERS</button>
           </div>
-          <div class="col-md-2 offset-2">
+          <div class="col-md-1 offset-1">
             <button
               @click="routerGoTo('/status/agentUserManagementPage')"
               type="button"
-              class="btn-solid-blue"
+              class="btn-white-border"
             >
               AGENTS
             </button>
           </div>
-          <div class="col-md-2 offset-2">
+          <div class="col-md-1 offset-1">
             <button
+              @click="routerGoTo('/status/agencyUserManagementPage')"
               type="button"
-              class="btn-solid-blue"
+              class="btn-white-border"
+            >
+              AGENCIES
+            </button>
+          </div>
+          <div class="col-md-2 offset-3">
+            <button
+              type="button"
+              class="btn-white-border"
               data-toggle="modal"
               :data-target="'#myNewUserModal'"
             >
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+</style>
+

src/components/shared/listView.vue

               <a @click="onDelete(item)" class="p-3">
                 <img src="../../../public/img/icons/delete.png" height="25" width="25" />
               </a>
-              <!-- <button type="button" class="btn my-btn" @click="onDelete(item)">Delete</button> -->
+              <!-- <button type="button" class="btn my-btn"
+                @click="onDelete(item)">Delete</button> -->
             </td>
           </tr>
         </tbody>
     title: {
       default: undefined
     },
-    sortKey: {
-      default: "id"
-    },
     hideItemCount: {
       default: false
     },
       hover: -1,
       selectedItems: [],
       showControl: false,
-      sortKey: "",
+      sortKey: "id",
       reverse: false,
       searchItem: "",
       visibleItemsPerPageCount: 20,

src/components/user/forgotPassword.vue

       </div>
       <div class="row mt-2">
         <div class="col-md-6">
-          <button class="btn-solid-blue" @click="checkMail()">SEND</button>
+          <button class="btn-white-border" @click="checkMail()">SEND</button>
         </div>
       </div>
     </div>

src/components/user/loginPage.vue

                         >Remember password?</label
                       >
                     </div>
-                    <button v-on:click="Login()" class="btn-solid-blue" type="submit">
+                    <button v-on:click="Login()" class="btn-white-border" type="submit">
                     <!-- <button class="btn-solid-blue" type="submit"> -->
                       LOGIN
                     </button>

src/store/modules/timeshare/timeshare.js

         getResorts({ commit }) {
             axios
                 .get(
-                    'https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/list/',
+                    'https://www.tradeunipoint.com/unibackend/seam/resource/rest/products/resorts/list?disabled=true',
                 )
                 .then((result) => {
                     commit('addResort', result.data)

src/store/modules/user/register.js

         individuals: [],
         agents: [],
         agent: {},
+        agencies: [],
+        agency: {},
         registerIndividual: {
             name: '',
             surname: '',
         setSingleAgent(state, agent) {
             state.agent = agent
         },
+        setAgencies(state, type) {
+            state.agencies = type
+        },
         setAgency(state, type) {
             state.registerAgency = type
         },
             state.individuals.splice(index, 1)
         },
         removeAgency(state, id) {
-            state.registerAgency.pop(state.registerAgency.find((a) => a.id === id))
+            state.registerAgency.pop(
+                state.registerAgency.find((agency) => agency.id === id),
+            )
         },
         removeAgent(state, id) {
             var index = state.agents.findIndex((agent) => agent.id === id)
                     console.log(e)
                 })
         },
+        getAgencies({ commit }) {
+            axios
+                .get('/api/agency')
+                .then((result) => commit('setAgencies', result.data))
+                .catch(console.error)
+        },
         getAgency({ commit }, id) {
             axios
                 .get(`/api/agency/${id}`)
                 .then((result) => console.log(result))
                 .catch(console.error)
         },
-        // updateAgency({
-        //   commit,
-        // }, item) {
-        //   axios
-        //     .put('/api/agency', item)
-        //     .then(result => commit('updateAgency', item))
-        //     .catch(console.error);
-        // },
+        updateAgency({ commit }, item) {
+            axios
+                .put('/api/agency', item)
+                .then((result) => commit('updateAgency', item))
+                .catch(console.error)
+        },
         // clearIndividual({
         //   commit,
         // }) {
                 .then((result) => commit('removeAgent', id))
                 .catch((ex) => console.log(ex.response))
         },
-        // deleteAgency({
-        //   commit,
-        // }, id) {
-        //   axios
-        //     .delete(`/api/agency/${id}`)
-        //     .then(result => commit('removeAgency', id))
-        //     .catch(console.error);
-        // },
+        deleteAgency({ commit }, id) {
+            axios
+                .delete(`/api/agency/${id}`)
+                .then((result) => commit('removeAgency', id))
+                .catch(console.error)
+        },
     },
 }