{"version":3,"sources":["webpack:///./src/views/GetToKnow.vue?a058","webpack:///src/views/GetToKnow.vue","webpack:///./src/views/GetToKnow.vue?d1e7","webpack:///./src/views/GetToKnow.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","attrs","countryList","on","$event","resetDivision","model","value","callback","$$v","selectedCountryCode","expression","divisionList","selectedDivisionCode","staticStyle","search","onSearchButtonClick","currentMemberList","length","_e","_l","r","key","_rowNum","picId","memberName","natureOfBusiness","division","dOB","interestOtherDesc","otherInfo","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d22c54f.4fa49aed.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isLoggedIn)?_c('div',{staticClass:\"container page pgGtk\"},[_c('h4',[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"form-group row mt-5\"},[_c('label',{staticClass:\"col-lg-1 col-form-label d-none\",attrs:{\"for\":\"country\"}},[_vm._v(\"Cluster:\")]),_c('div',{staticClass:\"col-lg-5 d-none\"},[_c('b-form-select',{attrs:{\"options\":_vm.countryList,\"value-field\":\"countryCode\",\"text-field\":\"country\"},on:{\"change\":function($event){return _vm.resetDivision($event)}},model:{value:(_vm.selectedCountryCode),callback:function ($$v) {_vm.selectedCountryCode=$$v},expression:\"selectedCountryCode\"}})],1),_c('label',{staticClass:\"col-lg-1 col-form-label\",attrs:{\"for\":\"division\"}},[_vm._v(\"Division:\")]),_c('div',{staticClass:\"col-lg-5\"},[_c('b-form-select',{attrs:{\"options\":_vm.divisionList,\"value-field\":\"divisionCode\",\"text-field\":\"division\"},model:{value:(_vm.selectedDivisionCode),callback:function ($$v) {_vm.selectedDivisionCode=$$v},expression:\"selectedDivisionCode\"}})],1)]),_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-lg-1 col-form-label\",attrs:{\"for\":\"txtSearch\"}},[_vm._v(\"Search:\")]),_c('div',{staticClass:\"col-sm-4\",staticStyle:{\"padding-bottom\":\"5px\"}},[_c('b-form-input',{attrs:{\"name\":\"txtSearch\",\"placeholder\":\"\",\"maxlength\":\"20\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('div',{staticClass:\"col-sm-1\"},[_c('input',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"id\":\"searchButton\",\"value\":\"Search\"},on:{\"click\":_vm.onSearchButtonClick}})])]),_c('div',{staticClass:\"row\"},[(_vm.currentMemberList.length===0)?_c('div',[_c('i',[_vm._v(\"No records available\")])]):_vm._e(),_vm._l((_vm.currentMemberList),function(r){return _c('div',{key:r._rowNum,staticClass:\"col-sm-4 p-0\"},[_c('div',{staticClass:\"p-2\"},[_c('div',{staticClass:\"container-fluid\",staticStyle:{\"min-height\":\"290px\",\"outline\":\"solid 1px #ccc\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-5\"},[_c('div',{staticClass:\"gtkPic\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":('/profilepic/' + r.picId)}})]),_c('div'),_c('div',{staticClass:\"text-center\"},[_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":\"/nominate\"}},[_vm._v(\"Nominate\")])],1)]),_c('div',{staticClass:\"col-sm-7\",staticStyle:{\"padding-top\":\"5px\"}},[_c('div',{staticClass:\"gtkName\"},[_vm._v(_vm._s(r.memberName))]),_c('div',{staticClass:\"gtkPos\"},[_vm._v(_vm._s(r.natureOfBusiness))]),_c('div',{staticClass:\"gtkCompany\",attrs:{\"title\":\"\"}},[_vm._v(_vm._s(r.division))]),(r.dOB)?_c('div',{staticClass:\"gtkHead\"},[_vm._v(\"Birthday\")]):_vm._e(),_c('div',{staticClass:\"gtkData\"},[_vm._v(_vm._s(r.dOB))]),(r.interestOtherDesc)?_c('div',{staticClass:\"gtkHead\"},[_vm._v(\"Hobbies & Interests\")]):_vm._e(),_c('div',{staticClass:\"gtkData\"},[_vm._v(_vm._s(r.interestOtherDesc))]),(r.otherInfo)?_c('div',{staticClass:\"gtkHead\"},[_vm._v(\"Dreams and Aspirations\")]):_vm._e(),_c('div',{staticClass:\"gtkData\"},[_vm._v(_vm._s(r.otherInfo))])])])])])])})],2)]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-if=\"isLoggedIn\" class=\"container page pgGtk\">\r\n        <h4>{{ title }}</h4>\r\n        <div class=\"form-group row mt-5\">\r\n            <label class=\"col-lg-1 col-form-label d-none\" for=\"country\">Cluster:</label>\r\n            <div class=\"col-lg-5 d-none\"><b-form-select v-model=\"selectedCountryCode\" :options=\"countryList\" value-field=\"countryCode\" text-field=\"country\" v-on:change=\"resetDivision($event)\"></b-form-select></div>\r\n            <label class=\"col-lg-1 col-form-label\" for=\"division\">Division:</label>\r\n            <div class=\"col-lg-5\"><b-form-select v-model=\"selectedDivisionCode\" :options=\"divisionList\" value-field=\"divisionCode\" text-field=\"division\"></b-form-select></div>\r\n        </div>\r\n        <div class=\"form-group row\">\r\n            <label class=\"col-lg-1 col-form-label\" for=\"txtSearch\">Search:</label>\r\n            <div class=\"col-sm-4\" style=\"padding-bottom:5px\"><b-form-input name=\"txtSearch\" v-model=\"search\" placeholder=\"\" maxlength=\"20\" /></div>\r\n            <div class=\"col-sm-1\"><input type=\"button\" id=\"searchButton\" value=\"Search\" class=\"btn btn-primary\" v-on:click=\"onSearchButtonClick\" /> </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n                <div v-if=\"currentMemberList.length===0\"><i>No records available</i></div>\r\n                <div v-for=\"r in currentMemberList\" :key=\"r._rowNum\" class=\"col-sm-4 p-0\">\r\n                    <div class=\"p-2\">\r\n                        <div class=\"container-fluid\" style=\"min-height:290px; outline:solid 1px #ccc;\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-sm-5\">\r\n                                    <div class=\"gtkPic\"><img class=\"w-100\" :src=\"('/profilepic/' + r.picId)\" /></div>\r\n                                    <div>&nbsp;</div>\r\n                                    <div class=\"text-center\">\r\n                                        <!--<router-link :to=\"`/nominate/${r.memberId}`\" class=\"btn btn-primary\">Nominate</router-link>-->\r\n                                        <router-link :to=\"`/nominate`\" class=\"btn btn-primary\">Nominate</router-link>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"col-sm-7\" style=\"padding-top:5px;\">\r\n                                    <div class=\"gtkName\">{{r.memberName}}</div>\r\n                                    <div class=\"gtkPos\">{{r.natureOfBusiness}}</div>\r\n                                    <div class=\"gtkCompany\" title=\"\">{{r.division}}</div>\r\n                                    <div class=\"gtkHead\" v-if=\"r.dOB\">Birthday</div>\r\n                                    <div class=\"gtkData\">{{r.dOB}}</div>\r\n                                    <div class=\"gtkHead\" v-if=\"r.interestOtherDesc\">Hobbies &amp; Interests</div>\r\n                                    <div class=\"gtkData\">{{r.interestOtherDesc}}</div>\r\n                                    <div class=\"gtkHead\" v-if=\"r.otherInfo\">Dreams and Aspirations</div>\r\n                                    <div class=\"gtkData\">{{r.otherInfo}}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n        </div>\r\n\r\n        <!--<div class=\"scrollBox\" style=\"padding: 15px 0; border-top: #eee solid 1px; border-bottom: #eee solid 1px;\">\r\n        <div v-if=\"selectedDivisionCode==null && search==''\"><i>Please select a division or search all divisions</i></div>\r\n        <template v-else>\r\n            <div class=\"row\" style=\"\">\r\n                <div class=\"col-1 text-right\"><b-icon icon=\"collection\" style=\"color:#9f34a0\"></b-icon></div>\r\n                <div class=\"col-11\">\r\n                    <a v-if=\"isAllowWholeDivision\" href=\"#\" v-on:click.prevent=\"onAddRecipient(-1)\" v-b-tooltip.rightbottom.hover title=\"Add entire division\" style=\"color:#9f34a0\">Entire division: {{ this.selectedDivisionName }}</a>\r\n                    <span v-else style=\"color:#9f34a0\">{{ this.selectedDivisionName }}</span>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-for=\"r in memberList\" :key=\"r._rowNum\" class=\"row\">\r\n                <template v-if=\"r.memberId.substring(0, 2) === '0.'\">\r\n                    <div class=\"col-1 text-right\"><b-icon icon=\"exclamation-circle\" style=\"color:#efe700\"></b-icon></div>\r\n                    <div class=\"col\"><span style=\"color:red\" v-b-tooltip.rightbottom.hover.v-danger title=\"This user has not registered\">{{ r.firstname + ' ' + r.surname }}</span></div>\r\n                    <div class=\"col\" style=\"color:red\">{{ r.division }}</div>\r\n                </template>\r\n                <template v-else>\r\n                    <div class=\"col-1 text-right\"><b-icon icon=\"person\" style=\"color:#ccc\"></b-icon></div>\r\n                    <div class=\"col\"><a href=\"#\" v-on:click.prevent=\"onAddRecipient(r._rowNum)\">{{ r.firstname + ' ' + r.surname }}</a></div>\r\n                    <div class=\"col\">{{ r.division }}</div>\r\n                </template>\r\n            </div>\r\n        </template>\r\n    </div>-->\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\n    import sjData from '@/sjUtilData'\r\n    import axios from 'axios'\r\n    import { sjDebounce } from '@/sjDebounce'\r\n\r\n\r\n    export default {\r\n        name: 'GetToKnow',\r\n        components: {\r\n        },\r\n        data() {\r\n            return {\r\n                doLoad: false,\r\n                selectedCountryCode: null,\r\n                selectedDivisionCode: null,\r\n                cachedMemberList: {\r\n                    //sanlamcorporate: [...],\r\n                    //safrican: [...]\r\n                },\r\n                currentMemberList: [],\r\n                search: '',\r\n\r\n                selectedMembersSerialNo: 0,\r\n\r\n                defaultCountryCode: 'ZA',\r\n                defaultDivisionCode: '',\r\n\r\n                lastCountryCode: null,\r\n                lastDivisionCode: null,\r\n                lastSearch: null,\r\n\r\n            }\r\n        },\r\n        props: {\r\n            title: {\r\n                type: String, required: false, default: 'GET TO KNOW'\r\n            },\r\n            selectedTitle: {\r\n                type: String, required: false, default: 'Selected recipients'\r\n            },\r\n            includeSelf: {\r\n                type: Boolean, required: false, default: false\r\n            },\r\n            //defaultCountryCode: {\r\n            //    type: String, required: false, default: this.memberClusterCode\r\n            //},\r\n            //defaultDivisionCode: {\r\n            //    type: String, required: false, default: this.memberDivisionCode\r\n            //},\r\n            isCountryFixed: {\r\n                type: Boolean, required: false, default: false\r\n            },\r\n            isAllowWholeDivision: {\r\n                type: Boolean, required: false, default: true\r\n            },\r\n            isSingle: {\r\n                type: Boolean, required: false, default: false\r\n            },\r\n            showContinue: {\r\n                type: Boolean, required: false, default: true\r\n            },\r\n\r\n        },\r\n        computed: {\r\n            isLoggedIn() {\r\n                return this.$store.state.isLoggedIn\r\n            },\r\n            isDivisionsLoaded() {\r\n                return this.$store.state.isDivisionsLoaded\r\n            },\r\n            //defaultCountryCode() {\r\n            //    return this.$store.state.memberStore.member.clusterCode\r\n            //},\r\n            //defaultDivisionCode() {\r\n            //    return this.$store.state.memberStore.member.divisionCode\r\n            //},\r\n\r\n            alltext() {\r\n                return this.title + \"...\" + this.msg;\r\n            },\r\n\r\n            countryList() {\r\n                if (this.isCountryFixed) { //only show the default cluster.\r\n                    return this.$store.state.countryList.filter(country => country.countryCode === this.defaultCountryCode);\r\n                } else {\r\n                    return [{ countryCode: null, country: '-- Please select a Cluster--', disabled: true }]\r\n                        .concat(this.$store.state.countryList);\r\n                }\r\n            },\r\n\r\n            divisionList() {\r\n                return [{ divisionCode: null, division: '-- Please select an Division--', disabled: false }]\r\n                    .concat(this.$store.state.divisionList.filter(division => division.countryCode === this.selectedCountryCode));\r\n            },\r\n\r\n            selectedDivisionName() {\r\n                if (typeof this === undefined) return '';\r\n                return this.selectedDivisionCode == null ? '' : this.$store.state.divisionList.filter(division => division.divisionCode === this.selectedDivisionCode)[0].division;\r\n            }\r\n        },\r\n\r\n        watch: {\r\n            doLoad(isLoaded) {\r\n                if (isLoaded) {\r\n                    this.doGetMemberData(this.selectedCountryCode, this.selectedDivisionCode);\r\n                }\r\n            },\r\n            isLoggedIn(isLoggedIn) {\r\n                if (isLoggedIn) {\r\n                    let defaultCountryCode = this.$store.state.memberStore.member.clusterCode;\r\n                    let defaultDivisionCode = this.$store.state.memberStore.member.divisionCode;\r\n                    this.selectedCountryCode = defaultCountryCode;\r\n                    this.selectedDivisionCode = defaultDivisionCode;\r\n                    //this.defaultCountryCode = defaultCountryCode;\r\n                    //this.defaultDivisionCode = defaultDivisionCode;\r\n\r\n                    console.log('Logged in...' + defaultCountryCode + ' ' + defaultDivisionCode);\r\n                    this.doLoad = true;\r\n                }\r\n            },\r\n            selectedDivisionCode(divisionCode) {  //newDivisionCode, oldDivisionCode - called when divisionCode changes\r\n                if (typeof divisionCode === 'undefined') return;\r\n                console.log('division changed to...' + divisionCode);\r\n\r\n                this.search = ''; //divisionCode changed, so reset search\r\n                this.doLoad = true;\r\n\r\n            },\r\n            selectedCountryCode(countryCode) {  //newDivisionCode, oldDivisionCode - called when divisionCode changes\r\n                if (typeof countryCode === 'undefined') return;\r\n\r\n                console.log('country changed to...' + countryCode);\r\n                this.search = '';\r\n                this.doLoad = true;\r\n\r\n            },\r\n            search: sjDebounce(function () {\r\n                console.log('search...');\r\n                this.doLoad = true;\r\n                //this.doGetMemberData(null);\r\n            }, 800)\r\n        },\r\n        methods: {\r\n            setDoLoad() {\r\n                this.doLoad = true;\r\n\t\t\t},\r\n            msgBox(msg, title) {\r\n                this.$bvModal.msgBoxOk(msg, { title: typeof title === 'undefined' ? 'Please note:' : title, centered: true })\r\n            },\r\n            resetDivision() {\r\n                this.selectedDivisionCode = null;\r\n            },\r\n            doGetMemberData(countryCode, divisionCode) { //this is called from divsionCode changed, and search changed\r\n\r\n                let search = this.search.trim();\r\n                if (this.lastCountryCode === countryCode && this.lastDivisionCode === divisionCode && this.lastSearch === search) return;\r\n\r\n                this.currentMemberList = [];\r\n                console.log('getting country...' + countryCode + ' ' + divisionCode);\r\n\r\n                if (countryCode === null) {\r\n                    countryCode = 'ZA';\r\n                }\r\n\r\n\r\n                if (search.length !== 0 || divisionCode === null) {\r\n                    divisionCode = '';\r\n\r\n                }\r\n\r\n\r\n                let axiosParams = { countryCode: countryCode, divisionCode: divisionCode, search: this.search };\r\n                \r\n                axios.post('/api/site/gettoknowlist', axiosParams)\r\n                    .then(({ data }) => {\r\n                        this.doLoad = false;\r\n                        this.currentMemberList = new sjData(data.memberList).data;\r\n                    });\r\n            },\r\n\r\n            onSearchButtonClick() {\r\n                if (this.selectedDivisionCode == null) {\r\n                    this.doGetMemberData(this.countryCode, ''); // No division is selected, so perform a search on all divisions\r\n                }\r\n            },\r\n\r\n\r\n        },\r\n        created() {\r\n            console.log('*created');\r\n        },\r\n        mounted() {\r\n            console.log('*mounted');\r\n            this.$store\r\n                .dispatch('getDivisionList', {}) //To retrieve Country and Division lists\r\n                .then(() => {\r\n                    this.displayPart = 0;\r\n\r\n                })\r\n                .catch((error) => {\r\n                    this.msgBox(error.response.data.message ? error.response.data.message : ('An error has occurred: ' + JSON.stringify(error)));\r\n                });\r\n\r\n\r\n\r\n        },\r\n        beforeRouteEnter(to, from, next) {\r\n            next(vm => {\r\n\t\t\t\tconsole.log('*beforeRouteEnter');\r\n\t\t\t\t// access to component instance via `vm`\r\n\r\n\t\t\t\tlet defaultCountryCode = vm.$store.state.memberStore.member.clusterCode;\r\n\t\t\t\tlet defaultDivisionCode = vm.$store.state.memberStore.member.divisionCode;\r\n\t\t\t\tvm.selectedCountryCode = defaultCountryCode;\r\n\t\t\t\tvm.selectedDivisionCode = defaultDivisionCode;\r\n\r\n\t\t\t\tconsole.log('route enter.....' + defaultCountryCode + ' ' + defaultDivisionCode);\r\n\r\n\t\t\t\tvm.doLoad = true;\r\n\t\t\t})\r\n\t\t},\r\n\t\tbeforeRouteUpdate(to, from, next) {\r\n            console.log('*beforeRouteUpdate');\r\n\t\t\tlet defaultCountryCode = this.$store.state.memberStore.member.clusterCode;\r\n\t\t\tlet defaultDivisionCode = this.$store.state.memberStore.member.divisionCode;\r\n\t\t\tthis.selectedCountryCode = defaultCountryCode;\r\n\t\t\tthis.selectedDivisionCode = defaultDivisionCode;\r\n\t\t\t//this.defaultCountryCode = defaultCountryCode;\r\n\t\t\t//this.defaultDivisionCode = defaultDivisionCode;\r\n\r\n            console.log('route update.....' + defaultCountryCode + ' ' + defaultDivisionCode);\r\n\r\n            // just use `this`\r\n            this.doLoad = true;\r\n            next();\r\n\t\t}\r\n    }\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GetToKnow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GetToKnow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GetToKnow.vue?vue&type=template&id=74cda5d6&\"\nimport script from \"./GetToKnow.vue?vue&type=script&lang=js&\"\nexport * from \"./GetToKnow.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}