Commit a912f099

mo k <mo@mokhan.ca>
2012-09-18 22:30:16
change preview to match the look on the tutorials#index page.
1 parent c2536e0
Changed files (3)
app
assets
javascripts
views
spec
javascripts
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');