A 'reward sound' should play on successful new learn creation

louisebolden commented 7 years ago

Use a hidden <audio> element, and a sound like this.

nabiirah commented 6 years ago

Hi, I'm working on this one. Thanks!

louisebolden commented 6 years ago

Great! Let me know if any questions.

nabiirah commented 6 years ago

Hi Louise, I've been trying to rectify this issue but I'm having trouble locating the HTML, CSS and java that is related to the "save" button. There are codes which I cannot find in my code Visual Studio Code editor but when I inspect the code in Firefox the codes are present. I'm not sure why the code in the inspector isn't identical to the code I've cloned. Please give me some more insight on how I can access the relevant codes I need to rectify the issue. Thanks

louisebolden commented 6 years ago

Hey @nkaseruuzi - apologies for the delay in response!

If you're still interested in working on this issue, these two links to sections of code should be helpful:

The HTML template for the 'New Learn Form' is here, where you can see the Vue.js syntax for adding a custom form submit event handler (while disabling any default submit behaviour) is <form @submit.prevent="saveNewLearn">
The saveNewLearn method definition can be found in the same file, just above the template code, here

I'll confess that it took me a few mins to find these sections despite being previously familiar with this codebase, as I've not worked on a Vue.js project recently. It's a very different syntax to vanilla HTML and JavaScript! Plus, there may be other ways of organising Vue.js projects that we're not using here. So let me know if anything else is unclear in the codebase (and accept my apologies for it). :-)

no-mayo / today-i-learned

A 'reward sound' should play on successful new learn creation #12