In this blogpost, I am going to explain how I programmed my code to edit information within topics and how to delete topics in the front end of the application. To find out how I needed to do this I continued with the playlist underneath.
Editing details
When I followed the step I noticed in the console that the slot ‘actuator’ in the button of the dialog didn’t work. So I searched how to solve this problem in the comments of the Youtube video and on the internet, but without any luck. Eventually I found a other method in the components page on the Vuetify website.
https://vuetifyjs.com/en/components/dialogs
Editing date
For the editing of the date I encountered a struggle where the data wasn’t compatible. Luckily I found a comment where a solution to my problem was found.
Result
In the video below you can see the result of the editing codes.
Reflection
It was nice to know how to use the time picker twice, and learn not to overwrite the date if used incorrectly. If the date data is stringed, it does work. The first time using the picker went easier, because you only had to connect it to the store and with it, Firebase.
Time spend on editing topics
- Watching the tutorial (editing date and details) : 2,5 hours
- Trying to find a solution on the actuator slot: 1,5 hour
- Trying to find a solution on the editing of the date: 2,5 hour
- Typing this blog: 2 hours
Employee satisfaction 