Merge branch 'master' of http://192.168.6.188:3000/Provision/UnivateProperties

README.md

@@ -54,3 +54,37 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 └── modules
 ├── cart.js # cart module
 └── products.js # products module
+
+### Tender Weeks
+
+http://www.unipoint-consoft.co.za/nph-srep.exe?cluvavail.sch&CLUB=LPA&RESORT=ALL&SUMMARY=N&HEAD=Y
+
+that is the url to call the tender week
+
+HEAD=Y will give a heading = HEAD=N (no headings)
+
+ok i have done the "banking" option for UV to hold a week
+
+i have created a test option to run on backup data so you can test
+
+for available units
+
+http://www.unipoint-consoft.co.za/nph-srep.exe?cluvavail_test.sch&CLUB=LPA&RESORT=ALL&SUMMARY=N&HEAD=Y
+
+the call with \_test on the end uses the daily backed up test data
+
+for the live data then leave the \_test off
+
+ok to put a week on hold got Univate - ie if client is interested - theis will remove it from availability while documentation etc is being done
+
+http://www.unipoint-consoft.co.za/nph-srep.exe?cluvbank_test.sch&CLUB=LPA&TYPE=BANK&RESORT=KK&UNIT=009&MODULE=32&YEAR=2020&BANKTO=UV
+
+the TYPE= BANK puts the week on HOLD for UNIVATE - YEAR=2019 for this year or 2020 for next year
+
+if you want to cancel the booking use
+
+http://www.unipoint-consoft.co.za/nph-srep.exe?cluvbank_test.sch&CLUB=LPA&TYPE=CANCEL&RESORT=KK&UNIT=009&MODULE=32&YEAR=2020&BANKTO=UV
+
+if you get a SUCCESS response it means it worked
+
+otherwise will return error messages to tell you what the issue is

src/App.vue

@@ -46,6 +46,10 @@ hr {
   border: white solid 3px;
   border-radius: 15px;
 }
+.myBackground {
+  border-color: #60cbeb;
+  background-color: #60cbeb;
+}
 .myFill {
   fill: #60cbeb;
   color: #60cbeb;

src/components/communication/templateDetail.vue

@@ -0,0 +1,206 @@
+<template>
+  <div style="padding:10px;">
+    <div class="container" style="background-color:rgba(215,215,215,0.75);padding:20px;">
+      <div class="row">
+        <div class="col-md-12">
+          <div class="d-flex">
+            <div class="p-2 mr-auto">
+              <h2>Detailed Item</h2>
+            </div>
+            <div class="p-2">
+              <div class="btn btn-primary myBackground">Add New</div>
+            </div>
+            <div class="p-2">
+              <div class="btn btn-primary myBackground">Edit</div>
+            </div>
+            <div class="p-2">
+              <div class="btn btn-primary myBackground">Close</div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-12">
+          <hr />
+        </div>
+        <div class="col-md-4 text-left">
+          <label>Id</label>
+          <div class="input-group mb-3">
+            <div class="input-group-prepend">
+              <span class="input-group-text" style="color: #60CBEB">
+                <b>I</b>
+              </span>
+            </div>
+            <input class="form-control" type="number" step="any" name="levy" v-model="item.id" />
+          </div>
+        </div>
+        <div class="col-md-8 text-left">
+          <label for="Sleeps maximum">Name</label>
+          <div class="input-group mb-3">
+            <div class="input-group-prepend">
+              <span class="input-group-text" style="color: #60CBEB">
+                <b>N</b>
+              </span>
+            </div>
+            <input class="form-control" type="text" step="any" name="levy" v-model="item.name" />
+          </div>
+        </div>
+        <div class="col-md-12">
+          <hr />
+        </div>
+        <div class="col-md-12 text-left">
+          <label for="Sleeps maximum">Subject</label>
+          <div class="input-group mb-3">
+            <div class="input-group-prepend">
+              <span class="input-group-text" style="color: #60CBEB">
+                <b>S</b>
+              </span>
+            </div>
+            <input class="form-control" type="text" step="any" name="levy" v-model="item.subject" />
+          </div>
+        </div>
+        <div class="col-md-12">
+          <ul class="nav nav-tabs" id="myTab" role="tablist">
+            <li class="nav-item">
+              <a
+                class="nav-link active"
+                id="directions-tab"
+                data-toggle="tab"
+                href="#directions"
+                role="tab"
+                aria-controls="directions"
+                aria-selected="false"
+              >Html</a>
+            </li>
+            <li class="nav-item">
+              <a
+                class="nav-link"
+                id="resort-layout-tab"
+                data-toggle="tab"
+                href="#resort-layout"
+                role="tab"
+                aria-controls="resort-layout"
+                aria-selected="true"
+              >Preview</a>
+            </li>
+          </ul>
+          <div
+            class="tab-content"
+            id="myTabContent"
+            style="background-color:rgba(255,255,255,0.75);padding:10px;"
+          >
+            <div
+              class="tab-pane fade show active"
+              style="background-color:rgba(255,255,255,0.75);padding:10px;"
+              id="directions"
+              role="tabpanel"
+              aria-labelledby="directions-tab"
+            >
+              <div class="text-left">
+                <label for="Sleeps maximum">Body</label>
+                <div class="input-group mb-3">
+                  <div class="input-group-prepend">
+                    <span class="input-group-text" style="color: #60CBEB">
+                      <b>B</b>
+                    </span>
+                  </div>
+                  <textarea
+                    class="form-control"
+                    type="text"
+                    rows="10"
+                    step="any"
+                    name="levy"
+                    v-model="item.body"
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              class="tab-pane fade"
+              id="resort-layout"
+              role="tabpanel"
+              aria-labelledby="resort-layout-tab"
+            >
+              <div class="no-style" v-html="item.body"></div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-12">
+          <hr />
+        </div>
+        <div class="col-md-12">
+          <div class="d-flex">
+            <div class="p-2 mr-auto">
+              <h2>Coded Fields</h2>
+            </div>
+            <div class="p-2">
+              <div class="btn btn-primary myBackground" @click="addClose()">{{btnCaption}}</div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="col-md-12"
+          v-if="showNew"
+          style="background-color:rgba(255,255,255,1); border-radius:5px;padding:10px;"
+        >
+          <TemplateInnerItem />
+        </div>
+        <div class="col-md-12">
+          <hr />
+        </div>
+        <div class="col-md-12">
+          <ListView :items="item.placeHolders" :hideSearch="true" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import ListView from '../shared/listView.vue';
+import TemplateInnerItem from './templateInnerItem.vue';
+
+export default {
+  data() {
+    return {
+      showNew: false,
+    };
+  },
+  components: {
+    ListView,
+    TemplateInnerItem,
+  },
+  props: {
+    item: {},
+  },
+  computed: {
+    btnCaption() {
+      return this.showNew ? 'Close' : 'New';
+    },
+  },
+  methods: {
+    addClose() {
+      if (this.showNew) {
+        this.showNew = false;
+      } else this.showNew = true;
+    },
+  },
+};
+</script>
+<style>
+.no-style {
+  background: #fff;
+  border: none;
+  color: #000;
+  display: block;
+  font: initial;
+  height: auto;
+  letter-spacing: normal;
+  line-height: normal;
+  margin: 0;
+  padding: 0;
+  text-transform: none;
+  visibility: visible;
+  width: auto;
+  word-spacing: normal;
+  z-index: auto;
+  text-align: left;
+}
+</style>

src/components/communication/templateInnerItem.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="row">
+    <div class="col-md-3">
+      <input
+        class="form-control"
+        type="text"
+        step="any"
+        name="levy"
+        placeholder="Name"
+        v-model="item.name"
+      />
+    </div>
+    <div class="col-md-3">
+      <select class="form-control" v-model="item.class" @change="onClassChanged()">
+        <option v-for="(item, i) in classes" :key="i" :value="item">{{item.name}}</option>
+      </select>
+    </div>
+    <div class="col-md-3">
+      <select class="form-control" v-model="item.property">
+        <option v-for="(item, i) in properties" :key="i">{{item}}</option>
+      </select>
+    </div>
+    <div class="col-md-3">
+      <div class="btn btn-primary myBackground w-100">Add</div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapActions } from 'vuex';
+
+export default {
+  mounted() {
+    this.init();
+  },
+  data() {
+    return {
+      item: {
+        name: undefined,
+        class: undefined,
+        property: undefined,
+      },
+    };
+  },
+  computed: {
+    ...mapState('info', ['classes', 'properties']),
+  },
+  methods: {
+    ...mapActions('info', ['init', 'getClasses', 'getProperties']),
+    onClassChanged() {
+      this.getProperties(this.item.class);
+    },
+  },
+};
+</script>

src/components/communication/templatePage.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <br />
+    <hr />
+    <hr />
+    <hr />
+    <hr />
+    <hr />
+    <div class="row">
+      <div :class="listClass">
+        <ListView :items="list" @onRowClick="onRowClick" />
+      </div>
+      <div class="col-md-6" v-if="showDetailView">
+        <DetailView :item="detailItem" />
+      </div>
+    </div>
+    <hr />
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex';
+import ListView from '../shared/listView.vue';
+import DetailView from './templateDetail.vue';
+
+export default {
+  data() {
+    return {
+      detailItem: undefined,
+    };
+  },
+  components: {
+    ListView,
+    DetailView,
+  },
+  mounted() {
+    this.getList();
+  },
+  computed: {
+    ...mapState('template', ['list', 'item']),
+    showDetailView() {
+      return this.detailItem !== undefined && this.detailItem != null;
+    },
+    listClass() {
+      return this.detailItem !== undefined && this.detailItem != null
+        ? 'col-md-6'
+        : 'col-md-12';
+    },
+  },
+  methods: {
+    ...mapActions('template', ['getList']),
+    onRowClick(item) {
+      console.log(item);
+      this.detailItem = item;
+    },
+  },
+};
+</script>

src/components/shared/listView.vue

@@ -3,7 +3,7 @@
 <template>
   <div>
     <div class="container">
-      <div class="d-flex justify-content-between">
+      <div class="d-flex justify-content-between" v-if="!hideSearch">
         <div class="p-2">
           <input v-model="searchItem" class="form-control" placeholder="Search ..." />
         </div>
@@ -18,7 +18,12 @@
         </tr>
       </thead>
       <tbody>
-        <tr v-for="(item, i) in DisplayItems" :key="i" class="text-left dnd-moved">
+        <tr
+          v-for="(item, i) in DisplayItems"
+          :key="i"
+          class="text-left dnd-moved"
+          @click="onRowClick(item)"
+        >
           <td v-for="(column, c) in Columns" :key="c">{{ item[column] }}</td>
         </tr>
       </tbody>
@@ -72,6 +77,9 @@ export default {
     }
   },
   props: {
+    hideSearch: {
+      default: false,
+    },
     items: undefined,
   },
   data() {
@@ -86,6 +94,9 @@ export default {
     };
   },
   methods: {
+    onRowClick(item) {
+      this.$emit('onRowClick', item);
+    },
     changeColumn(title, checked) {
       if (checked) {
         this.myColumns.push(title);

src/router/index.js

@@ -45,6 +45,8 @@ import Offer from '../components/processFlow/offers.vue';
 import searchLog from '../components/admin/logs/SearchLogs.vue';
 // import store from '../store';
 
+import TemplatePage from '../components/communication/templatePage.vue';
+
 Vue.use(Router);
 
 export default new Router({
@@ -55,198 +57,197 @@ export default new Router({
       y: 0,
     };
   },
-  routes: [
-    {
-      path: '/',
-      name: 'Home',
-      component: HomePage,
-    },
-    {
-      path: '/about/us',
-      name: 'aboutus',
-      component: AboutUs,
-    },
-    {
-      path: '/about/timeshare',
-      name: 'abouttimeshare',
-      component: AboutTimeshare,
-    },
-    {
-      path: '/timeshare/sell',
-      name: 'TimeshareSell',
-      component: TimeshareSell,
-    },
-    {
-      path: '/timeshare/buy',
-      name: 'TimeshareBuy',
-      component: TimeshareBuy,
-    },
-    {
-      path: '/timeshare/faq',
-      name: 'TimeshareFAQ',
-      component: TimeshareFAQ,
-    },
-    {
-      path: '/timeshare/myWeeks',
-      name: 'MyWeeks',
-      component: MyWeeksPage,
-    },
-    {
-      path: '/user/login',
-      name: 'Login',
-      component: Login,
-    },
-    {
-      path: '/user/updateProfileInfo',
-      name: 'UpdateInfo',
-      component: UpdateInfo,
-    },
-    {
-      path: '/user/register',
-      name: 'PrivateIndividual',
-      component: PrivateIndividual,
-    },
-    {
-      path: '/user/registeragency',
-      name: 'Agency',
-      component: Agency,
-    },
-    {
-      path: '/property/property/:id',
-      name: 'PropertyPage',
-      component: PropertyPage,
-    },
-    {
-      path: '/property/:propertyUsageType/search',
-      name: 'PropertySearch',
-      component: PropertySearch,
-    },
-    {
-      path: '/property/search',
-      name: 'PropertySearchTab',
-      component: PropertySearch,
-    },
-    {
-      path: '/property/new/:saleType',
-      name: 'PropertyNew',
-      component: PropertyEdit,
-    },
-    {
-      path: '/property/new/:propertyUsageType/:saleType',
-      name: 'PropertyNewFromSearch',
-      component: PropertyEdit,
-    },
-    {
-      path: '/property/edit/:id/:propType/:saleType',
-      name: 'PropertyEdit',
-      component: PropertyEdit,
-    },
-    {
-      path: '/property/admin/list/:by',
-      name: 'PropertyListAdmin',
-      component: PropertyList,
-    },
-    {
-      path: '/propertyTypes/list',
-      name: 'PropertyTypeList',
-      component: PropertyTypeList,
-    },
-    {
-      path: '/propertyType/new',
-      name: 'PropertyTypeNew',
-      component: PropertyType,
-    },
-    {
-      path: '/propertyType/:id',
-      name: 'PropertyTypeEdit',
-      component: PropertyType,
-    },
-    {
-      path: '/userDefinedGroups/list',
-      name: 'UserDefinedGroupsList',
-      component: UserDefinedGroups,
-    },
-    {
-      path: '/userDefinedGroups/userDefinedGroup/:id',
-      name: 'UserDefinedGroupEdit',
-      component: UserDefinedGroup,
-    },
-    {
-      path: '/userDefinedGroups/userDefinedGroup',
-      name: 'UserDefinedGroupNew',
-      component: UserDefinedGroup,
-    },
-    {
-      path: '/status/list',
-      name: 'StatusList',
-      component: Status,
-    },
-    {
-      path: '/status/timeshareAdmin',
-      name: 'TimeshareAdmin',
-      component: timeshareAdminPage,
-    },
-    {
-      path: '/status/tenderWeekAdmin',
-      name: 'TenderWeekAdmin',
-      component: tenderWeekAdminPage,
-    },
-    {
-      path: '/status/userManagementPage',
-      name: 'userManagementPage',
-      component: userManagementPage,
-    },
-    {
-      path: '/status/changeLogPage',
-      name: 'changeLogPage',
-      component: changeLogPage,
-    },
-    {
-      path: '/unitConfiguration/list',
-      name: 'UnitConfiguration',
-      component: UnitConfiguration,
-    },
-    {
-      path: '/contactus',
-      name: 'ContactUs',
-      component: ContactUs,
-    },
-    {
-      path: '/privacypolicy',
-      name: 'PrivacyPolicy',
-      component: PrivacyPolicy,
-    },
-    {
-      path: '/resort/:resortCode',
-      name: 'ResortPage',
-      component: ResortPage,
-      props: true,
-    },
-    {
-      path: '/resort/:resortCode/:weekId',
-      name: 'UnitPage',
-      component: UnitPage,
-      props: true,
-    },
-    {
-      path: '/MakeOffer',
-      name: 'MakeOffer',
-      component: MakeOffer,
-    },
-    {
-      path: '/Offers',
-      name: 'Offers',
-      component: Offer,
-    },
-    {
-      path: '/timeshare/search',
-      name: 'TimeshareSearch',
-      component: TimeshareSearch,
-    },
-    {
-      path: '/searchLog',
-      name: 'SearchLog',
-      component: searchLog,
-    },
+  routes: [{
+    path: '/',
+    name: 'Home',
+    component: HomePage,
+  },
+  {
+    path: '/about/us',
+    name: 'aboutus',
+    component: AboutUs,
+  },
+  {
+    path: '/about/timeshare',
+    name: 'abouttimeshare',
+    component: AboutTimeshare,
+  },
+  {
+    path: '/communication/template',
+    name: 'template',
+    component: TemplatePage,
+  },
+  {
+    path: '/timeshare/sell',
+    name: 'TimeshareSell',
+    component: TimeshareSell,
+  },
+  {
+    path: '/timeshare/buy',
+    name: 'TimeshareBuy',
+    component: TimeshareBuy,
+  },
+  {
+    path: '/timeshare/faq',
+    name: 'TimeshareFAQ',
+    component: TimeshareFAQ,
+  },
+  {
+    path: '/timeshare/myWeeks',
+    name: 'MyWeeks',
+    component: MyWeeksPage,
+  },
+  {
+    path: '/user/login',
+    name: 'Login',
+    component: Login,
+  },
+  {
+    path: '/user/register',
+    name: 'PrivateIndividual',
+    component: PrivateIndividual,
+  },
+  {
+    path: '/user/registeragency',
+    name: 'Agency',
+    component: Agency,
+  },
+  {
+    path: '/property/property/:id',
+    name: 'PropertyPage',
+    component: PropertyPage,
+  },
+  {
+    path: '/property/:propertyUsageType/search',
+    name: 'PropertySearch',
+    component: PropertySearch,
+  },
+  {
+    path: '/property/search',
+    name: 'PropertySearchTab',
+    component: PropertySearch,
+  },
+  {
+    path: '/property/new/:saleType',
+    name: 'PropertyNew',
+    component: PropertyEdit,
+  },
+  {
+    path: '/property/new/:propertyUsageType/:saleType',
+    name: 'PropertyNewFromSearch',
+    component: PropertyEdit,
+  },
+  {
+    path: '/property/edit/:id/:propType/:saleType',
+    name: 'PropertyEdit',
+    component: PropertyEdit,
+  },
+  {
+    path: '/property/admin/list/:by',
+    name: 'PropertyListAdmin',
+    component: PropertyList,
+  },
+  {
+    path: '/propertyTypes/list',
+    name: 'PropertyTypeList',
+    component: PropertyTypeList,
+  },
+  {
+    path: '/propertyType/new',
+    name: 'PropertyTypeNew',
+    component: PropertyType,
+  },
+  {
+    path: '/propertyType/:id',
+    name: 'PropertyTypeEdit',
+    component: PropertyType,
+  },
+  {
+    path: '/userDefinedGroups/list',
+    name: 'UserDefinedGroupsList',
+    component: UserDefinedGroups,
+  },
+  {
+    path: '/userDefinedGroups/userDefinedGroup/:id',
+    name: 'UserDefinedGroupEdit',
+    component: UserDefinedGroup,
+  },
+  {
+    path: '/userDefinedGroups/userDefinedGroup',
+    name: 'UserDefinedGroupNew',
+    component: UserDefinedGroup,
+  },
+  {
+    path: '/status/list',
+    name: 'StatusList',
+    component: Status,
+  },
+  {
+    path: '/status/timeshareAdmin',
+    name: 'TimeshareAdmin',
+    component: timeshareAdminPage,
+  },
+  {
+    path: '/status/tenderWeekAdmin',
+    name: 'TenderWeekAdmin',
+    component: tenderWeekAdminPage,
+  },
+  {
+    path: '/status/userManagementPage',
+    name: 'userManagementPage',
+    component: userManagementPage,
+  },
+  {
+    path: '/status/changeLogPage',
+    name: 'changeLogPage',
+    component: changeLogPage,
+  },
+  {
+    path: '/unitConfiguration/list',
+    name: 'UnitConfiguration',
+    component: UnitConfiguration,
+  },
+  {
+    path: '/contactus',
+    name: 'ContactUs',
+    component: ContactUs,
+  },
+  {
+    path: '/privacypolicy',
+    name: 'PrivacyPolicy',
+    component: PrivacyPolicy,
+  },
+  {
+    path: '/resort/:resortCode',
+    name: 'ResortPage',
+    component: ResortPage,
+    props: true,
+  },
+  {
+    path: '/resort/:resortCode/:weekId',
+    name: 'UnitPage',
+    component: UnitPage,
+    props: true,
+  },
+  {
+    path: '/MakeOffer',
+    name: 'MakeOffer',
+    component: MakeOffer,
+  },
+  {
+    path: '/Offers',
+    name: 'Offers',
+    component: Offer,
+  },
+  {
+    path: '/timeshare/search',
+    name: 'TimeshareSearch',
+    component: TimeshareSearch,
+  },
+  {
+    path: '/searchLog',
+    name: 'SearchLog',
+    component: searchLog,
+  },
   ],
 });

src/store/index.js

@@ -20,6 +20,8 @@ import Bid from './modules/processFlow/bid';
 import Authentication from './modules/user/authentication';
 import PropertySearch from './modules/property/propertySearch';
 import SearchLog from './modules/logs/searchLog';
+import Template from './modules/communication/template';
+import Info from './modules/communication/info';
 
 Vue.use(Vuex);
 /* eslint no-param-reassign: ["error", { "props": false }] */
@@ -45,5 +47,7 @@ export default new Vuex.Store({
     authentication: Authentication,
     propertySearch: PropertySearch,
     searchLog: SearchLog,
+    template: Template,
+    info: Info,
   },
 });

src/store/modules/communication/info.js

@@ -0,0 +1,46 @@
+import axios from 'axios';
+
+export default {
+  namespaced: true,
+  state: {
+    classes: [],
+    properties: [],
+  },
+  mutations: {
+    setClasses(state, list) {
+      state.classes = list;
+    },
+    setProperties(state, list) {
+      state.properties = list;
+    },
+    clearAll(state) {
+      state.classes = [];
+      state.properties = [];
+    },
+  },
+  getters: {},
+  actions: {
+    init({
+      dispatch,
+    }) {
+      dispatch('clearAll');
+      dispatch('getClasses');
+    },
+    getClasses({
+      commit,
+    }) {
+      axios
+        .get('api/info/getAllClasses')
+        .then(result => commit('setClasses', result.data))
+        .catch(console.error);
+    },
+    getProperties({
+      commit,
+    }, obj) {
+      axios
+        .get(`api/info/${obj.fullName}`)
+        .then(result => commit('setProperties', result.data))
+        .catch(console.error);
+    },
+  },
+};

src/store/modules/communication/template.js

@@ -0,0 +1,25 @@
+import axios from 'axios';
+
+export default {
+  namespaced: true,
+  state: {
+    list: [],
+    item: {},
+  },
+  mutations: {
+    setList(state, list) {
+      state.list = list;
+    },
+  },
+  getters: {},
+  actions: {
+    getList({
+      commit,
+    }) {
+      axios
+        .get('/api/template/getSimple')
+        .then(result => commit('setList', result.data))
+        .catch(console.error);
+    },
+  },
+};