ok

Author: peakpado

app/assets/images/heart-faded.png

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

app/assets/images/heart.png

@@ -0,0 +1,51 @@
+// Place all the styles related to the dashboard controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+// copied from apotomo_peters_guide
+
+.column { width: 300px; float: left; padding-bottom: 100px; }
+.portlet { margin: 0 1em 1em 0; }
+.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
+.portlet-header .ui-icon { float: right; }
+.portlet-content { padding: 0.4em; }
+.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
+.ui-sortable-placeholder * { visibility: hidden; }
+
+#twitter li {
+  list-style-type: none;
+  margin: 0 0 0.25em;
+	
+	background:none repeat scroll 0 0 darkgrey;
+	color:#EEEEEE;
+	display:block;
+	padding:0.25em;
+	text-decoration:none;
+	width:12em;
+}
+
+#twitter ul {
+	margin: 0;
+	padding: 0;
+	width: 0;
+}
+
+#twitter li img {
+	float: right;
+	margin-right: 3px;
+}
+
+#twitter input {
+	width: 240px;
+}
+
+#errorExplanation {
+	background-color: grey;
+	padding: 8px;
+}
+#errorExplanation {
+	font-size: 9pt;
+}
+#errorExplanation h2 {
+	font-size: 12pt;
+}

app/assets/images/trashbin_empty.png

@@ -0,0 +1,11 @@
+class DashboardController < ApplicationController
+  
+  has_widgets do |root|
+    root << widget(:twitter, :title => "Twitter")
+    root << widget(:trashbin, :title => "Trash Bin")
+  end
+  
+  def index
+  end
+
+end

app/assets/images/trashbin_full.png

@@ -0,0 +1,2 @@
+module DashboardHelper
+end

app/assets/javascripts/dashboard.js.coffee

@@ -0,0 +1,28 @@
+%h1 Rails Portlets Dashboard
+
+#dashboard
+  .column
+    = render_widget 'twitter'
+  .column
+    = render_widget 'trashbin'
+  -#.column
+    -#= render_widget 'autocomplete'
+
+:javascript
+  $(function() {
+    $(".column").sortable({
+      connectWith: '.column'
+    });
+    
+    $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
+      .find(".portlet-header")
+        .addClass("ui-widget-header ui-corner-all")
+        .prepend('<span class="ui-icon ui-icon-minusthick"></span>')
+        .end()
+      .find(".portlet-content");
+    
+    $(".portlet-header .ui-icon").click(function() {
+      $(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");
+      $(this).parents(".portlet:first").find(".portlet-content").toggle();
+    });
+  });

app/assets/stylesheets/dashboard.css.scss

@@ -0,0 +1,5 @@
+= widget_div :class => :portlet, :id => "portlet-#{widget_id}" do
+  .portlet-header
+    = @title || "Eggplant portlet!"
+  .portlet-content(id=widget_id)
+    = yield

app/assets/stylesheets/eggplant/images/ui-bg_flat_0_aaaaaa_40x100.png

@@ -1,5 +1,8 @@
-= widget_div do
-  %h1
-    TrashbinWidget#display
-  %p
-    Find me in app/widgets/trashbin/display.html.haml
+= image_tag "trashbin_empty.png", 'data-event-url' => url_for_event(:drop), :id => "trashbin-imgtag"
+
+:javascript
+  $("#trashbin").droppable({
+    drop: function(event, ui) {
+      $.ajax({url: $("#trashbin-imgtag").attr("data-event-url") + "&id=" + ui.draggable.attr("data-id")});
+    }
+  });

app/assets/stylesheets/eggplant/images/ui-bg_flat_0_eeeeee_40x100.png

@@ -1,7 +1,23 @@
 class TrashbinWidget < Apotomo::Widget
 
+  responds_to_event :drop, :with => :trash
+  
+  after_initialize :setup!
+  
   def display
-    render
+    render :layout => 'portlet'
   end
+  
+  def trash
+    Tweet.find(param(:id)).delete
+    trigger :tweetDeleted
+    
+    update :view => :display
+  end
+  
+  private
+    def setup!(*)
+      @title = options[:title]
+    end
 
 end

app/assets/stylesheets/eggplant/images/ui-bg_flat_55_994d53_40x100.png

@@ -1,5 +1,20 @@
-= widget_div do
-  %h1
-    TwitterWidget#display
-  %p
-    Find me in app/widgets/twitter/display.html.haml
+%ul
+  - for tweet in @tweets
+    %li{'data-id' => tweet.id}
+      = tweet.text
+
+%p
+  What are you up to?
+
+  = form_tag "", "data-event-url" => url_for_event(:submit) do
+    = text_field_tag 'text'
+
+    = submit_tag "Tweet!"
+  
+:javascript
+  var form = $("##{widget_id} form");
+  form.submit(function() {
+    $.ajax({url: form.attr("data-event-url"), data: form.serialize()})
+    return false;
+  });
+  $("##{widget_id} li").draggable({revert: "invalid"});

app/assets/stylesheets/eggplant/images/ui-bg_flat_55_fafafa_40x100.png

@@ -1,7 +1,32 @@
 class TwitterWidget < Apotomo::Widget
 
+  responds_to_event :submit, :with => :process_tweet
+  after_initialize :setup!
+  
+  after_add do
+    root.respond_to_event :tweetDeleted, :with => :redraw, :on => widget_id
+  end
+   
   def display
-    render
+    @tweets = Tweet.find(:all)
+    render :layout => "portlet"
+  end
+
+  def process_tweet(evt)
+    @tweet = Tweet.new(:text => evt[:text]).save
+    
+    @tweets = Tweet.find(:all)
+    update :view => :display
+  end
+  
+  def redraw
+    @tweets = Tweet.find(:all)
+    update :view => :display
   end
+  
+  private
+    def setup!(*)
+      @title = options[:title]
+    end
 
 end

app/assets/stylesheets/eggplant/images/ui-bg_gloss-wave_30_3d3644_500x100.png

@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class DashboardControllerTest < ActionController::TestCase
+  test "should get index" do
+    get :index
+    assert_response :success
+  end
+
+end

app/assets/stylesheets/eggplant/images/ui-bg_highlight-soft_100_dcd9de_1x100.png

@@ -0,0 +1,4 @@
+require 'test_helper'
+
+class DashboardHelperTest < ActionView::TestCase
+end