Editing Meetups | Vue.js + Vuetify + Firebase FULL PROJECT

Up to this point we added a lot of features to our project. But we are not done yet. Let's learn how we can make meetups editable in this video!

----------

----------

See you in the videos!

[lucashoffmann]

Danke schön Max, you`ve the gift of the greatest code learning videos of youtube. You inspire us! It`s a pleasure! By: A german living in Paraguay!


PS: The way I found to skip loading errors of the meetup instead using the loading stuff is simply adding:
<div v-if="meetup">
</div>
(At the first div before the template tag).


Best regards!!!

[EvanZamir]

Thanks again Max. I've learned a ton from this series of videos. Keep up the good work!

[peekpt]

Thanks Max! one more lesson achieved!
But instead of closing it only with false I used this method instead at @click to reset the modal values because if we try to re-edit after cancel it, it will return it with the new value.
onClose () {
this.editDialog = false
this.editedTitle = this.meetup.title
this.editedDescription = this.meetup.description
}

[sashakost]

Thank you very much Max, for the great work.

[sad_rasta]

Yo I've a question... how do i delete the meetup? i mean i know how to delete it on firebase with the remove method but how do i update the store in like "realtime"? :D

[TheYannsonnboys]

Amazing man great tutorial. You do an awesome job. Can you also add the map option so people can see the route to the MeetUp

[obrien]

Does anyone know if it is possible to update an array like this? by setting the updated value to the existing value? like checkboxes?

[musoverda]

Hey, Max! A question on the Vue. Knowledge of Vue implies familiarity with backend? Laravel, database?
For example, in your series on the Vue + Vuetify you're still using the backend in the form of a Firebase, right?

[badabum]

For refresh button trouble (on meeting.vue)

add an new computed: property

checkMeetupLoad() {
return this.meetup != null ? true : false
}

and in the template use v-if="checkMeetupLoad" and not "v-else" on the 2nd <v-layout> with the v-card inside.

with v-else or v-if="!loading" i got errors in the console after refresh the page...

[regibyte]

Super awesome video Max! How far are we from the end of this series ? I really love it haha

[christopherstock]

Loving this series Max. I notice that if you begin a change, but then close the dialogue the change is reflected in the UI because the state has been updated. Would it be feasible to populate the Meetups, Meetup and Dialog with data from firebase rather than state?

[cecilangyipeng]

Hey guys, can anyone help me out with this? I noticed that while my firebase data is updated with edits, they are not reflected in my template after submitting the edited form and closing the dialog. However, upon reloading my site, the edits start to appear, which seems odd. Did anyone encounter the same issue? Thanks!

[luciusrex]

I wonder how we can place all authentication/authorization middleware into the authguard.js file

[baibhabmondal]

I don't understand how did the state get updated.
we use a const variable, meetup.
and we update meetup.title = "balh blah"....
but in the process, we never do anything like
hope you get my point.
I understand that you're getting that particular meetup using find() but how is it actually getting updated in state? please help.

[rachelvoth]

Hi there! Thanks for the great videos. I have an error that comes up when I refresh my browser on the single Meetup page. When I refresh, there is a typeError because the meetup is no longer defined and therefore none of its properties can be read. Do you have any suggestions? Thanks!

[shahzaib_]

when createmeetups authguard not work on reloading that

[preil]

It seems to me that there is not enough validation. You can edit another user meetups by passing another meetup id. Am I wrong?

[dudibgd]

Editing (changing) the image, maybe, also?

[muzammilrafay]

hey Max Thats tutorial Really Good for me and i have learned alot of things in this series thanks alot now i am about to end of this series thankss :-)

[musoverda]

22:38
I think it would be more nice to create a method to close the dialog and simply call it where necessary:

close () {
this.dialog = false
}
...
this.close()

but this is my personal opinion )