diff options
| -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> |