{"version":3,"sources":["webpack:///./src/views/Entries/SupportTeam.vue?f23a","webpack:///./src/views/Entries/SupportTeam.vue?e167","webpack:///src/views/Entries/SupportTeam.vue","webpack:///./src/views/Entries/SupportTeam.vue?14ef","webpack:///./src/views/Entries/SupportTeam.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","attrs","on","$event","newDialog","dataLoading","loadData","scopedSlots","_u","key","fn","proxy","model","value","callback","$$v","search","expression","gridData","columns","handleDoubleClick","data","props","removingUserID","row","id","removeUser","_e","newFormData","ref","state","createLoading","$refs","newForm","create","viewDetailsDialog","close","viewFormData","saveLoading","editForm","save","staticRenderFns","component","QPage","QCard","QCardSection","QIcon","QTooltip","QBtn","QSpace","QInput","QSeparator","QTd","QDialog","QScrollArea"],"mappings":"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","file":"js/supportTeam.f1f3fa4e.js","sourcesContent":["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!./SupportTeam.vue?vue&type=style&index=0&id=4030eaab&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('q-page',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-card',[_c('q-card-section',[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\" Users \")]),_c('q-btn',{staticClass:\"q-ml-md\",attrs:{\"color\":\"primary\",\"text-color\":\"white\",\"no-caps\":\"\"},on:{\"click\":function($event){_vm.newDialog = true}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-plus-circle\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Add \")],1),_c('q-btn',{staticClass:\"q-ml-md\",attrs:{\"color\":\"secondaryButton\",\"text-color\":\"accent\",\"no-caps\":\"\",\"unelevated\":\"\",\"icon\":\"mdi-refresh\",\"loading\":_vm.dataLoading},on:{\"click\":_vm.loadData}}),_c('q-space'),_c('q-input',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"filled\":\"\",\"debounce\":\"200\",\"label\":\"Search\",\"clearable\":\"\",\"dense\":\"\"},scopedSlots:_vm._u([{key:\"prepend\",fn:function(){return [_c('q-icon',{attrs:{\"name\":\"mdi-magnify\"}})]},proxy:true}]),model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"q-pa-none\"},[(_vm.gridData)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 mt-0 pt-0\",staticStyle:{\"height\":\"calc(100vh - 270px) !important\"}},[_c('datatable',{attrs:{\"filter\":_vm.search,\"flat\":true,\"data\":_vm.gridData,\"columns\":_vm.columns},on:{\"rowDoubleClick\":_vm.handleDoubleClick},scopedSlots:_vm._u([{key:\"body-cell-actions\",fn:function(data){return [_c('q-td',{attrs:{\"props\":data.props}},[_c('q-btn',{attrs:{\"loading\":_vm.removingUserID == data.props.row.id,\"round\":\"\",\"flat\":\"\",\"color\":\"negative\"},on:{\"click\":function($event){return _vm.removeUser(data.props.row.id)}}},[_c('q-icon',{attrs:{\"name\":\"mdi-trash-can-outline\"}}),_c('q-tooltip',[_vm._v(\"Remove User\")])],1)],1)]}}],null,false,309969133)})],1)])]):_vm._e()])],1)],1)]),_c('q-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"90vw\"},model:{value:(_vm.newDialog),callback:function ($$v) {_vm.newDialog=$$v},expression:\"newDialog\"}},[(_vm.newDialog)?_c('q-card',{staticStyle:{\"width\":\"600px\",\"max-width\":\"600px\"},attrs:{\"tile\":\"\"}},[_c('q-card-section',{staticClass:\"q-pa-sm q-pl-md\"},[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"New User\")]),_c('q-space'),_c('q-btn',{attrs:{\"round\":\"\",\"flat\":\"\",\"icon\":\"mdi-close\"},on:{\"click\":function($event){_vm.newDialog = false;\n              _vm.newFormData = {};}}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"formHeight q-pa-none\"},[_c('q-scroll-area',{staticStyle:{\"height\":\"calc(100vh - 191px) !important\"}},[_c('userForm',{ref:\"newForm\",attrs:{\"forAssociation\":\"\"},on:{\"close\":function($event){_vm.newDialog = false},\"loadingStateChanged\":function (state) { return (_vm.createLoading = state); }}})],1)],1),_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"float-right\",attrs:{\"loading\":_vm.createLoading,\"color\":\"primary\",\"no-caps\":\"\"},on:{\"click\":function($event){return _vm.$refs.newForm.create()}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-plus-circle\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Add \")],1)],1)])])],1):_vm._e()],1),_c('q-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"90vw\"},model:{value:(_vm.viewDetailsDialog),callback:function ($$v) {_vm.viewDetailsDialog=$$v},expression:\"viewDetailsDialog\"}},[(_vm.viewDetailsDialog)?_c('q-card',{staticStyle:{\"width\":\"600px\",\"max-width\":\"600px\"},attrs:{\"tile\":\"\"}},[_c('q-card-section',{staticClass:\"q-pa-sm q-pl-md\"},[_c('div',{staticClass:\"row items-center\"},[_c('div',{staticClass:\"text-h6\",staticStyle:{\"display\":\"inline-block\"}},[_vm._v(\"User\")]),_c('q-space'),_c('q-btn',{attrs:{\"round\":\"\",\"flat\":\"\",\"icon\":\"mdi-close\"},on:{\"click\":_vm.close}})],1)]),_c('q-separator'),_c('q-card-section',{staticClass:\"formHeight q-pa-none\"},[_c('q-scroll-area',{staticStyle:{\"height\":\"400px !important\"}},[_c('userForm',{ref:\"editForm\",attrs:{\"id\":_vm.viewFormData.id,\"forAssociation\":\"\"},on:{\"close\":_vm.close,\"loadingStateChanged\":function (state) { return (_vm.saveLoading = state); }}})],1)],1),_c('q-card-section',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('q-btn',{staticClass:\"float-right\",attrs:{\"loading\":_vm.saveLoading,\"color\":\"primary\",\"no-caps\":\"\"},on:{\"click\":function($event){return _vm.$refs.editForm.save()}}},[_c('q-icon',{staticClass:\"q-mr-sm\",attrs:{\"name\":\"mdi-content-save\",\"color\":\"white\",\"size\":\"xs\"}}),_vm._v(\" Save \")],1)],1)])])],1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <q-page>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <q-card>\n          <q-card-section>\n            <div class=\"row items-center\">\n              <div style=\"display: inline-block\" class=\"text-h6\">\n                Users\n                <!-- <q-icon name=\"mdi-help-circle\" size=\"sm\">\n                  <q-tooltip>\n                    <div style=\"max-width: 250px; font-size: 14px\">\n                      This is the area where you will be able to create Team\n                      Manager and Coach accounts/Users for your association.\n                      This is currently under development and will be out soon!\n                    </div>\n                  </q-tooltip>\n                </q-icon> -->\n              </div>\n              <q-btn\n                class=\"q-ml-md\"\n                color=\"primary\"\n                text-color=\"white\"\n                no-caps\n                @click=\"newDialog = true\"\n              >\n                <q-icon\n                  name=\"mdi-plus-circle\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Add\n              </q-btn>\n              <q-btn\n                class=\"q-ml-md\"\n                color=\"secondaryButton\"\n                text-color=\"accent\"\n                no-caps\n                unelevated\n                icon=\"mdi-refresh\"\n                :loading=\"dataLoading\"\n                @click=\"loadData\"\n              >\n              </q-btn>\n              <q-space />\n              <q-input\n                style=\"max-width: 70%\"\n                filled\n                v-model=\"search\"\n                debounce=\"200\"\n                label=\"Search\"\n                clearable\n                dense\n              >\n                <template #prepend>\n                  <q-icon name=\"mdi-magnify\"> </q-icon>\n                </template>\n              </q-input>\n            </div>\n          </q-card-section>\n\n          <q-separator />\n          <q-card-section class=\"q-pa-none\">\n            <div v-if=\"gridData\">\n              <div class=\"row\">\n                <!-- <div class=\"col-12 my-0 py-0 pl-6\">\n                  *Double click row to open\n                </div> -->\n\n                <div\n                  class=\"col-12 mt-0 pt-0\"\n                  style=\"height: calc(100vh - 270px) !important\"\n                >\n                  <datatable\n                    :filter=\"search\"\n                    :flat=\"true\"\n                    :data=\"gridData\"\n                    :columns=\"columns\"\n                    @rowDoubleClick=\"handleDoubleClick\"\n                  >\n                    <template slot=\"body-cell-actions\" slot-scope=\"data\">\n                      <q-td :props=\"data.props\">\n                        <q-btn\n                          :loading=\"removingUserID == data.props.row.id\"\n                          @click=\"removeUser(data.props.row.id)\"\n                          round\n                          flat\n                          color=\"negative\"\n                        >\n                          <q-icon name=\"mdi-trash-can-outline\"></q-icon>\n                          <q-tooltip>Remove User</q-tooltip>\n                        </q-btn>\n                      </q-td>\n                    </template>\n                  </datatable>\n                </div>\n              </div>\n            </div>\n          </q-card-section>\n          <!-- <expandedToolbar\n            :newButton=\"true\"\n            @newButtonClick=\"newDialog = true\"\n          /> -->\n        </q-card>\n      </div>\n    </div>\n    <q-dialog v-model=\"newDialog\" persistent max-width=\"90vw\">\n      <q-card v-if=\"newDialog\" tile style=\"width: 600px; max-width: 600px\">\n        <q-card-section class=\"q-pa-sm q-pl-md\">\n          <div class=\"row items-center\">\n            <div style=\"display: inline-block\" class=\"text-h6\">New User</div>\n            <q-space />\n            <q-btn\n              round\n              flat\n              icon=\"mdi-close\"\n              @click=\"\n                newDialog = false;\n                newFormData = {};\n              \"\n            >\n            </q-btn>\n          </div>\n        </q-card-section>\n        <q-separator />\n        <q-card-section class=\"formHeight q-pa-none\">\n          <q-scroll-area style=\"height: calc(100vh - 191px) !important\">\n            <userForm\n              ref=\"newForm\"\n              forAssociation\n              @close=\"newDialog = false\"\n              @loadingStateChanged=\"(state) => (createLoading = state)\"\n            />\n          </q-scroll-area>\n        </q-card-section>\n        <q-card-section>\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <q-btn\n                @click=\"$refs.newForm.create()\"\n                :loading=\"createLoading\"\n                color=\"primary\"\n                no-caps\n                class=\"float-right\"\n              >\n                <q-icon\n                  name=\"mdi-plus-circle\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Add\n              </q-btn>\n            </div>\n          </div>\n        </q-card-section>\n      </q-card>\n    </q-dialog>\n    <q-dialog v-model=\"viewDetailsDialog\" persistent max-width=\"90vw\">\n      <q-card\n        v-if=\"viewDetailsDialog\"\n        tile\n        style=\"width: 600px; max-width: 600px\"\n      >\n        <q-card-section class=\"q-pa-sm q-pl-md\">\n          <div class=\"row items-center\">\n            <div style=\"display: inline-block\" class=\"text-h6\">User</div>\n            <q-space />\n            <q-btn round flat icon=\"mdi-close\" @click=\"close\"> </q-btn>\n          </div>\n        </q-card-section>\n        <q-separator />\n        <q-card-section class=\"formHeight q-pa-none\">\n          <q-scroll-area style=\"height: 400px !important\">\n            <userForm\n              ref=\"editForm\"\n              :id=\"viewFormData.id\"\n              forAssociation\n              @close=\"close\"\n              @loadingStateChanged=\"(state) => (saveLoading = state)\"\n            />\n          </q-scroll-area>\n        </q-card-section>\n        <q-card-section>\n          <div class=\"row\">\n            <div class=\"col-12\">\n              <q-btn\n                @click=\"$refs.editForm.save()\"\n                :loading=\"saveLoading\"\n                color=\"primary\"\n                no-caps\n                class=\"float-right\"\n              >\n                <q-icon\n                  name=\"mdi-content-save\"\n                  color=\"white\"\n                  class=\"q-mr-sm\"\n                  size=\"xs\"\n                ></q-icon>\n                Save\n              </q-btn>\n            </div>\n          </div>\n        </q-card-section>\n      </q-card>\n    </q-dialog>\n  </q-page>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import datatable from \"@/components/datatable/datatable.vue\";\n  import userForm from \"@/components/users/userForm.vue\";\n  import moment from \"moment\";\n\n  // import { Notify } from \"quasar\";\n\n  export default {\n    components: {\n      datatable,\n      userForm,\n    },\n    computed: {\n      ...mapGetters({\n        currentUser: \"auth/currentUser\",\n        currentUserData: \"auth/currentUserData\",\n        gridData: \"associations/users\",\n        dataLoading: \"associations/usersLoading\",\n      }),\n    },\n    data: () => ({\n      // data-table\n      columns: [\n        {\n          name: \"id\",\n          label: \"ID\",\n          align: \"left\",\n          field: \"id\",\n          sortable: true,\n        },\n        {\n          name: \"name\",\n          label: \"Name\",\n          align: \"left\",\n          field: \"name\",\n          sortable: true,\n        },\n        {\n          name: \"email\",\n          label: \"Email\",\n          align: \"left\",\n          field: \"email\",\n          sortable: true,\n        },\n        {\n          name: \"role\",\n          label: \"Role\",\n          align: \"left\",\n          field: \"role\",\n\n          sortable: true,\n        },\n        {\n          name: \"created_at\",\n          label: \"Created At\",\n          align: \"left\",\n          field: \"created_at\",\n          format: (val) =>\n            val != null\n              ? moment.utc(val).local().format(\"DD-MMM, YYYY h:mma\")\n              : \"\",\n          sortable: true,\n        },\n        {\n          name: \"updated_at\",\n          label: \"Updated At\",\n          align: \"left\",\n          field: \"updated_at\",\n          format: (val) =>\n            val != null\n              ? moment.utc(val).local().format(\"DD-MMM, YYYY h:mma\")\n              : \"\",\n          sortable: true,\n        },\n        {\n          name: \"actions\",\n          label: \"Actions\",\n          align: \"left\",\n          sortable: false,\n        },\n      ],\n      search: \"\",\n\n      createLoading: false,\n\n      newDialog: false,\n\n      // View and Edit\n      viewFormData: {},\n      saveLoading: false,\n      viewDetailsDialog: false,\n\n      removingUserID: null,\n    }),\n    watch: {\n      $route: function () {\n        this.handleRoute();\n      },\n    },\n    mounted() {\n      this.loadData();\n      this.handleRoute();\n    },\n    methods: {\n      handleDoubleClick(row) {\n        if (this.currentUserData.role != \"Sport Manager\") {\n          this.$router.push(`${this.$route.path}/${row.id}`);\n        }\n      },\n      loadData() {\n        this.$store.dispatch(\n          \"associations/loadUsers\",\n          this.currentUserData.currentAssociation_id\n        );\n        this.$store.dispatch(\"associations/loadMembersForAssociation\", {\n          id: this.currentUserData.currentAssociation_id,\n        });\n      },\n      handleRoute() {\n        if (this.$route.params.user_id) {\n          this.viewFormData = { id: this.$route.params.user_id };\n          this.$nextTick(() => {\n            this.viewDetailsDialog = true;\n          });\n        } else {\n          this.viewDetailsDialog = false;\n        }\n      },\n      close() {\n        this.$router.push(\"/entries/supportTeam\");\n      },\n      removeUser(id) {\n        this.removingUserID = id;\n        this.$store\n          .dispatch(\"associations/removeUser\", {\n            users_id: id,\n            ref_id: this.id,\n          })\n          .then((result) => {\n            if (result.Result == \"Success\") {\n              this.address = \"\";\n              this.$q.notify({\n                position: \"top-right\",\n                type: \"positive\",\n                message: result.Response.Message,\n              });\n            } else {\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      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  #depthCard:hover {\n    background: #5cb3ff;\n    color: white;\n  }\n\n  .formHeight {\n    min-height: 400px;\n    max-height: 400px;\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!./SupportTeam.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!./SupportTeam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SupportTeam.vue?vue&type=template&id=4030eaab&scoped=true&\"\nimport script from \"./SupportTeam.vue?vue&type=script&lang=js&\"\nexport * from \"./SupportTeam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SupportTeam.vue?vue&type=style&index=0&id=4030eaab&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  \"4030eaab\",\n  null\n  \n)\n\nexport default component.exports\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport QTooltip from 'quasar/src/components/tooltip/QTooltip.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QSpace from 'quasar/src/components/space/QSpace.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport QTd from 'quasar/src/components/table/QTd.js';\nimport QDialog from 'quasar/src/components/dialog/QDialog.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', {QPage,QCard,QCardSection,QIcon,QTooltip,QBtn,QSpace,QInput,QSeparator,QTd,QDialog,QScrollArea});\n"],"sourceRoot":""}