Commit a912f099
Changed files (3)
app
assets
javascripts
presenters
views
tutorials
spec
javascripts
presenters
app/assets/javascripts/presenters/new_tutorial_presenter.js.coffee
@@ -6,7 +6,7 @@ class window.NewTutorialPresenter
this.add_tag(@view.tag_input.val())
create_list_item_for:(tag) ->
- '<li><a href="#" class="label">'+tag+'</a></li>'
+ '<a href="tags/"><span class="label">'+tag+'</span></a>'
add_tag:(new_tag) ->
@view.tag_list.append(this.create_list_item_for(new_tag))
app/views/tutorials/_form.html.erb
@@ -14,24 +14,16 @@ $(function(){
$('#tutorial_image_url').val(data.thumbnail_url);
});
});
- $('#add-tag-button').click(function(){
- var current = $('#hidden_tags').val();
- var new_value = current + ', ' + $('#tags').val();
- $('#tag_list').append('<li><a href="#" class="label">'+$('#tags').val()+'</a></li>');
- $('#hidden_tags').val(new_value);
- });
+ var view = {
+ add_tag_button: $('#add-tag-button'),
+ tag_list: $('#tag-list'),
+ tag_input: $('#tags'),
+ hidden_tag_list: $('#hidden_tags')
+ };
+ new NewTutorialPresenter(view).present();
});
</script>
<% end %>
-<div class="span4">
- <div class="embed">
- <img class="embed-thumb" src="#">
- <a class="embed-url" href="#"></a>
- <a class="embed-provider" href="#"></a>
- </div>
- <h2>tags</h2>
- <ul id="tag_list" class="control-label"></ul>
-</div>
<div class="span8">
<%= form_for(@tutorial, :html => {:class => "form-horizontal"}) do |f| %>
<fieldset>
@@ -71,3 +63,13 @@ $(function(){
</fieldset>
<% end %>
</div>
+<div class="span4">
+ <div class="thumbnail">
+ <img class="embed-thumb" src="" />
+ <div class="caption">
+ <h3></h3>
+ <p id="tag-list"></p>
+ <p></p>
+ </div>
+ </div>
+</div>
spec/javascripts/presenters/new_tutorial_presenter_spec.js
@@ -12,7 +12,7 @@ describe ("NewTutorialPresenter", function() {
var view;
describe ("when the add tag button is clicked", function() {
it ("should add the new tag to the list of tags", function() {
- expect(view.tag_list.html()).toEqual('<li><a href="#" class="label">ruby</a></li>');
+ expect(view.tag_list.html()).toEqual('<a href="tags/"><span class="label">ruby</span></a>');
});
it ("should add the new tag to the hidden list of tags", function() {
expect(view.hidden_tag_list.val()).toEqual('ruby');