[napajanie modalov na BE]

app/src/plugins/tm@overview/teams/_components/a-teams-table.vue

@@ -20,24 +20,11 @@
 				</tr>
 			</tbody>
 		</v-table>
-
-		<Z-team-modal ref="z-team-modal" />
-		<Z-delete-team-modal ref="z-delete-team-modal" @deleted="onTeamDeleted" />
 	</div>
 </template>
 
 <script>
-import ZDeleteTeamModal from '@/plugins/tm@modal/team/z-delete-team-modal.vue'
-import ZTeamModal		from '@/plugins/tm@modal/team/z-team-modal.vue'
-
 export default {
-	emits: ['refresh'],
-
-	components: {
-		ZDeleteTeamModal,
-		ZTeamModal
-	},
-
 	props: {
 		teams: {
 			type: Array,
@@ -47,15 +34,11 @@ export default {
 
 	methods: {
 		editTeam(team) {
-			this.$refs['z-team-modal'].create(team.id)
+			this.$events.emit('show-team-modal', {team})
 		},
 
 		deleteTeam(team) {
-			this.$refs['z-delete-team-modal'].delete(team)
-		},
-
-		onTeamDeleted() {
-			this.$emit('refresh')
+			this.$events.emit('show-delete-team-modal', {team})
 		}
 	}
 }

app/src/plugins/tm@overview/teams/teams.vue

@@ -1,6 +1,6 @@
 <template>
 	<W-loadable :content="teams">
-		<A-teams-table :teams="teams" @refresh="loadData" />
+		<A-teams-table :teams="teams" />
 	</W-loadable>
 </template>
 
@@ -19,15 +19,19 @@ export default {
 	},
 
 	async created() {
-		await this.loadData()
+		await this._loadData()
+	},
+
+	mounted() {
+		this.$events.on('on-team-deleted', () => this._loadData())
 	},
 
 	methods: {
-		async loadData() {
+		async _loadData() {
 			this.teams = null
 			
 			try {
-				this.teams = await this.$axios.get_auth_data('v1/teamsx')
+				this.teams = await this.$axios.get_auth_data('v1/teams')
 			} catch (error) {
 				this.teams = {error}
 			}