{"version":3,"sources":["webpack:///./src/components/Members/Members.vue?da7d","webpack:///src/components/Members/Members.vue","webpack:///./src/components/Members/Members.vue?8132","webpack:///./src/components/Members/Members.vue","webpack:///./src/components/Members/Members.vue?34f9"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","_s","currentGroup","name","staticClass","attrs","on","$event","inviteDialog","model","value","callback","$$v","expression","groupJoinCode","addNewMemberClick","$vuetify","breakpoint","xsOnly","addNewMemberDialog","loadingMembers","_e","search","computedHeaders","members","handleDetailClick","detailDialog","staticRenderFns","components","MemberDetails","AddNewMember","RingLoader","data","detailMember","headers","computed","filter","methods","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDataTable","VDialog","VDivider","VFabTransition","VIcon","VRow","VSpacer","VTextField"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACA,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIQ,aAAaC,SAASL,EAAG,YAAYA,EAAG,QAAQ,CAACM,YAAY,eAAeC,MAAM,CAAC,MAAQ,YAAY,QAAU,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQb,EAAIc,cAAe,KAAQ,CAACV,EAAG,SAAS,CAACM,YAAY,QAAQ,CAACV,EAAIM,GAAG,uBAAuBN,EAAIM,GAAG,aAAa,GAAGF,EAAG,WAAW,CAACO,MAAM,CAAC,YAAY,QAAQ,WAAa,4BAA4BI,MAAM,CAACC,MAAOhB,EAAgB,aAAEiB,SAAS,SAAUC,GAAMlB,EAAIc,aAAaI,GAAKC,WAAW,iBAAiB,CAAC,CAACf,EAAG,SAAS,CAACM,YAAY,sBAAsB,CAACN,EAAG,eAAe,CAACM,YAAY,sBAAsB,CAACN,EAAG,MAAM,CAACM,YAAY,6BAA6B,CAACV,EAAIM,GAAG,sBAAsBF,EAAG,cAAc,CAACM,YAAY,QAAQ,CAACN,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,SAAS,QAAU,WAAW,CAACP,EAAG,QAAQ,CAACM,YAAY,eAAe,CAACN,EAAG,IAAI,CAACJ,EAAIM,GAAG,4JAA8JF,EAAG,KAAK,CAACJ,EAAIM,GAAGN,EAAIO,GAAGP,EAAIoB,qBAAqB,IAAI,GAAGhB,EAAG,YAAYA,EAAG,aAAaA,EAAG,iBAAiB,CAACA,EAAG,YAAYA,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,GAAG,MAAQ,QAAQ,KAAO,IAAIC,GAAG,CAAC,MAAQ,SAASC,GAAQb,EAAIc,cAAe,KAAS,CAACV,EAAG,SAAS,CAACO,MAAM,CAAC,KAAO,GAAG,MAAQ,UAAU,CAACX,EAAIM,GAAG,sBAAsBN,EAAIM,GAAG,YAAY,IAAI,IAAI,KAAK,GAAGF,EAAG,QAAQ,CAACM,YAAY,yBAAyBC,MAAM,CAAC,MAAQ,YAAY,QAAU,IAAIC,GAAG,CAAC,MAAQZ,EAAIqB,oBAAoB,CAACjB,EAAG,SAAS,CAACM,YAAY,QAAQ,CAACV,EAAIM,GAAG,+BAA+BN,EAAIM,GAAG,iBAAiB,GAAGF,EAAG,mBAAmB,CAACA,EAAG,QAAQ,CAACM,YAAY,uBAAuBC,MAAM,CAAC,MAAQ,YAAY,IAAM,GAAG,MAAQ,IAAIC,GAAG,CAAC,MAAQZ,EAAIqB,oBAAoB,CAACjB,EAAG,SAAS,CAACJ,EAAIM,GAAG,gCAAgC,IAAI,IAAI,IAAI,GAAGF,EAAG,WAAW,CAACO,MAAM,CAAC,YAAY,QAAQ,WAAa,GAAG,WAAaX,EAAIsB,SAASC,WAAWC,OAAO,WAAa,4BAA4BT,MAAM,CAACC,MAAOhB,EAAsB,mBAAEiB,SAAS,SAAUC,GAAMlB,EAAIyB,mBAAmBP,GAAKC,WAAW,uBAAuB,CAACf,EAAG,eAAe,CAACQ,GAAG,CAAC,cAAc,SAASC,GAAQb,EAAIyB,oBAAqB,OAAW,GAAIzB,EAAkB,eAAEI,EAAG,MAAM,CAACM,YAAY,2BAA2B,CAACN,EAAG,aAAa,CAACM,YAAY,kBAAkBC,MAAM,CAAC,QAAUX,EAAI0B,eAAe,MAAQ,UAAU,KAAO,QAAQ,GAAG1B,EAAI2B,KAAO3B,EAAI0B,eAA+iB1B,EAAI2B,KAAniBvB,EAAG,MAAM,CAACA,EAAG,eAAe,CAACA,EAAG,eAAe,CAACO,MAAM,CAAC,qBAAqB,cAAc,UAAY,GAAG,MAAQ,SAAS,cAAc,GAAG,eAAe,IAAII,MAAM,CAACC,MAAOhB,EAAU,OAAEiB,SAAS,SAAUC,GAAMlB,EAAI4B,OAAOV,GAAKC,WAAW,aAAa,GAAGf,EAAG,eAAe,CAACO,MAAM,CAAC,QAAUX,EAAI6B,gBAAgB,MAAQ7B,EAAI8B,QAAQ,OAAS9B,EAAI4B,OAAO,oBAAoB,GAAG,eAAe,6CAA6C,kBAAkB,iDAAiDhB,GAAG,CAAC,YAAYZ,EAAI+B,sBAAsB,GAAY3B,EAAG,WAAW,CAACO,MAAM,CAAC,YAAY,QAAQ,WAAa,GAAG,WAAaX,EAAIsB,SAASC,WAAWC,OAAO,WAAa,4BAA4BT,MAAM,CAACC,MAAOhB,EAAgB,aAAEiB,SAAS,SAAUC,GAAMlB,EAAIgC,aAAad,GAAKC,WAAW,iBAAiB,CAACf,EAAG,gBAAgB,CAACQ,GAAG,CAAC,cAAc,SAASC,GAAQb,EAAIgC,cAAe,OAAW,IAAI,IAC1zGC,EAAkB,G,wDC6GtB,GACExB,KAAM,UACNyB,WAAY,CACVC,cAAe,WAAnB,wDACIC,aAAc,WAAlB,wDACIC,WAAJ,iBAEEC,KAPF,WAQI,MAAO,CACLV,OAAQ,GACRd,cAAc,EACdkB,cAAc,EACdP,oBAAoB,EACpBc,aAAc,KACdC,QAAS,CACf,CAAQ,KAAR,SAAQ,MAAR,eAAQ,KAAR,UACA,CAAQ,KAAR,QAAQ,MAAR,aACA,CAAQ,KAAR,OAAQ,MAAR,YACA,CAAQ,KAAR,QAAQ,MAAR,wBACA,CAAQ,KAAR,SAAQ,MAAR,WACA,CAAQ,KAAR,iBAAQ,MAAR,WAAQ,KAAR,gBAIE,QAxBF,WAwBA,wKACA,mCADA,uBAEA,kCAFA,8CAIEC,SAAU,CACRX,QADJ,WACA,+CACIJ,eAFJ,WAEA,iDACIlB,aAHJ,WAGA,8CACIY,cAJJ,WAIA,uDACIS,gBALJ,WAKA,WACM,OAAO5B,KAAKuC,QAAQE,QAAO,SAAjC,sDAWEC,QAAS,CACP,kBADJ,SACA,2KAEA,qDAFA,OAGA,kBAHA,8CAKItB,kBANJ,WAOMpB,KAAKwB,oBAAqB,KClKgR,I,yMCQ5SmB,EAAY,eACd,EACA7C,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAW,EAAiB,QAmBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,aAAA,KAAWC,aAAA,KAAWC,UAAA,KAAQC,WAAA,KAASC,eAAA,OAAeC,QAAA,KAAMC,OAAA,KAAKC,UAAA,KAAQC,aAAA,Q,oCCtCzJ,W","file":"js/chunk-7fa3858c.57d9923d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-container',[_c('v-row',[_c('h1',[_vm._v(_vm._s(_vm.currentGroup.name))]),_c('v-spacer'),_c('v-btn',{staticClass:\"mr-3 my-auto\",attrs:{\"color\":\"secondary\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.inviteDialog = true}}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"mdi-share-variant\")]),_vm._v(\" Invite \")],1),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.inviteDialog),callback:function ($$v) {_vm.inviteDialog=$$v},expression:\"inviteDialog\"}},[[_c('v-card',{staticClass:\"d-flex flex-column\"},[_c('v-card-title',{staticClass:\"secondary headline\"},[_c('div',{staticClass:\"text-truncate white--text\"},[_vm._v(\" Invite Users \")])]),_c('v-card-text',{staticClass:\"py-2\"},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{staticClass:\"text-center\"},[_c('p',[_vm._v(\"To invite ScoreBoard users to join this group, they can select \\\"Join a Group\\\" from the group selection dropdown and input this unique group join code:\")]),_c('h4',[_vm._v(_vm._s(_vm.groupJoinCode))])])],1)],1),_c('v-spacer'),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"block\":\"\",\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){_vm.inviteDialog = false}}},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"error\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\" Close \")],1)],1)],1)]],2),_c('v-btn',{staticClass:\"hidden-xs-only my-auto\",attrs:{\"color\":\"secondary\",\"rounded\":\"\"},on:{\"click\":_vm.addNewMemberClick}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"mdi-account-multiple-plus\")]),_vm._v(\" Add Member \")],1),_c('v-fab-transition',[_c('v-btn',{staticClass:\"d-sm-none fab-mobile\",attrs:{\"color\":\"secondary\",\"fab\":\"\",\"fixed\":\"\"},on:{\"click\":_vm.addNewMemberClick}},[_c('v-icon',[_vm._v(\"mdi-account-multiple-plus\")])],1)],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.addNewMemberDialog),callback:function ($$v) {_vm.addNewMemberDialog=$$v},expression:\"addNewMemberDialog\"}},[_c('AddNewMember',{on:{\"close-modal\":function($event){_vm.addNewMemberDialog = false}}})],1),(_vm.loadingMembers)?_c('div',{staticClass:\"d-flex loader-container\"},[_c('RingLoader',{staticClass:\"my-auto mx-auto\",attrs:{\"loading\":_vm.loadingMembers,\"color\":\"#3949ab\",\"size\":200}})],1):_vm._e(),(!_vm.loadingMembers)?_c('div',[_c('v-card-title',[_c('v-text-field',{attrs:{\"prepend-inner-icon\":\"mdi-magnify\",\"clearable\":\"\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{attrs:{\"headers\":_vm.computedHeaders,\"items\":_vm.members,\"search\":_vm.search,\"mobile-breakpoint\":\"\",\"no-data-text\":\"There are no members in this group... yet!\",\"no-results-text\":\"Nothing found... try searching someting else?\"},on:{\"click:row\":_vm.handleDetailClick}})],1):_vm._e(),_c('v-dialog',{attrs:{\"max-width\":\"550px\",\"scrollable\":\"\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.detailDialog),callback:function ($$v) {_vm.detailDialog=$$v},expression:\"detailDialog\"}},[_c('MemberDetails',{on:{\"close-modal\":function($event){_vm.detailDialog = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container>\n    <v-container>\n      <v-row>\n        <h1>{{currentGroup.name}}</h1>\n        <v-spacer></v-spacer>\n\n          <!-- Invite users (with modal with join code) -->\n          <v-btn class=\"mr-3 my-auto\" color=\"secondary\" rounded @click=\"inviteDialog = true\">\n            <v-icon class=\"mr-2\">mdi-share-variant</v-icon>\n            Invite\n          </v-btn>\n          <v-dialog v-model=\"inviteDialog\" max-width=\"550px\" transition=\"dialog-bottom-transition\">\n            <template>\n              <v-card class=\"d-flex flex-column\">\n                <v-card-title class=\"secondary headline\">\n                  <div class=\"text-truncate white--text\">\n                    Invite Users\n                  </div>\n                </v-card-title>\n                <v-card-text class=\"py-2\">\n                  <v-row align=\"center\" justify=\"center\">\n                    <v-col class=\"text-center\">\n                      <p>To invite ScoreBoard users to join this group, they can select \"Join a Group\" from the group selection dropdown and input this unique group join code:</p>\n                      <h4>{{ groupJoinCode }}</h4>\n                    </v-col>\n                  </v-row>\n                </v-card-text>\n                <v-spacer></v-spacer>\n                <v-divider></v-divider>\n                <v-card-actions>\n                  <v-spacer></v-spacer>\n                  <v-btn block color=\"error\" text @click=\"inviteDialog = false\">\n                    <v-icon left color=\"error\">mdi-close-circle</v-icon>\n                    Close\n                  </v-btn>\n                </v-card-actions>\n              </v-card>\n            </template>\n          </v-dialog>\n\n        <!-- Desktop Action Button (stays at the top) -->\n          <v-btn class=\"hidden-xs-only my-auto\" color=\"secondary\" rounded @click=\"addNewMemberClick\">\n            <v-icon class=\"mr-2\">mdi-account-multiple-plus</v-icon>\n            Add Member\n          </v-btn>\n\n        <!-- Mobile FAB (position:fixed) -->\n        <v-fab-transition>\n          <v-btn class=\"d-sm-none fab-mobile\" color=\"secondary\" fab fixed @click=\"addNewMemberClick\">\n            <v-icon>mdi-account-multiple-plus</v-icon>\n          </v-btn>\n        </v-fab-transition>\n\n      </v-row>\n    </v-container>\n\n    <v-dialog\n      v-model=\"addNewMemberDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <!-- <AddNewMember v-on:close-modal=\"addNewMemberDialog = false\" v-on:change-to-group=\"getMembers\"/> -->\n      <AddNewMember v-on:close-modal=\"addNewMemberDialog = false\" />\n    </v-dialog>\n\n    <!-- Table and Search -->\n    <div v-if=\"loadingMembers\" class=\"d-flex loader-container\">\n      <RingLoader class=\"my-auto mx-auto\" :loading=\"loadingMembers\" color=\"#3949ab\" :size=200 />\n    </div>\n    <div v-if=\"!loadingMembers\">\n      <v-card-title>\n        <v-text-field v-model=\"search\" prepend-inner-icon=\"mdi-magnify\" clearable label=\"Search\" single-line hide-details></v-text-field>\n      </v-card-title>\n\n      <!-- mobile-breakpoint=\"\" eliminates the mobile table view option as I'm doing custom column visibility instead -->\n      <v-data-table\n        :headers=\"computedHeaders\"\n        :items=\"members\"\n        :search=\"search\"\n        mobile-breakpoint=\"\"\n        no-data-text=\"There are no members in this group... yet!\"\n        no-results-text=\"Nothing found... try searching someting else?\"\n        @click:row=\"handleDetailClick\"\n      >\n      </v-data-table>\n    </div>\n\n\n    <!-- Dialog/Modal with additional information -->\n    <v-dialog\n      v-model=\"detailDialog\"\n      max-width=\"550px\"\n      scrollable\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      transition=\"dialog-bottom-transition\"\n    >\n      <!-- <MemberDetails :member=\"detailMember\" v-on:close-modal=\"detailDialog = false\" @change-to-group=\"getMembers\"/> -->\n      <!-- <MemberDetails :member=\"detailMember\" v-on:close-modal=\"detailDialog = false\" /> -->\n      <MemberDetails v-on:close-modal=\"detailDialog = false\" />\n    </v-dialog>\n\n  </v-container>\n</template>\n\n<script>\nimport { RingLoader } from \"@saeris/vue-spinners\";\n\nexport default {\n  name: \"Members\",\n  components: {\n    MemberDetails: () => import(\"@/components/Members/MemberDetails.vue\"),\n    AddNewMember: () => import(\"@/components/Members/AddNewMember.vue\"),\n    RingLoader,\n  },\n  data() {\n    return {\n      search: \"\",\n      inviteDialog: false,\n      detailDialog: false,\n      addNewMemberDialog: false,\n      detailMember: null,\n      headers: [\n        { text: \"Joined\", value: 'readableDate', hide: 'xsOnly' },\n        { text: \"First\", value: 'firstName' },\n        { text: \"Last\", value: 'lastName' },\n        { text: \"Win %\", value: 'winPercentageDisplay' },\n        { text: \"# Wins\", value: 'numWins' },\n        { text: \"# Games Played\", value: 'numPlays', hide: 'smAndDown'},\n      ]\n    };\n  },\n  async created() {\n    await this.$store.dispatch(\"members/fetch\");\n    await this.$store.dispatch(\"groups/fetch\");\n  },\n  computed: {\n    members() { return this.$store.getters[\"members/members\"]; },  //TODO Only get play history/stats for performance in the current group\n    loadingMembers() { return this.$store.state.members.loadingMembers; },\n    currentGroup() { return this.$store.state.groups.currentGroup },\n    groupJoinCode() { return this.$store.state.groups.currentGroup.joinCode; },\n    computedHeaders() {\n      return this.headers.filter(h => !h.hide || !this.$vuetify.breakpoint[h.hide]);\n    },\n  },\n  // watch: {\n  //   ifGroupDataChanged() {\n  //     if (this.$store.state.ifGroupChanged === true) {\n  //       this.getMembers();\n  //       this.$store.commit('setIfGroupChanged', false);\n  //     }\n  //   },\n  // },\n  methods: {\n    async handleDetailClick(item) {\n      // this.detailMember = item;\n      await this.$store.dispatch(\"members/fetchOneForDetail\", item._id);\n      this.detailDialog = true;\n    },\n    addNewMemberClick() {\n      this.addNewMemberDialog = true;\n    },\n    // readableDate(date) {\n    //   return new Date(date).toLocaleDateString(\"en-US\", {\n    //     year: \"2-digit\",\n    //     month: \"2-digit\",\n    //     day: \"2-digit\",\n    //   });\n    // },\n  }\n};\n</script>\n\n<style scoped>\n.loader-container {\n  height: calc(100vh - 208px);\n}\n\n@media (max-width: 600px){\n  .mobile-invisible-column {\n    display: none !important;\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Members.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Members.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Members.vue?vue&type=template&id=19445247&scoped=true&\"\nimport script from \"./Members.vue?vue&type=script&lang=js&\"\nexport * from \"./Members.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Members.vue?vue&type=style&index=0&id=19445247&scoped=true&lang=css&\"\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  \"19445247\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDataTable,VDialog,VDivider,VFabTransition,VIcon,VRow,VSpacer,VTextField})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Members.vue?vue&type=style&index=0&id=19445247&scoped=true&lang=css&\""],"sourceRoot":""}