use embedly api to pre-fill heading and description on page.

1 files changed, 44 insertions, 32 deletions

diff --git a/app/views/tutorials/_form.html.erb b/app/views/tutorials/_form.html.erb
index c6a0379d..1a85e6f1 100644
--- a/app/views/tutorials/_form.html.erb
+++ b/app/views/tutorials/_form.html.erb
@@ -3,40 +3,52 @@
 $(function(){
   $('#tutorial_url').change(function(){
     var url = $('#tutorial_url').val();
-    $('a.oembed').attr('href', url);
-    $('a.oembed').embedly();
+    $.embedly(url, {}, function(data){
+      $('#tutorial_heading').val(data.title);
+      $('#tutorial_description').val(data.description);
+      $('img.embed-thumb').attr('src', data.thumbnail_url);
+      $('a.embed-url').attr('href', data.url);
+      $('a.embed-url').text(data.title);
+      $('a.embed-provider').attr('href', data.provider_url);
+      $('a.embed-provider').text(data.provider_name);
+      console.log(data);
+    });
   });
 });
 </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 class="span8">
+      <%= form_for(@tutorial, :html => {:class => "form-horizontal"}) do |f| %>
+        <fieldset>
+          <div class="control-group">
+            <%= f.label :url, :class => "control-label" %>
+            <div class="controls">
+              <%= f.text_field :url, :class => "input-xlarge" %>
+            </div>
+          </div>
+          <div class="control-group">
+            <%= f.label :heading, :class => "control-label" %>
+            <div class="controls">
+              <%= f.text_field :heading, :class => "input-xlarge" %>
+            </div>
+          </div>
+          <div class="control-group">
+            <%= f.label :description, :class => "control-label" %>
+            <div class="controls">
+              <%= f.text_area :description, :class => "input-xlarge" %>
+            </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>
+    <div class="span4">
+      <div class="embed">
+        <img class="embed-thumb" src="#">
+        <a class="embed-url" href="#"></a>
+        <a class="embed-provider" href="#"></a>
       </div>
-      <div class="control-group">
-        <%= f.label :url, :class => "control-label" %>
-        <div class="controls">
-          <%= f.text_field :url, :class => "input-xlarge" %>
-        </div>
-      </div>
-      <div class="control-group">
-        <%= f.label :description, :class => "control-label" %>
-        <div class="controls">
-          <%= f.text_area :description, :class => "input-xlarge" %>
-        </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>
-<div class="span4">
-  <a href="http://cakeside.com/" class="oembed"></a>
-</div>
+    </div>