Commit 08fec6c9

mo k <mo@mokhan.ca>
2012-09-11 02:55:54
use embedly to display a preview image on the new share page.
master
1 parent da802e7
Changed files (3)
app
views
layouts
application.html.erb
tutorials
_form.html.erb
new.html.erb
app/views/layouts/application.html.erb
@@ -30,5 +30,6 @@
     <%= render "shared/chrome_frame"%>
     <%= yield :javascript %>
     <%= render "shared/google_analytics" %>
+    <script type="text/javascript" src="http://scripts.embed.ly/jquery.embedly.min.js"></script>
   </body>
 </html>
app/views/tutorials/_form.html.erb
@@ -1,26 +1,42 @@
-<%= form_for(@tutorial, :html => {:class => "form-horizontal"}) do |f| %>
-  <fieldset>
-    <div class="control-group">
-      <%= f.label :heading, :class => "control-label" %>
-      <div class="controls">
-        <%= f.text_field :heading, :class => "input-xlarge" %>
+<% content_for :javascript do %>
+<script type="text/javascript" charset="utf-8">
+$(function(){
+  $('#tutorial_url').change(function(){
+    var url = $('#tutorial_url').val();
+    $('a.oembed').attr('href', url);
+    $('a.oembed').embedly();
+  });
+});
+</script>
+<% end %>
+<div class="span8">
+  <%= form_for(@tutorial, :html => {:class => "form-horizontal"}) do |f| %>
+    <fieldset>
+      <div class="control-group">
+        <%= f.label :heading, :class => "control-label" %>
+        <div class="controls">
+          <%= f.text_field :heading, :class => "input-xlarge" %>
+        </div>
       </div>
-    </div>
-    <div class="control-group">
-      <%= f.label :url, :class => "control-label" %>
-      <div class="controls">
-        <%= f.text_field :url, :class => "input-xlarge" %>
+      <div class="control-group">
+        <%= f.label :url, :class => "control-label" %>
+        <div class="controls">
+          <%= f.text_field :url, :class => "input-xlarge" %>
+        </div>
       </div>
-    </div>
-    <div class="control-group">
-      <%= f.label :description, :class => "control-label" %>
-      <div class="controls">
-        <%= f.text_area :description, :class => "input-xlarge" %>
+      <div class="control-group">
+        <%= f.label :description, :class => "control-label" %>
+        <div class="controls">
+          <%= f.text_area :description, :class => "input-xlarge" %>
+        </div>
       </div>
-    </div>
-    <div class="form-actions">
-      <button type="submit" class="btn btn-primary">Save changes</button>
-      <a href="<%= url_for tutorials_url %>" class="btn">Cancel</a>
-    </div>
-  </fieldset>
-<% end %>
+      <div class="form-actions">
+        <button type="submit" class="btn btn-primary">Save changes</button>
+        <a href="<%= url_for tutorials_url %>" class="btn">Cancel</a>
+      </div>
+    </fieldset>
+  <% end %>
+</div>
+<div class="span4">
+  <a href="http://cakeside.com/" class="oembed"></a>
+</div>
app/views/tutorials/new.html.erb
@@ -3,7 +3,5 @@
   <h1>Share a new tutorial</h1>
 </div>
 <div class="row">
-  <div class="span12">
     <%= render 'form' %>
-  </div>
 </div>