trellis 0.0.1

data/examples/crud_components/html/style/trellis.css

@@ -0,0 +1,416 @@
+/* Tapestry styles all start with "t-" */
+DIV.t-error {
+    border: 1px solid red;
+    padding: 0px;
+    margin: 4px 0px;
+}
+
+DIV.t-error DIV {
+    padding: 2px;
+    display: block;
+    margin: 0px;
+    background-color: red;
+    color: white;
+    font-weight: bold;
+}
+
+DIV.t-error UL {
+    margin: 2px 0px;
+    background-color: white;
+    color: red;
+}
+
+DIV.t-error LI {
+    margin-left: 20px;
+}
+
+HTML>BODY DIV.t-error LI {
+    margin-left: -20px;
+}
+
+.t-invisible {
+    display: none;
+}
+
+LABEL.t-error {
+    color: red;
+}
+
+INPUT.t-error, TEXTAREA.t-error {
+    border-color: red;
+    font-style: italic;
+    color: red;
+}
+
+IMG.t-error-icon {
+    margin-left: 4px;
+}
+
+IMG.t-sort-icon {
+    margin-left: 4px;
+}
+
+DIV.t-exception-message {
+    font-style: italic;
+    font-size: 12pt;
+    border: thin dotted silver;
+    margin: 5px 0px;
+    padding: 3px;
+}
+
+DIV.t-exception-report, DIV.t-env-data {
+    font-family: "Trebuchet MS", Arial, sans-serif;
+}
+
+DIV.t-exception-report LI {
+    margin-left: -40px;
+}
+
+DIV.t-exception-report DT, DIV.t-env-data DT {
+    color: green;
+    padding-left: 2px;
+    background-color: #FFFFCF;
+}
+
+DIV.t-exception-report LI {
+    list-style: none;
+}
+
+SPAN.t-exception-class-name {
+    display: block;
+    margin-top: 15px;
+    font-size: 12pt;
+    background-color: #E1E1E1;
+    color: blue;
+    padding: 2px 3px;
+    font-weight: bold;
+}
+
+UL.t-stack-trace LI {
+    font-family: Monaco, Times, monospace;
+    font-size: 10pt;
+    margin-left: -25px;
+    list-style: square;
+}
+
+LI.t-usercode-frame {
+    font-weight: bold;
+    color: blue;
+}
+
+H1.t-exception-report {
+    font-family: "Trebuchet MS", Arial, sans-serif;
+    color: red;
+}
+
+DIV.t-exception-report DT:after {
+    content: ":";
+}
+
+DIV.t-exception-report DD, DIV.t-env-data DD {
+    margin-left: 10px;
+}
+
+TABLE.t-data-table {
+    border-collapse: collapse;
+    margin: 0px;
+    padding: 2px;
+}
+
+TABLE.t-data-table TH {
+    background-color: black;
+    color: white;
+}
+
+TABLE.t-data-table TD {
+    border: 1px solid silver;
+    margin: 0px;
+}
+
+DIV.t-beaneditor, DIV.t-beandisplay {
+    display: block;
+    background: #ffc;
+    border: 2px outset brown;
+    padding: 2px;
+    font-family: "Trebuchet MS", Arial, sans-serif;
+}
+
+DIV.t-beandisplay {
+    background: #CCBE99;
+    border: 2px outset black;
+    width: auto;
+}
+
+DIV.t-beaneditor-row {
+    padding: 4px 0px 2px 0px;
+}
+
+DIV.t-beaneditor-row LABEL:after {
+    content: ":";
+}
+
+DIV.t-beandisplay-row {
+    clear: both;
+}
+
+DIV.t-beaneditor-row LABEL, DIV.t-beandisplay DIV.t-beandisplay-label {
+    width: 250px;
+    display: block;
+    float: left;
+    text-align: right;
+    clear: left;
+    padding-right: 3px;
+    vertical-align: middle;
+}
+
+INPUT.t-number {
+    text-align: right;
+}
+
+DIV.t-beandisplay DIV.t-beandisplay-label {
+    padding-right: 5px;
+}
+
+TABLE.t-data-grid THEAD TR {
+    color: white;
+    background-color: #809FFF;
+}
+
+TABLE.t-data-grid THEAD TR TH {
+    text-align: left;
+    padding: 3px;
+    white-space: nowrap;
+    border-right: 1px solid silver;
+    border-bottom: 1px solid silver;
+}
+
+TABLE.t-data-grid {
+    border-collapse: collapse;
+    border-left: 1px solid silver;
+}
+
+TABLE.t-data-grid TBODY TR TD {
+    border-right: 1px solid silver;
+    border-bottom: 1px solid silver;
+    padding: 2px;
+}
+
+DIV.t-data-grid {
+    font-family: "Trebuchet MS", Arial, sans-serif;
+}
+
+DIV.t-data-grid-pager {
+    margin: 8px 0px;
+}
+
+DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
+    text-decoration: none;
+    color: black;
+    padding: 2px 5px;
+    font-size: medium;
+    border: 1px solid silver;
+    margin-right: 5px;
+}
+
+DIV.t-data-grid-pager A:hover {
+    border: 1px solid black;
+}
+
+DIV.t-data-grid-pager SPAN.current {
+    color: white;
+    background-color: #809FFF;
+}
+
+TABLE.t-data-grid TR TH A {
+    color: white;
+}
+
+IMG {
+    border: none;
+}
+
+DIV.t-env-data-section {
+    padding-left: 5px;
+}
+
+DIV.t-env-data DD, DIV.t-exception-report DD {
+    margin-left: 25px;
+    margin-bottom: 10px;
+}
+
+DIV.t-env-data LI {
+    margin-left: -25px;
+}
+
+DIV.t-env-data-section {
+    font-size: 12pt;
+    background-color: #E1E1E1;
+    color: blue;
+    padding: 2px 3px;
+    font-weight: bold;
+}
+
+TABLE.t-location-outer {
+    padding: 5px;
+    border-collapse: collapse;
+    border: 1px solid black;
+    width: 100%;
+}
+
+TD.t-location-line {
+    width: 40px;
+    text-align: right;
+    padding: 0px;
+    background-color: #E1E1E1;
+    padding-right: 3px;
+    border-right: 1px solid black;
+}
+
+TD.t-location-content {
+    border-top: 1px solid silver;
+    border-right: 1px solid black;
+    white-space: pre;
+}
+
+TD.t-location-current {
+    background-color: #FFFFCF;
+}
+
+TD.t-location-content-first {
+    border-top: 1px solid black;
+}
+
+DIV.t-palette {
+    display: inline;
+}
+
+DIV.t-palette SELECT {
+    margin-bottom: 2px;
+    width: 200px;
+}
+
+DIV.t-palette-title {
+    color: white;
+    background-color: #809FFF;
+    text-align: center;
+    font-weight: bold;
+    margin-bottom: 3px;
+    display: block;
+}
+
+DIV.t-palette-available {
+    float: left;
+}
+
+DIV.t-palette-controls {
+    margin: 5px 5px;
+    float: left;
+    text-align: center;
+}
+
+DIV.t-palette-controls BUTTON {
+    display: block;
+    margin-bottom: 3px;
+}
+
+DIV.t-palette-controls BUTTON[disabled] IMG {
+    filter: alpha( opacity = 25 );
+    -moz-opacity: .25;
+}
+
+DIV.t-palette-selected {
+    float: left;
+    clear: right;
+}
+
+DIV.t-palette-spacer {
+    clear: left;
+}
+
+IMG.t-calendar-trigger {
+    padding-left: 3px;
+    cursor: pointer;
+}
+
+DIV.t-autocomplete-menu UL {
+    border: 2px outset #cc9933;
+    background-color: #cc9933;
+    padding: 4px 6px;
+    overflow: auto;
+}
+
+DIV.t-autocomplete-menu LI {
+    color: white;
+    list-style-type: none;
+    padding: 0px;
+    margin: 0px;
+    border-bottom: 1px solid black;
+    cursor: pointer;
+}
+
+DIV.t-autocomplete-menu LI.selected {
+    color: black;
+    font-weight: bold;
+}
+
+DIV.t-error-popup SPAN {
+    background: transparent url( 'error-bevel-left.gif' ) no-repeat;
+    display: block;
+    line-height: 28px;
+    margin-left: 0px;
+    padding: 0px 5px 10px 22px;
+}
+
+HTML>BODY DIV.t-error-popup SPAN {
+    background: transparent url( 'error-bevel-left.png' ) no-repeat;
+}
+
+DIV.t-error-popup {
+    background: transparent url( 'error-bevel-right.gif' ) no-repeat scroll top right;
+    cursor: pointer;
+    color: #FFF;
+    display: block;
+    float: left;
+    font: normal 12px arial, sans-serif;
+    height: 39px;
+    margin-right: 6px;
+    padding-right: 29px;
+    text-decoration: none;
+}
+
+HTML>BODY DIV.t-error-popup {
+    background: transparent url( 'error-bevel-right.png' ) no-repeat scroll top right;
+}
+
+UL.t-data-list LI {
+    list-style-type: square;
+}
+
+/* The console is used to show debugging messages. */
+DIV.t-console {
+    position: absolute;
+    z-index: 1;
+    top: 2px;
+    left: 2px;
+}
+
+DIV.t-console DIV {
+    font-weight: bold;
+    cursor: pointer;
+    padding: 0px 2px;
+}
+
+DIV.t-console DIV.t-err {
+    background-color: red;
+    color: white;
+}
+
+DIV.t-console DIV.t-warn {
+    background-color: yellow;
+    color: black;
+}
+
+DIV.t-console DIV.t-debug {
+    background-color: silver;
+    color: black;
+}

data/examples/crud_components/source/crud_components.rb

@@ -0,0 +1,77 @@
+require 'rubygems'
+require 'trellis'
+
+include Trellis
+
+module ObjectEditor
+  
+  class Address
+    attr_accessor :aid, :first_name, :last_name, :street_1, :street_2, :city, :state, :zip, :email, :phone
+    
+    def initialize(aid, first_name, last_name, street_1, street_2, city, state, zip, email, phone)
+      @aid, @first_name, @last_name, @street_1, @street_2, @city, @state, @zip, @email, @phone = aid, first_name, last_name, street_1, street_2, city, state, zip, email, phone
+      @@_addresses ||= {}
+      @@_addresses[self.aid] = self
+    end
+    
+    def self.addresses
+      @@_addresses
+    end
+    
+    def to_s
+      "#{@aid}: #{@first_name} #{@last_name}"
+    end
+    
+    Address.new(1, "Richard", "Jeni", "10544 E Meadowhill Dr.", "", "Scottsdale", "AZ", "85255", "rjenni@platypus.com", "555-2715777")
+    Address.new(2, "Mitch", "Hedberg", "123 Broadway", "", "New York", "NY", "20231", "mitch@hedberg.com", "555-5551234")
+    Address.new(3, "Sam", "Kenison", "125 Fifth Ave.", "", "New York", "NY", "20123", "sam@kenison.com", "555-5558675")
+    Address.new(4, "Richard", "Prior", "321 Unfunny Street", "", "New York", "NY", "20202", "richard@prior.com", "555-2675877")
+    Address.new(5, "George", "Carlin", "999 Union Street", "", "New York", "NY", "20231", "george@carlin.com", "555-5592734")
+    Address.new(6, "Bill", "Hicks", "125 Fifth Ave.", "", "New York", "NY", "20786", "bill@hicks.com", "555-5556775")
+    Address.new(7, "Rodney", "Dangerfield", "13884 E. Kalil Dr.", "", "Scottsdale", "AZ", "85259", "rodney@dangerfield.com", "555-2715777")
+    Address.new(8, "Andy", "Kauffman", "789 Main Street", "", "New York", "NY", "20231", "andy@kauffman.com", "555-5534634")
+    Address.new(9, "Lenny", "Bruce", "456 Sixth Ave.", "", "New York", "NY", "45637", "lenny@bruce.com", "555-5837475")
+    Address.new(10, "Redd", "Foxx", "314 Rebel Force Dr.", "", "New Albany", "NY", "20212", "redd@foxx.com", "555-5557475")   
+  end
+  
+  class CrudComponentsExample < Application
+    home :addresses
+    pages :address_edit_view
+    
+    map_static ['/images', '/style', '/favicon.ico']
+  end
+  
+  class Addresses < Page
+    pages :address_view_edit
+    
+    def before_load
+      @grid_addresses.columns(:first_name, :last_name, :street_1, :city, :state, :zip, :email, :phone)
+      @grid_addresses.sort_by :all
+      @grid_addresses.add_command(:name => "edit", :context => "aid", :image => "/images/edit.gif")
+      @all_addresses = Address.addresses.values
+    end
+    
+    def on_edit_from_addresses id
+      @address_view_edit.object_editor_address.model = Address.addresses[id.to_i]
+      @address_view_edit
+    end
+    
+  end
+  
+  class AddressViewEdit < Page
+    
+    pages :addresses
+       
+    def before_load
+      @object_editor_address.fields(:first_name, :last_name, :street_1, :city, :state, :zip, :email, :phone)
+      @object_editor_address.submit_text = (@model && @model.aid ? "Save" : "Create")
+      @object_editor_address.on_submit { |model|
+        logger.info "saving the object #{model.to_s}, responding to an event in #{self}"
+        @addresses #navigate back to the addresses page
+      }
+    end 
+  end
+
+  web_app = CrudComponentsExample.new
+  web_app.start 3019 if __FILE__ == $PROGRAM_NAME
+end

data/examples/crud_components/source/domain.rb

@@ -0,0 +1,6 @@
+# 
+# To change this template, choose Tools | Templates
+# and open the template in the editor.
+ 
+
+puts "Hello World"

data/examples/examples.txt

@@ -0,0 +1,65 @@
+== Trellis examples:
+
+simplest
+========
+see http://tapestry.apache.org/tapestry5/tutorial1/first.html
+
+The simplest possible application to prove that Trellis is generating dynamic 
+HTML. The date and time in the middle of the page changes with every page 
+refresh proving that this is a live application.
+
+guest_book
+==========
+see http://wicket.apache.org/exampleguestbook.html
+
+This application show the basic form handling and page persistent fields.
+The GuestBook application allows users to enter a comments. On submission the 
+page gets re-rendered showing the list of comments entered so far. The list of 
+comments is kept in the session.
+
+hangman
+=======
+see http://rifers.org/examples#D.10
+
+Hangman is a simple word game in which the system selects a secret target word; 
+the player attempts to guess the word and is only allow 5 incorrect guesses. The 
+game is over when the word is guessed or the user has exhausted the maximum 
+number of incorrect guesses.
+
+hilo
+====
+see http://tapestry.apache.org/tapestry5/tutorial1/hilo.html
+
+In the game, the computer selects a number between 1 and 10. You try and guess 
+the number, clicking links. At the end, the computer tells you how many guesses 
+you required.
+
+simple_blog (work in progress)
+===========
+see http://code.whytheluckystiff.net/camping/browser/trunk/examples/blog.rb
+
+A database-backed simple blog. It provides Articles and Comments. Articles 
+belong to User and a Category. The edit actions/page behavior are protected.
+Uses datamapped in standalone mode (no integration with the framework has been
+created)
+
+stateful_counters
+=================
+see http://www.seaside.st/about/examples/multicounter
+see http://rifers.org/examples#D.9
+
+Example of a component (a simple counter) and how you can build and embed 
+multiple components in a page
+
+triki (work in progress)
+=====
+see http://mongrel.rubyforge.org/browser/trunk/examples/camping/tepee.rb
+
+A Trellis little Wiki, supporting versioning and Textile/Markdown
+
+
+
+
+
+
+

data/examples/flickr/source/flickr.rb

@@ -0,0 +1,87 @@
+require 'rubygems'
+require 'trellis'
+require 'xmlrpc/client'
+require 'rexml/document'
+require 'builder'
+
+include Trellis
+
+module Flickr
+  
+  # This component grabs a set of random images from Flickr using the 
+  # interestingness web services (using XML-RCP)
+  # 
+  # s	small square 75x75
+  # t	thumbnail, 100 on longest side
+  # m	small, 240 on longest side
+  # -	medium, 500 on longest side
+  # b	large, 1024 on longest side (only exists for very large original images)
+  # o	original image, either a jpg, gif or png, depending on source format
+  class FlickrInterestingness < Component
+    tag_name "flickr_interestingness"
+    
+    render do |tag|
+      format = tag.attr['format'] || 's'
+      displayed = tag.attr['per_page'] || '3'
+      displayed = displayed.to_i
+      per_page = displayed * 10 # grab 10x more images
+      
+      flickruri = 'http://api.flickr.com/services/xmlrpc/'
+      server = XMLRPC::Client.new2(flickruri)
+      flickrkey = '15b43fbd25e10d51e8533d32bf7e1d1a'
+      details = {:api_key => flickrkey, :per_page => per_page}
+      xml = server.call("flickr.interestingness.getList", details)
+      doc = REXML::Document.new xml
+      builder = Builder::XmlMarkup.new
+      
+      chosen = (0..per_page-1).to_a.sort_by{rand}[0..displayed-1]
+      
+      index = 0
+      doc.root.each_element do |element|  
+        if chosen.include?(index) 
+          server = element.attributes["server"]
+          id = element.attributes["id"]
+          secret = element.attributes["secret"]
+          title = element.attributes["title"]
+          farm = element.attributes["farm"]
+          image_url = "http://farm#{farm}.static.flickr.com/#{server}/#{id}_#{secret}_#{format}.jpg"
+
+          builder.div(:id => "flickr_viewer") {
+            builder.div(:id => "flickr_image") {
+              builder.img(:src => image_url, :alt => title)
+            }
+          }
+        end
+        index = index + 1
+      end
+      builder.target!
+    end    
+  end
+  
+  class FlickrApp < Application
+    home :home
+  end
+  
+  class Home < Page
+    template do 
+      xhtml_strict {
+        head {
+          title "Trellis Flickr Component Test"
+        }
+        body {
+          h1 "Some interesting pictures..."
+          p {
+            text "<trellis:flickr_interestingness/>"
+          }
+          # h2 "and some more.."
+          # p { 
+          #   text "<trellis:flickr_interestingness per_page='2'/>"   
+          # }
+        }
+      }
+    end
+  end
+  
+  web_app = FlickrApp.new
+  web_app.start 3006 if __FILE__ == $PROGRAM_NAME  
+end

data/examples/guest_book/source/guest_book.rb

@@ -0,0 +1,61 @@
+require 'rubygems'
+require 'trellis'
+
+include Trellis
+
+module GuestBookApp
+
+  class Comment
+    attr_accessor :text
+    attr_accessor :time_stamp
+
+    def initialize(text, time_stamp=Time.now)
+      @text, @time_stamp = text, time_stamp
+    end
+  end
+  
+  class GuestBookApp < Application
+    home :guest_book
+  end
+  
+  class GuestBook < Page 
+    persistent :comments 
+    
+    def initialize
+      @comments = Array.new
+      super
+    end
+    
+    def on_submit_from_comment  
+      text = params[:comment_text]
+      @comments << Comment.new(text)
+      logger.info "there are #{@comments.size.to_s} comments"
+      self
+    end
+
+    template(%[
+!!! XML
+!!! Strict
+%html{ :xmlns => "http://www.w3.org/1999/xhtml" }
+  %head
+    %title
+      Trellis Guest Book
+  %body
+    %trellis:form{ :tid => "comment", :method => "post" }
+      Add your comment here:
+      %p
+      %trellis:text_area{ :keep_contents => "no", :tid => "text", :rows => "15", :cols => "60" }
+      %p
+      %trellis:submit{ :tid => "add", :value => "Submit" }
+    %p
+    %trellis:each{ :value => "comment", :source => "comments" }
+      %p
+      %trellis:value{ :name => "comment.time_stamp" }
+      %br
+      %trellis:value{ :name => "comment.text" }
+      %br
+    ], :format => :haml)
+  end
+  
+  GuestBookApp.new.start 3001 if __FILE__ == $PROGRAM_NAME
+end