diff options
| author | Teddy Wing | 2013-11-10 12:20:07 -0500 |
|---|---|---|
| committer | Teddy Wing | 2013-11-10 12:20:07 -0500 |
| commit | 50dcbc710a065cef782d9b11bc9d15fea4f0d71b (patch) | |
| tree | 15a70c621ac9135232cbe70eb2eb84a3205f4415 | |
| parent | d907e2edc62ea2b990c722b9db0af73aecebaa74 (diff) | |
| download | clip-play-50dcbc710a065cef782d9b11bc9d15fea4f0d71b.tar.bz2 | |
Add new samples when pressing the enter key in the add form
| -rw-r--r-- | assets/js/views/sample-add-view.js | 9 | ||||
| -rw-r--r-- | index.html | 6 |
2 files changed, 12 insertions, 3 deletions
diff --git a/assets/js/views/sample-add-view.js b/assets/js/views/sample-add-view.js index 8be2fb8..6fea239 100644 --- a/assets/js/views/sample-add-view.js +++ b/assets/js/views/sample-add-view.js @@ -4,7 +4,8 @@ ClipPlay.Views.SampleAddView = Marionette.View.extend({ url_matcher: /(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/, events: { - 'click .js-create-sample': 'on_sample_add' + 'click .js-create-sample': 'on_sample_add', + 'submit .js-add-sample-form': 'hijack_form' }, initialize: function(options) { @@ -12,6 +13,12 @@ ClipPlay.Views.SampleAddView = Marionette.View.extend({ this.$input = this.$('.js-sample-url'); }, + hijack_form: function() { + this.on_sample_add(); + + return false; + }, + add_sample_to_collection: function() { this.collection.add({ url: this.$input.val() @@ -21,8 +21,10 @@ <div role="main"> <div id="add-sample"> - <input type="text" class="url-input js-sample-url" placeholder="http://www.youtube.com/watch?v=_JGaQ3g8WU4" /> - <button type="button" class="button green large js-create-sample">+</button> + <form action="" method="get" class="js-add-sample-form"> + <input type="text" class="url-input js-sample-url" placeholder="http://www.youtube.com/watch?v=_JGaQ3g8WU4" /> + <button type="button" class="button green large js-create-sample">+</button> + </form> </div> <div id="samples"></div> |