{"version":3,"sources":["webpack:///./node_modules/quasar/src/components/skeleton/QSkeleton.js","webpack:///./src/components/users/memberForm.vue?88d2","webpack:///./src/components/users/memberForm.vue?c04f","webpack:///src/components/users/memberForm.vue","webpack:///./src/components/users/memberForm.vue?8ad5","webpack:///./src/components/users/memberForm.vue"],"names":["skeletonTypes","skeletonAnimations","Vue","extend","name","mixins","DarkMixin","TagMixin","ListenersMixin","props","type","String","validator","v","includes","default","animation","square","Boolean","bordered","size","width","height","computed","style","this","classes","isDark","render","h","tag","staticClass","class","on","qListeners","slot","_vm","_h","$createElement","_c","_self","ref","staticStyle","addMember","id","_v","attrs","formData","members","membersLoading","selectMember","_e","dataLoading","_b","model","value","callback","$$v","$set","expression","siteCFG","fields","general","crm_id","filterMatchingMembers","$event","startNFCScanner","_l","nfc","index","key","_s","serialNumber","removeNFC","member","firstName","lastName","birthDate","gender","staticRenderFns","component","QForm","QInput","QSelect","QBtn","QCard","QCardSection","QSkeleton","QScrollArea"],"mappings":"0NAQaA,EAAgB,CAC3B,OAAQ,OAAQ,SAChB,OAAQ,SAAU,QAAS,WAC3B,YAAa,SAAU,UACvB,UAAW,SAAU,SACrB,WAGWC,EAAqB,CAChC,OAAQ,QAAS,UAAW,UAAW,OAAQ,QAAS,QAG3CC,cAAIC,OAAO,CACxBC,KAAM,YAENC,OAAQ,CAAEC,OAAWC,OAAUC,QAE/BC,MAAO,CACLC,KAAM,CACJA,KAAMC,OACNC,UAAW,SAAAC,GAAC,OAAIb,EAAcc,SAASD,IACvCE,QAAS,QAGXC,UAAW,CACTN,KAAMC,OACNC,UAAW,SAAAC,GAAC,OAAIZ,EAAmBa,SAASD,IAC5CE,QAAS,QAGXE,OAAQC,QACRC,SAAUD,QAEVE,KAAMT,OACNU,MAAOV,OACPW,OAAQX,QAGVY,SAAU,CACRC,MAAK,WACH,YAAqB,IAAdC,KAAKL,KACR,CAAEC,MAAOI,KAAKL,KAAME,OAAQG,KAAKL,MACjC,CAAEC,MAAOI,KAAKJ,MAAOC,OAAQG,KAAKH,SAGxCI,QAAO,WACL,MAAO,uBAA+B,IAAhBD,KAAKE,OAAkB,OAAS,QAAO,6BAAqBF,KAAKf,OACjE,SAAnBe,KAAKT,UAAuB,sCAAH,OAAyCS,KAAKT,WAAc,MACrE,IAAhBS,KAAKR,OAAkB,sBAAwB,MAC7B,IAAlBQ,KAAKN,SAAoB,wBAA0B,MAI1DS,OAAM,SAAEC,GACN,OAAOA,EAAEJ,KAAKK,IAAK,CACjBC,YAAa,aACbC,MAAOP,KAAKC,QACZF,MAAOC,KAAKD,MACZS,GAAI,kBAAKR,KAAKS,aACbC,eAAKV,KAAM,gB,yDCnElB,W,kCCAA,IAAIG,EAAS,WAAa,IAAIQ,EAAIX,KAASY,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,IAAI,OAAOV,YAAY,sBAAsB,CAACQ,EAAG,MAAM,CAACR,YAAY,MAAMW,YAAY,CAAC,OAAS,wBAAwB,CAACH,EAAG,MAAM,CAACR,YAAY,UAAUC,MAAM,CACpQ,UAAWI,EAAIO,WAAaP,EAAIQ,GAChC,QAASR,EAAIO,YAAcP,EAAIQ,IAC/BF,YAAY,CAAC,eAAe,mBAAmB,CAAEN,EAAIO,YAAcP,EAAIQ,GAAIL,EAAG,MAAM,CAACR,YAAY,oBAAoB,CAACQ,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,IAAI,CAACH,EAAIS,GAAG,uBAAuBN,EAAG,MAAM,CAACR,YAAY,kBAAkB,CAACQ,EAAG,eAAe,CAACO,MAAM,CAAC,cAAgB,GAAG,GAAKV,EAAIW,SAASH,GAAG,gBAAkBR,EAAIY,QAAQ,YAAcZ,EAAIa,eAAe,UAAY,IAAIhB,GAAG,CAAC,QAAUG,EAAIc,iBAAiB,KAAKd,EAAIe,KAAOf,EAAIgB,YAAu/Ib,EAAG,MAAM,CAACR,YAAY,oBAAoB,CAACQ,EAAG,aAAa,CAACO,MAAM,CAAC,KAAO,WAAW,GAA/jJP,EAAG,MAAM,CAACR,YAAY,oBAAoB,CAAEK,EAAIO,YAAcP,EAAIQ,GAAIL,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,IAAI,CAACH,EAAIS,GAAG,qBAAqBT,EAAIe,KAAKZ,EAAG,MAAM,CAACR,YAAY,2BAA2B,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,SAAW,GAAG,MAAQ,YAAYQ,MAAM,CAACC,MAAOnB,EAAIW,SAAW,GAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,KAAMU,IAAME,WAAW,gBAAgB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,2BAA2B,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,SAAW,GAAG,MAAQ,UAAUQ,MAAM,CAACC,MAAOnB,EAAIW,SAAe,OAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,SAAUU,IAAME,WAAW,oBAAoB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,2BAA2B,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,YAAYT,MAAM,CAACC,MAAOnB,EAAIW,SAAgB,QAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,UAAWU,IAAME,WAAW,qBAAqB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,oCAAoC,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,cAAc9B,GAAG,CAAC,MAAQG,EAAI4B,uBAAuBV,MAAM,CAACC,MAAOnB,EAAIW,SAAkB,UAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,YAAaU,IAAME,WAAW,uBAAuB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,oCAAoC,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,aAAa9B,GAAG,CAAC,MAAQG,EAAI4B,uBAAuBV,MAAM,CAACC,MAAOnB,EAAIW,SAAiB,SAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,WAAYU,IAAME,WAAW,sBAAsB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,oCAAoC,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,mBAAmB,KAAO,cAAc9B,GAAG,CAAC,MAAQG,EAAI4B,uBAAuBV,MAAM,CAACC,MAAOnB,EAAIW,SAAkB,UAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,YAAaU,IAAME,WAAW,uBAAuB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,oCAAoC,CAACQ,EAAG,WAAWH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,QAAU,CAAC,IAAK,KAAK,MAAQ,UAAU9B,GAAG,CAAC,OAASG,EAAI4B,uBAAuBV,MAAM,CAACC,MAAOnB,EAAIW,SAAe,OAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,SAAUU,IAAME,WAAW,oBAAoB,WAAWvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,6CAA6C,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,aAAaT,MAAM,CAACC,MAAOnB,EAAIW,SAAyB,iBAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,mBAAoBU,IAAME,WAAW,8BAA8B,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,2BAA2B,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,iBAAiBT,MAAM,CAACC,MAAOnB,EAAIW,SAAqB,aAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,eAAgBU,IAAME,WAAW,0BAA0B,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAGvB,EAAG,MAAM,CAACR,YAAY,2BAA2B,CAACQ,EAAG,UAAUH,EAAIiB,GAAG,CAACP,MAAM,CAAC,WAAWV,EAAIW,SAASgB,OAAsB,MAAQ,SAAST,MAAM,CAACC,MAAOnB,EAAIW,SAAoB,YAAES,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAIW,SAAU,cAAeU,IAAME,WAAW,yBAAyB,UAAUvB,EAAIwB,QAAQC,OAAOC,SAAQ,KAAS,GAAI1B,EAAIW,SAAW,GAAER,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,MAAM,CAACR,YAAY,OAAO,CAACQ,EAAG,MAAM,CAACR,YAAY,kBAAkB,CAACQ,EAAG,IAAI,CAACG,YAAY,CAAC,YAAY,OAAO,eAAe,SAAS,CAACN,EAAIS,GAAG,SAASN,EAAG,QAAQ,CAACR,YAAY,yBAAyBe,MAAM,CAAC,KAAO,GAAG,MAAQ,WAAWb,GAAG,CAAC,MAAQ,SAASgC,GAAQ,OAAO7B,EAAI8B,gBAAgB9B,EAAIW,eAAe,GAAGR,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,MAAM,CAACR,YAAY,OAAOK,EAAI+B,GAAI/B,EAAW,SAAE,SAASgC,EAAIC,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAK,OAASD,EAAOtC,YAAY,OAAO,CAACQ,EAAG,SAAS,CAACG,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,iBAAiB,CAACA,EAAG,MAAM,CAACR,YAAY,OAAO,CAACQ,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,IAAI,CAACH,EAAIS,GAAGT,EAAImC,GAAGH,EAAII,mBAAmBjC,EAAG,MAAM,CAACR,YAAY,kBAAkB,CAACQ,EAAG,QAAQ,CAACR,YAAY,yBAAyBe,MAAM,CAAC,KAAO,GAAG,MAAQ,cAAcb,GAAG,CAAC,MAAQ,SAASgC,GAAQ,OAAO7B,EAAIqC,UAAUL,EAAIxB,SAAS,QAAQ,IAAI,MAAK,SAASR,EAAIe,SAAkGf,EAAIO,YAAcP,EAAIQ,GAAIL,EAAG,MAAM,CAACR,YAAY,gBAAgBW,YAAY,CAAC,cAAc,mBAAmB,CAACH,EAAG,gBAAgB,CAACG,YAAY,CAAC,OAAS,SAAS,CAACH,EAAG,MAAM,CAACR,YAAY,OAAO,CAACQ,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,IAAI,CAACH,EAAIS,GAAG,wBAAwBT,EAAI+B,GAAI/B,EAAkB,gBAAE,SAASsC,EAAOL,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAK,UAAYD,EAAOtC,YAAY,kBAAkB,CAACQ,EAAG,SAAS,CAACR,YAAY,yBAAyBe,MAAM,CAAC,SAAW,GAAG,KAAO,IAAIb,GAAG,CAAC,MAAQ,SAASgC,GAAQ7B,EAAIW,SAAW2B,EAC1/KtC,EAAI4B,2BAA4B,CAACzB,EAAG,MAAM,CAACR,YAAY,OAAO,CAACQ,EAAG,MAAM,CAACR,YAAY,UAAU,CAACQ,EAAG,IAAI,CAACH,EAAIS,GAAGT,EAAImC,GAAGG,EAAOC,WAAW,IAAIvC,EAAImC,GAAGG,EAAOE,eAAerC,EAAG,MAAM,CAACR,YAAY,SAAS,CAACK,EAAIS,GAAG,QAAQT,EAAImC,GAAGG,EAAOG,cAActC,EAAG,MAAM,CAACR,YAAY,SAAS,CAACK,EAAIS,GAAG,WAAWT,EAAImC,GAAGG,EAAOI,gBAAgB,OAAM,MAAM,GAAG1C,EAAIe,UACnW4B,EAAkB,G,kFCoOtB,GACA,iCACA,2BACA,gBACA,+BACA,uCACA,2BACA,kCACA,gDACA,kCACA,gDACA,2CAGA,OACA,IACA,cAEA,gBACA,aACA,YAEA,WACA,aACA,aAGA,OACA,gBACA,aAEA,cACA,cAGA,uBAEA,YAEA,qBAEA,WACA,aACA,eACA,QACA,qBACA,qBACA,WAGA,2BACA,8BACA,kBAGA,gBAEA,UACA,qBAEA,0BACA,mBACA,YACA,UACA,4DACA,qEAGA,SACA,gBACA,0CACA,oDAEA,kBAGA,iMACA,0DACA,oBACA,QACA,8CACA,2BAEA,cACA,0CARA,IAUA,6CACA,qCAEA,oDAGA,6CACA,EACA,SACA,8CACA,kBACA,kCACA,qBACA,oBACA,cACA,aACA,qBACA,gBACA,8BAIA,aACA,qBACA,gBACA,gCAKA,sCAIA,2BACA,qCAEA,6CACA,EACA,SACA,+CACA,kBACA,kCACA,qBACA,oBACA,cACA,aACA,qBACA,gBACA,8BAIA,aACA,qBACA,gBACA,gCAKA,sCAMA,6MAEA,4CACA,OACA,OAFA,SAGA,qBACA,aACA,qBACA,gBACA,6BAEA,8DAEA,aACA,qBACA,gBACA,6BAEA,mDAEA,aACA,qBACA,gBACA,qDACA,wDAxBA,IA4BA,4LAIA,OAHA,sDACA,0BAEA,kBAEA,kBACA,8BACA,CACA,QACA,eACA,0DAEA,OAPA,SAQA,aACA,qBACA,gBACA,6BACA,mDAEA,aACA,qBACA,gBACA,uDACA,wDAxBA,IA2BA,8MACA,eACA,EACA,gBACA,GACA,gBAJA,2BAKA,SACA,kBAUA,0CAjBA,IAoBA,4CACA,yCACA,kDACA,iBACA,wBACA,CACA,gEACA,yBACA,MACA,uBACA,cACA,+CACA,QACA,SAIA,wBACA,MACA,sBACA,cACA,8CACA,QACA,SAIA,4DAKA,sBACA,uCAKA,gDAMA,sBAEA,mCC3fkgB,I,6ICQ9fC,EAAY,eACd,EACApD,EACAmD,GACA,EACA,KACA,WACA,MAIa,OAAAC,EAAiB,QAUhC,IAASA,EAAW,aAAc,CAACC,QAAA,KAAMC,SAAA,KAAOC,UAAA,KAAQC,OAAA,KAAKC,QAAA,KAAMC,eAAA,KAAaC,YAAA,KAAUC,cAAA","file":"js/associations~members.ba4c37bc.js","sourcesContent":["import Vue from 'vue'\n\nimport DarkMixin from '../../mixins/dark.js'\nimport TagMixin from '../../mixins/tag.js'\nimport ListenersMixin from '../../mixins/listeners.js'\n\nimport { slot } from '../../utils/slot.js'\n\nexport const skeletonTypes = [\n  'text', 'rect', 'circle',\n  'QBtn', 'QBadge', 'QChip', 'QToolbar',\n  'QCheckbox', 'QRadio', 'QToggle',\n  'QSlider', 'QRange', 'QInput',\n  'QAvatar'\n]\n\nexport const skeletonAnimations = [\n  'wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none'\n]\n\nexport default Vue.extend({\n  name: 'QSkeleton',\n\n  mixins: [ DarkMixin, TagMixin, ListenersMixin ],\n\n  props: {\n    type: {\n      type: String,\n      validator: v => skeletonTypes.includes(v),\n      default: 'rect'\n    },\n\n    animation: {\n      type: String,\n      validator: v => skeletonAnimations.includes(v),\n      default: 'wave'\n    },\n\n    square: Boolean,\n    bordered: Boolean,\n\n    size: String,\n    width: String,\n    height: String\n  },\n\n  computed: {\n    style () {\n      return this.size !== void 0\n        ? { width: this.size, height: this.size }\n        : { width: this.width, height: this.height }\n    },\n\n    classes () {\n      return `q-skeleton--${this.isDark === true ? 'dark' : 'light'} q-skeleton--type-${this.type}` +\n        (this.animation !== 'none' ? ` q-skeleton--anim q-skeleton--anim-${this.animation}` : '') +\n        (this.square === true ? ' q-skeleton--square' : '') +\n        (this.bordered === true ? ' q-skeleton--bordered' : '')\n    }\n  },\n\n  render (h) {\n    return h(this.tag, {\n      staticClass: 'q-skeleton',\n      class: this.classes,\n      style: this.style,\n      on: { ...this.qListeners }\n    }, slot(this, 'default'))\n  }\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./memberForm.vue?vue&type=style&index=0&id=2c66b07c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-form',{ref:\"form\",staticClass:\"full-width q-pa-md\"},[_c('div',{staticClass:\"row\",staticStyle:{\"height\":\"calc(100vh - 355px)\"}},[_c('div',{staticClass:\"q-pa-sm\",class:{\n        'col-12': !_vm.addMember || _vm.id,\n        'col-6': _vm.addMember && !_vm.id\n      },staticStyle:{\"border-right\":\"1px solid grey\"}},[(_vm.addMember && !_vm.id)?_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"col-12\"},[_c('b',[_vm._v(\"Existing Member\")])]),_c('div',{staticClass:\"col-12 q-pa-sm\"},[_c('assignMember',{attrs:{\"excludeIDList\":[],\"id\":_vm.formData.id,\"specificMembers\":_vm.members,\"dataLoading\":_vm.membersLoading,\"clearable\":\"\"},on:{\"changed\":_vm.selectMember}})],1)]):_vm._e(),(!_vm.dataLoading)?_c('div',{staticClass:\"row items-center\"},[(_vm.addMember && !_vm.id)?_c('div',{staticClass:\"col-12\"},[_c('b',[_vm._v(\"Or New Member\")])]):_vm._e(),_c('div',{staticClass:\"col-12 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":\"\",\"label\":\"Waves ID\"},model:{value:(_vm.formData.id),callback:function ($$v) {_vm.$set(_vm.formData, \"id\", $$v)},expression:\"formData.id\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":\"\",\"label\":\"PAM ID\"},model:{value:(_vm.formData.crm_id),callback:function ($$v) {_vm.$set(_vm.formData, \"crm_id\", $$v)},expression:\"formData.crm_id\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"RFID Tag\"},model:{value:(_vm.formData.rfidTag),callback:function ($$v) {_vm.$set(_vm.formData, \"rfidTag\", $$v)},expression:\"formData.rfidTag\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 col-md-6 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"First Name\"},on:{\"input\":_vm.filterMatchingMembers},model:{value:(_vm.formData.firstName),callback:function ($$v) {_vm.$set(_vm.formData, \"firstName\", $$v)},expression:\"formData.firstName\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 col-md-6 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"Last Name\"},on:{\"input\":_vm.filterMatchingMembers},model:{value:(_vm.formData.lastName),callback:function ($$v) {_vm.$set(_vm.formData, \"lastName\", $$v)},expression:\"formData.lastName\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"DOB (YYYY/MM/DD)\",\"mask\":\"####/##/##\"},on:{\"input\":_vm.filterMatchingMembers},model:{value:(_vm.formData.birthDate),callback:function ($$v) {_vm.$set(_vm.formData, \"birthDate\", $$v)},expression:\"formData.birthDate\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 col-md-4 q-pa-sm\"},[_c('q-select',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"options\":['M', 'F'],\"label\":\"Gender\"},on:{\"change\":_vm.filterMatchingMembers},model:{value:(_vm.formData.gender),callback:function ($$v) {_vm.$set(_vm.formData, \"gender\", $$v)},expression:\"formData.gender\"}},'q-select',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-sm-6 col-sm-6 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"Ethnicity\"},model:{value:(_vm.formData.ethnicityPrimary),callback:function ($$v) {_vm.$set(_vm.formData, \"ethnicityPrimary\", $$v)},expression:\"formData.ethnicityPrimary\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-md-8 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"Email Address\"},model:{value:(_vm.formData.emailAddress),callback:function ($$v) {_vm.$set(_vm.formData, \"emailAddress\", $$v)},expression:\"formData.emailAddress\"}},'q-input',_vm.siteCFG.fields.general,false))],1),_c('div',{staticClass:\"col-12 col-md-4 q-pa-sm\"},[_c('q-input',_vm._b({attrs:{\"readonly\":_vm.formData.crm_id ? true : false,\"label\":\"Phone\"},model:{value:(_vm.formData.mobilePhone),callback:function ($$v) {_vm.$set(_vm.formData, \"mobilePhone\", $$v)},expression:\"formData.mobilePhone\"}},'q-input',_vm.siteCFG.fields.general,false))],1),(_vm.formData.id)?_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 q-py-md\"},[_c('b',{staticStyle:{\"font-size\":\"24px\",\"margin-right\":\"20px\"}},[_vm._v(\"NFC\")]),_c('q-btn',{staticClass:\"bg-positive text-white\",attrs:{\"flat\":\"\",\"label\":\"Add NFC\"},on:{\"click\":function($event){return _vm.startNFCScanner(_vm.formData)}}})],1),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.nfcList),function(nfc,index){return _c('div',{key:(\"nfc_\" + index),staticClass:\"col\"},[_c('q-card',{staticStyle:{\"width\":\"300px\"}},[_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b',[_vm._v(_vm._s(nfc.serialNumber))])]),_c('div',{staticClass:\"col-12 q-pt-lg\"},[_c('q-btn',{staticClass:\"bg-negative text-white\",attrs:{\"flat\":\"\",\"label\":\"Remove NFC\"},on:{\"click\":function($event){return _vm.removeNFC(nfc.id)}}})],1)])])],1)],1)}),0)])])]):_vm._e()]):_c('div',{staticClass:\"row items-center\"},[_c('q-skeleton',{attrs:{\"type\":\"rect\"}})],1)]),(_vm.addMember && !_vm.id)?_c('div',{staticClass:\"col-6 q-pa-sm\",staticStyle:{\"border-left\":\"1px solid grey\"}},[_c('q-scroll-area',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b',[_vm._v(\"Matching Members\")])]),_vm._l((_vm.matchedMembers),function(member,index){return _c('div',{key:(\"member_\" + index),staticClass:\"col-12 q-pa-sm\"},[_c('q-card',{staticClass:\"q-pa-sm cursor-pointer\",attrs:{\"bordered\":\"\",\"flat\":\"\"},on:{\"click\":function($event){_vm.formData = member;\n                _vm.filterMatchingMembers();}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b',[_vm._v(_vm._s(member.firstName)+\" \"+_vm._s(member.lastName))])]),_c('div',{staticClass:\"col-6\"},[_vm._v(\"DOB: \"+_vm._s(member.birthDate))]),_c('div',{staticClass:\"col-6\"},[_vm._v(\"Gender: \"+_vm._s(member.gender))])])])],1)})],2)])],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <q-form ref=\"form\" class=\"full-width q-pa-md\">\n    <div class=\"row\" style=\"height: calc(100vh - 355px)\">\n      <div\n        :class=\"{\n          'col-12': !addMember || id,\n          'col-6': addMember && !id\n        }\"\n        class=\"q-pa-sm\"\n        style=\"border-right: 1px solid grey\"\n      >\n        <div class=\"row items-center\" v-if=\"addMember && !id\">\n          <div class=\"col-12\">\n            <b>Existing Member</b>\n          </div>\n          <div class=\"col-12 q-pa-sm\">\n            <assignMember\n              :excludeIDList=\"[]\"\n              :id=\"formData.id\"\n              :specificMembers=\"members\"\n              :dataLoading=\"membersLoading\"\n              clearable\n              @changed=\"selectMember\"\n            />\n          </div>\n        </div>\n        <div class=\"row items-center\" v-if=\"!dataLoading\">\n          <div class=\"col-12\" v-if=\"addMember && !id\">\n            <b>Or New Member</b>\n          </div>\n          <div class=\"col-12 col-md-4 q-pa-sm\">\n            <q-input\n              readonly\n              v-model=\"formData.id\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Waves ID\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-md-4 q-pa-sm\">\n            <q-input\n              readonly\n              v-model=\"formData.crm_id\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"PAM ID\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-md-4 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.rfidTag\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"RFID Tag\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-sm-6 col-md-6 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.firstName\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"First Name\"\n              @input=\"filterMatchingMembers\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-sm-6 col-md-6 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.lastName\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Last Name\"\n              @input=\"filterMatchingMembers\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-sm-6 col-md-4 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.birthDate\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"DOB (YYYY/MM/DD)\"\n              mask=\"####/##/##\"\n              @input=\"filterMatchingMembers\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-sm-6 col-md-4 q-pa-sm\">\n            <q-select\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.gender\"\n              :options=\"['M', 'F']\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Gender\"\n              @change=\"filterMatchingMembers\"\n            ></q-select>\n          </div>\n          <div class=\"col-12 col-sm-6 col-sm-6 col-md-4 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.ethnicityPrimary\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Ethnicity\"\n            ></q-input>\n          </div>\n\n          <div class=\"col-12 col-md-8 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.emailAddress\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Email Address\"\n            ></q-input>\n          </div>\n          <div class=\"col-12 col-md-4 q-pa-sm\">\n            <q-input\n              :readonly=\"formData.crm_id ? true : false\"\n              v-model=\"formData.mobilePhone\"\n              v-bind=\"siteCFG.fields.general\"\n              label=\"Phone\"\n            ></q-input>\n          </div>\n\n          <!-- <div class=\"col-12 q-pa-sm\">\n        <q-input\n          readonly\n          v-model=\"formData.address\"\n          v-bind=\"siteCFG.fields.general\"\n          label=\"Address\"\n        ></q-input>\n      </div>\n      <div class=\"col-12 q-pa-sm\">\n        <q-input\n          readonly\n          v-model=\"formData.suburb\"\n          v-bind=\"siteCFG.fields.general\"\n          label=\"Suburb\"\n        ></q-input>\n      </div>\n      <div class=\"col-12 q-pa-sm\">\n        <q-input\n          readonly\n          v-model=\"formData.city\"\n          v-bind=\"siteCFG.fields.general\"\n          label=\"City\"\n        ></q-input>\n      </div> -->\n          <div class=\"col-12\" v-if=\"formData.id\">\n            <div class=\"row\">\n              <div class=\"col-12 q-py-md\">\n                <b style=\"font-size: 24px; margin-right: 20px;\">NFC</b>\n                <q-btn\n                  class=\"bg-positive text-white\"\n                  flat\n                  label=\"Add NFC\"\n                  @click=\"startNFCScanner(formData)\"\n                >\n                </q-btn>\n              </div>\n              <div class=\"col-12\">\n                <div class=\"row\">\n                  <div\n                    class=\"col\"\n                    v-for=\"(nfc, index) in nfcList\"\n                    :key=\"`nfc_${index}`\"\n                  >\n                    <q-card style=\"width: 300px;\">\n                      <q-card-section>\n                        <div class=\"row\">\n                          <div class=\"col-12\">\n                            <b>{{ nfc.serialNumber }}</b>\n                          </div>\n                          <div class=\"col-12 q-pt-lg\">\n                            <q-btn\n                              class=\"bg-negative text-white\"\n                              flat\n                              label=\"Remove NFC\"\n                              @click=\"removeNFC(nfc.id)\"\n                            ></q-btn>\n                          </div>\n                        </div>\n                      </q-card-section>\n                    </q-card>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"row items-center\" v-else>\n          <q-skeleton type=\"rect\" />\n        </div>\n      </div>\n      <div\n        v-if=\"addMember && !id\"\n        class=\"col-6 q-pa-sm\"\n        style=\"border-left: 1px solid grey\"\n      >\n        <q-scroll-area style=\"height: 100%\">\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <b>Matching Members</b>\n            </div>\n            <div\n              v-for=\"(member, index) in matchedMembers\"\n              class=\"col-12 q-pa-sm\"\n              :key=\"`member_${index}`\"\n            >\n              <q-card\n                bordered\n                flat\n                class=\"q-pa-sm cursor-pointer\"\n                @click=\"\n                  formData = member;\n                  filterMatchingMembers();\n                \"\n              >\n                <div class=\"row\">\n                  <div class=\"col-12\">\n                    <b>{{ member.firstName }} {{ member.lastName }}</b>\n                  </div>\n                  <div class=\"col-6\">DOB: {{ member.birthDate }}</div>\n                  <div class=\"col-6\">Gender: {{ member.gender }}</div>\n                </div>\n              </q-card>\n            </div>\n          </div>\n        </q-scroll-area>\n      </div>\n    </div>\n  </q-form>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport assignMember from \"@/components/users/assignMember\";\nimport { NFCScan, NFCWrite } from \"@/plugins/NFC\";\n\nexport default {\n  components: { assignMember },\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      currentUserData: \"auth/currentUserData\",\n      siteCFG: \"settings/siteCFG\",\n      data: \"associations/currentMember\",\n      dataLoading: \"associations/currentMemberLoading\",\n      members: \"associations/membersAll\",\n      membersLoading: \"associations/membersAllLoading\",\n      nfcList: \"associations/nfcListForMember\"\n    })\n  },\n  props: {\n    id: {\n      default: null\n    },\n    forAssociation: {\n      type: Boolean,\n      default: false\n    },\n    addMember: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    data: function() {\n      this.init();\n    },\n    id: function() {\n      this.init();\n    }\n  },\n  data: () => ({\n    // Extra Data\n    formData: {},\n\n    impersonatingUser: false,\n\n    userRoles: [\n      \"Club Admin\",\n      \"Team Manager\",\n      \"Coach\",\n      \"Sports Coordinator\",\n      \"Junior Coordinator\",\n      \"Athlete\"\n    ],\n\n    matchedSearchDebounce: null,\n    matchedSearchDebounceTime: 500,\n    matchedMembers: [],\n\n    // NFC\n    nfcScanner: null,\n\n    ndef: null,\n    handleReading: null\n  }),\n  beforeCreate() {},\n  mounted() {\n    this.init();\n    if (this.id) {\n      this.$store.dispatch(\"associations/memberLoadByID\", this.id);\n      this.$store.dispatch(\"associations/memberNFCTagsLoadByID\", this.id);\n    }\n  },\n  methods: {\n    init() {\n      if (this.data && this.id && this.data.id == this.id) {\n        this.formData = JSON.parse(JSON.stringify(this.data));\n      } else {\n        this.formData = {};\n      }\n    },\n    async selectMember(id) {\n      await this.$store.dispatch(\"associations/memberLoadByID\", id);\n      console.log(this.data);\n      if (this.data) {\n        this.formData = JSON.parse(JSON.stringify(this.data));\n        this.filterMatchingMembers();\n      } else {\n        this.formData = {};\n      }\n    },\n    addMemberToAssociation() {\n      this.$emit(\"loadingStateChanged\", true);\n\n      this.formData.associations_id = this.$route.params.id;\n      // this.formData.ref_id = ref_id;\n\n      this.$refs.form.validate().then(result => {\n        if (result) {\n          this.$store\n            .dispatch(\"associations/addMember\", this.formData)\n            .then(result => {\n              this.$emit(\"loadingStateChanged\", false);\n              if (result.Result == \"Success\") {\n                this.$emit(\"close\", true);\n                this.formData = {};\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"positive\",\n                  message: result.Response.Message\n                });\n                // this.$store.dispatch(dispatch, ref_id);\n              } else {\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"negative\",\n                  message: result.Response.Message\n                });\n              }\n            });\n        } else {\n          this.$emit(\"loadingStateChanged\", false);\n        }\n      });\n    },\n    save() {\n      this.$emit(\"loadingStateChanged\", true);\n\n      this.$refs.form.validate().then(result => {\n        if (result) {\n          this.$store\n            .dispatch(\"associations/saveMember\", this.formData)\n            .then(result => {\n              this.$emit(\"loadingStateChanged\", false);\n              if (result.Result == \"Success\") {\n                this.$emit(\"close\", true);\n                this.formData = {};\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"positive\",\n                  message: result.Response.Message\n                });\n                // this.$store.dispatch(dispatch, ref_id);\n              } else {\n                this.$q.notify({\n                  position: \"top-right\",\n                  type: \"negative\",\n                  message: result.Response.Message\n                });\n              }\n            });\n        } else {\n          this.$emit(\"loadingStateChanged\", false);\n        }\n      });\n    },\n\n    // NFC\n    async removeNFC(id) {\n      try {\n        let response = await this.$store.dispatch(\"associations/removeNFC\", {\n          id: id\n        });\n        if (response.Result == \"Success\") {\n          this.$q.notify({\n            position: \"top-right\",\n            type: \"positive\",\n            message: response.Response.Message\n          });\n          this.$store.dispatch(\"associations/memberNFCTagsLoadByID\", this.id);\n        } else {\n          this.$q.notify({\n            position: \"top-right\",\n            type: \"negative\",\n            message: response.Response.Message\n          });\n        }\n      } catch (error) {\n        this.$q.notify({\n          position: \"top-right\",\n          type: \"negative\",\n          message: \"There was an error removing the NFC tag.\"\n        });\n      }\n    },\n\n    async handleNFCScan(message, serialNumber, extraData) {\n      this.ndef.removeEventListener(\"reading\", this.handleReading);\n      console.log(this.nfcScanner);\n\n      // ADD NFC to Member\n      try {\n        let response = await this.$store.dispatch(\n          \"associations/addNFCToMember\",\n          {\n            id: extraData.id,\n            serialNumber: serialNumber,\n            associations_id: this.currentUserData.currentAssociation_id\n          }\n        );\n        this.$q.notify({\n          position: \"top-right\",\n          type: \"positive\",\n          message: response.Response.Message\n        });\n      } catch (error) {\n        this.$q.notify({\n          position: \"top-right\",\n          type: \"negative\",\n          message: \"There was an error, Please try again later\"\n        });\n      }\n    },\n    async startNFCScanner(row) {\n      const { ndef, handleReading } = await NFCScan(\n        this,\n        this.handleNFCScan,\n        row\n      );\n      this.ndef = ndef;\n      this.handleReading = handleReading;\n      // NFCWrite(this, {\n      //   records: [\n      //     {\n      //       recordType: \"text\",\n      //       data: {\n      //         text: `${row.firstName} ${row.lastName} - ${row.id} - ${row.crm_id}`\n      //       }\n      //     }\n      //   ]\n      // });\n    },\n\n    filterMatchingMembers() {\n      clearTimeout(this.matchedSearchDebounce);\n      this.matchedSearchDebounce = setTimeout(() => {\n        if (this.formData.id) {\n          this.matchedMembers = [];\n        } else {\n          let members = JSON.parse(JSON.stringify(this.members)).filter(m => {\n            if (this.formData.firstName) {\n              let matchFound =\n                `${m.firstName}`\n                  .toLowerCase()\n                  .indexOf(this.formData.firstName.toLowerCase()) > -1;\n              if (matchFound != true) {\n                return false;\n              }\n            }\n\n            if (this.formData.lastName) {\n              let matchFound =\n                `${m.lastName}`\n                  .toLowerCase()\n                  .indexOf(this.formData.lastName.toLowerCase()) > -1;\n              if (matchFound != true) {\n                return false;\n              }\n            }\n\n            if (this.formData.gender && this.formData.gender != m.gender) {\n              return false;\n            }\n\n            if (\n              this.formData.birthDate &&\n              this.formData.birthDate != m.birthDate\n            ) {\n              return false;\n            }\n\n            if (!this.formData.firstName && !this.formData.lastName) {\n              return false;\n            }\n\n            return true;\n          });\n          this.matchedMembers = members;\n        }\n      }, this.matchedSearchDebounceTime);\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.memberFormSection {\n  border: 1px solid grey;\n}\n</style>\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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./memberForm.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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./memberForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./memberForm.vue?vue&type=template&id=2c66b07c&scoped=true&\"\nimport script from \"./memberForm.vue?vue&type=script&lang=js&\"\nexport * from \"./memberForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./memberForm.vue?vue&type=style&index=0&id=2c66b07c&lang=scss&scoped=true&\"\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  \"2c66b07c\",\n  null\n  \n)\n\nexport default component.exports\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QSkeleton from 'quasar/src/components/skeleton/QSkeleton.js';\nimport QScrollArea from 'quasar/src/components/scroll-area/QScrollArea.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(component, 'components', {QForm,QInput,QSelect,QBtn,QCard,QCardSection,QSkeleton,QScrollArea});\n"],"sourceRoot":""}