Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
currentTeam | Object | - | Yes | - |
editMemberId | String | - | Yes | - |
seasonTabIndex | Number | 0 | No | - |
Data
| Name | Type | Default value | Description |
|---|---|---|---|
id | String | - | - |
newMemberName | String|null | null | - |
newMemberNickname | String|null | null | - |
newMemberAbbreviation | String|null | null | - |
Computed
| Name | Type | Description |
|---|---|---|
newMemberNameIsValid | Boolean | - |
newMemberNameStateFeedback | String|null | - |
proposedAbbreviation | String|null | - |
abbreviationIsValid | Boolean | - |
abbreviationStateFeedback | String|null | - |
Events
| Name | Payload Type | Description |
|---|---|---|
memberCreated | Object | - |
memberUpdated | Object | - |
Examples
<template>
<CreateMemberModal :currentTeam="team" :editMemberId="'memberId'" @memberCreated="handler" @memberUpdated="handler" />
<Button @click="() => $refs.createMemberModal.open()" />
</template><template>
<CreateMemberModal ref="createMemberModal" :currentTeam="team" :editMemberId="'memberId'" :seasonTeamIndex="0" @memberCreated="handler" @memberUpdated="handler" />
<Button @click="() => $refs.createMemberModal.open()" />
</template>