RubyGems - merb-ui - Versions diffs - 0.1 - Mend

merb-ui 0.1

Files changed (24) hide show

data/LICENSE +20 -0
data/README +77 -0
data/Rakefile +71 -0
data/app/controllers/application.rb +5 -0
data/app/controllers/styles.rb +24 -0
data/app/helpers/application_helper.rb +60 -0
data/app/helpers/global_helpers.rb +318 -0
data/app/helpers/merb_helpers.rb +56 -0
data/app/helpers/styles_helper.rb +78 -0
data/app/views/styles/index.css.erb +464 -0
data/lib/merb-ui.rb +77 -0
data/lib/merb-ui/merbtasks.rb +103 -0
data/lib/merb-ui/slicetasks.rb +18 -0
data/lib/merb-ui/spectasks.rb +65 -0
data/public/images/nil.png +0 -0
data/public/images/reflection.png +0 -0
data/public/images/transparency.png +0 -0
data/public/javascripts/desktop.js +84 -0
data/public/javascripts/dimensions.js +12 -0
data/public/javascripts/keybinder.js +138 -0
data/public/javascripts/message.js +5 -0
data/public/javascripts/ui.js +1 -0
data/public/javascripts/window.js +13 -0
metadata +102 -0

data/LICENSE ADDED Viewed

@@ -0,0 +1,20 @@
+Copyright (c) 2008 Jamie Hoover
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README ADDED Viewed

@@ -0,0 +1,77 @@
+Installation:
+1.) Install merb-ui gem.
+git clone git://github.com/uipoet/merb-ui.git
+cd merb-ui
+sudo rake install
+2.) Navigate to your merb application.
+cd ~/your_merb_app/
+3.) Copy assets to your merb application.
+rake slices:merb_ui:copy_assets
+4.) Add to your dependencies file.
+vim config/dependencies.rb
+a
+dependency 'merb-ui'
+esc : wq
+5.) Add options to your init file in the before_app_loads callback.
+vim config/init.rb
+a
+Merb::BootLoader.before_app_loads do
+  Merb::Slices::config[:merb_ui][:owner] = 'Your Name' #Owner in the Copyright.
+  Merb::Slices::config[:merb_ui][:year] = 2000 #Year in the Copyright.
+end
+esc : wq
+6.) Add to your router file.
+vim config/router.rb
+a
+slice(:merb_ui)
+esc : wq
+7.) Add to your application layout file.
+vim app/views/layout/application.html.erb
+a
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
+  <head>
+    <title>Your Merb Application</title>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <%= mui_head %>
+  </head>
+  <body>
+    <%= mui_body do %>
+      <%= mui_bar(:tab_width => '6em') do %>
+        <%= mui_tab(:title => merb_words_title, :controller => 'merb_words/pages', :url => url(:merb_words_index)) %><%= mui_tab(:title => merb_photos_title, :controller => 'merb_photos/photos', :url => url(:merb_photos_index)) %><%= mui_tab(:title => 'Projects', :controller => 'projects', :url => url(:projects)) %>
+      <% end =%>
+    <% end =%>
+  </body>
+</html>
+esc : wq
+------------------------------------------------------------------------------
+Advanced:
+# List all available tasks:
+rake -T slices:merb_ui
+# Put your application-level overrides in:
+host-app/slices/merb-ui/
+# Templates are located in this order:
+1. host-app/slices/merb-ui/app/views/*
+2. gems/merb-ui/app/views/*
+3. host-app/app/views/*

data/Rakefile ADDED Viewed

@@ -0,0 +1,71 @@
+require 'rubygems'
+require 'rake/gempackagetask'
+require 'merb-core'
+require 'merb-core/tasks/merb'
+GEM_NAME = "merb-ui"
+AUTHOR = "uipoet"
+EMAIL = "dont.tase@me.com"
+HOMEPAGE = "http://uipoet.com/"
+SUMMARY = "User interface components for Merb."
+GEM_VERSION = "0.1"
+spec = Gem::Specification.new do |s|
+  s.rubyforge_project = "mui"
+  s.name = GEM_NAME
+  s.version = GEM_VERSION
+  s.platform = Gem::Platform::RUBY
+  s.has_rdoc = true
+  s.extra_rdoc_files = ["README", "LICENSE"]
+  s.summary = SUMMARY
+  s.description = s.summary
+  s.author = AUTHOR
+  s.email = EMAIL
+  s.homepage = HOMEPAGE
+  s.add_dependency('merb-slices', '~> 1.0.0')
+  s.add_dependency('merb-helpers', '~> 1.0.0')
+  s.require_path = 'lib'
+  s.files = %w(LICENSE README Rakefile) + Dir.glob("{lib,app,public}/**/*")
+end
+Rake::GemPackageTask.new(spec) do |pkg|
+  pkg.gem_spec = spec
+end
+desc "Install the gem"
+task :install do
+  Merb::RakeHelper.install(GEM_NAME, :version => GEM_VERSION)
+end
+desc "Uninstall the gem"
+task :uninstall do
+  Merb::RakeHelper.uninstall(GEM_NAME, :version => GEM_VERSION)
+end
+desc "Release the gem to rubyforge"
+task :release do
+  require 'rubyforge'
+  require 'rake/contrib/rubyforgepublisher'
+  sh %{rake package}
+  packages = %w( gem tgz zip ).collect{ |ext| "pkg/#{GEM_NAME}-#{GEM_VERSION}.#{ext}" }
+  begin
+    sh %{rubyforge login}
+    sh %{rubyforge add_release #{AUTHOR} #{GEM_NAME} #{GEM_VERSION} #{packages.join(' ')}}
+    sh %{rubyforge add_file #{AUTHOR} #{GEM_NAME} #{GEM_VERSION} #{packages.join(' ')}}
+  rescue Exception => e
+    puts "Release failed: #{e.message}"
+  end
+end
+desc "Create a gemspec file"
+task :gemspec do
+  File.open("#{GEM_NAME}.gemspec", "w") do |file|
+    file.puts spec.to_ruby
+  end
+end
+require 'spec/rake/spectask'
+require 'merb-core/test/tasks/spectasks'
+desc 'Default: run spec examples'
+task :default => 'spec'

data/app/controllers/application.rb ADDED Viewed

@@ -0,0 +1,5 @@
+class MerbUi::Application < Merb::Controller
+  controller_for_slice
+end

data/app/controllers/styles.rb ADDED Viewed

@@ -0,0 +1,24 @@
+class MerbUi::Styles < MerbUi::Application
+  only_provides :css
+  def index
+    if mui_browser == 'gecko'
+      @browser = selector('*::-moz-focus-inner') do
+        property('border', :value => 'none')
+        property('padding', :value => 0)
+      end
+    elsif mui_browser == 'msie'
+      @browser = selector('*.mui_button') do
+        property('overflow', :value => 'visible')
+        property('width', :value => 'auto')
+      end
+    end
+    render :layout => false
+  end
+  Merb::BootLoader.after_app_loads do
+    Merb.add_mime_type(:css, :to_css, %w[text/css])
+  end
+end

data/app/helpers/application_helper.rb ADDED Viewed

@@ -0,0 +1,60 @@
+module Merb::MerbUi::ApplicationHelper
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path relative to the public directory, with added segments.
+  def image_path(*segments)
+    public_path_for(:image, *segments)
+  end
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path relative to the public directory, with added segments.
+  def javascript_path(*segments)
+    public_path_for(:javascript, *segments)
+  end
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path relative to the public directory, with added segments.
+  def stylesheet_path(*segments)
+    public_path_for(:stylesheet, *segments)
+  end
+  # Construct a path relative to the public directory
+  #
+  # @param <Symbol> The type of component.
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path relative to the public directory, with added segments.
+  def public_path_for(type, *segments)
+    ::MerbUi.public_path_for(type, *segments)
+  end
+  # Construct an app-level path.
+  #
+  # @param <Symbol> The type of component.
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path within the host application, with added segments.
+  def app_path_for(type, *segments)
+    ::MerbUi.app_path_for(type, *segments)
+  end
+  # Construct a slice-level path.
+  #
+  # @param <Symbol> The type of component.
+  # @param *segments<Array[#to_s]> Path segments to append.
+  #
+  # @return <String>
+  #  A path within the slice source (Gem), with added segments.
+  def slice_path_for(type, *segments)
+    ::MerbUi.slice_path_for(type, *segments)
+  end
+end

data/app/helpers/global_helpers.rb ADDED Viewed

@@ -0,0 +1,318 @@
+module Merb::GlobalHelpers
+  def mui_bar(options = {}, &block)
+    @@mui_bar_tab_width = options[:tab_width] if options[:tab_width]
+    tag(:div, capture(&block), :class => 'mui_bar')
+  end
+  def mui_block(options = {}, &block)
+    attributes = {}
+    attributes[:align] = options[:align] if options[:align]
+    attributes[:class] = 'mui_block'
+    if type = options[:type]
+      if type == 'inline'
+        tag_type = :span
+      else
+        tag_type = :div
+        attributes[:class] << %{ mui_block_#{type}}
+      end
+    else
+      tag_type = :div
+    end
+    if options[:height] || options[:width]
+      attributes[:style] = ''
+      attributes[:style] << %{height:#{options[:height]};} if options[:height]
+      attributes[:style] << %{width:#{options[:width]};} if options[:width]
+    end
+    content = ''
+    content << mui_title(:title => options[:title], :title_size => options[:title_size]) if options[:title]
+    content << capture(&block) if block_given?
+    tag(tag_type, content, attributes)
+  end
+  def mui_body(options = {}, &block)
+    attributes={}
+    attributes[:class] = 'mui_desktop'
+    attributes[:class] << ' mui_gallery' if controller_name == 'merb_photos/photos'
+    output = ''
+    if message = session[:mui_message]
+      message_content = mui_button(:title => '&#215;', :message => 'close')
+      message_content << message[:title] if message[:title]
+      message_content << message[:body] if message[:body]
+      output << tag(:div, message_content, :class => %{mui_message mui_message_#{message[:tone]}})
+      session.delete(:mui_message)
+    end
+    output << capture(&block)
+    copyright_now = Time.now.year
+    copyright_then = MerbUi[:year] || copyright_now
+    if copyright_now == copyright_then
+      copyright_years = copyright_now
+    else
+      copyright_years = %{#{copyright_then}-#{copyright_now}}
+    end
+    copyright_owner = %{ #{MerbUi[:owner]}} if MerbUi[:owner]
+    copyright_text = %{Copyright &copy; #{copyright_years}#{copyright_owner}. All rights reserved.}
+    copyright = tag(:div, copyright_text, :class => 'mui_copyright')
+    output << tag(:div, catch_content(:for_layout) + copyright, attributes)
+    output << tag(:div, :class => 'mui_window_target')
+    if session[:mui_window]
+      output << tag(:script, "windowOpen('#{session[:mui_window]}');", :type => 'text/javascript')
+      session.delete(:mui_window)
+    end
+    output
+  end
+  def mui_browser
+    browser = request.user_agent
+    if browser.include? 'MSIE'
+      'msie'
+    elsif browser.include? 'Gecko/'
+      'gecko'
+    elsif browser.include? 'AppleWebKit'
+      'webkit'
+    else
+      'unknown'
+    end
+  end
+  def mui_button(options = {}, &block)
+    attributes = {}
+    attributes[:class] = 'mui_button'
+    attributes[:class] << %{ mui_button_tone_#{options[:tone] || 'neutral'}}
+    attributes[:class] << ' mui_click'
+    attributes[:class] << %{_message_#{options[:message]}} if options[:message]
+    attributes[:class] << %{_window_#{options[:window]}} if options[:window]
+    attributes[:id] = options[:url] if options[:url]
+    attributes[:name] = options[:name] if options[:name]
+    attributes[:style] = %{width:#{options[:width]};} if options[:width]
+    attributes[:type] = options[:submit] == true ? 'submit' : 'button'
+    attributes[:value] = options[:title] if options[:title]
+    if block_given?
+      if options[:title]
+        content = tag(:table, tag(:tr, tag(:td, capture(&block)) + tag(:td, options[:title], :width => '100%')))
+      else
+        content = capture(&block)
+      end
+      tag(:button, content, attributes)
+    else
+      self_closing_tag(:input, attributes)
+    end
+  end
+  def mui_cell(options = {}, &block)
+    return unless block_given?
+    @mui_grid[:count] += 1
+    attributes = {}
+    attributes[:align] = @mui_grid[:align] || options[:align] || nil
+    attributes[:nowrap] = 'nowrap' if options[:wrap] == false
+    if options[:width]
+      attributes[:style] = %{width:#{options[:width]}}
+    else
+      attributes[:style] = %{width:#{@mui_grid[:width]}} if @mui_grid[:width]
+    end
+    attributes[:valign] = @mui_grid[:valign] || options[:valign] || 'top'
+    html = ''
+    if @mui_grid[:count] > @mui_grid[:columns]
+      @mui_grid[:count] = 0
+      html << close_tag(:tr) + open_tag(:tr)
+    end
+    html << tag(:td, capture(&block), attributes)
+  end
+  def mui_check(name, options = {})
+    columns = tag(:td, check_box(name, :class => 'mui_check'))
+    columns << tag(:td, tag(:label, options[:title]))
+    tag(:table, tag(:tr, columns))
+  end
+  def mui_date(name, options = {})
+    tag(:div, date_field(name, :label => options[:title]), :class => 'mui_date')
+  end
+  def mui_date_span(options = {})
+    tag(:span, relative_date_span([options[:created], options[:updated]]), :class => 'mui_date')
+  end
+  def mui_delete(options = {})
+    attributes = {}
+    attributes[:class] = 'mui_button mui_button_tone_negative'
+    attributes[:style] = %{width:#{options[:width]};} if options[:width]
+    delete_button(options[:url], options[:title], attributes)
+  end
+  def mui_divider
+    self_closing_tag(:hr, :class => 'mui_divider')
+  end
+  def mui_form(name, options = {}, &block)
+    form_for(name, options, &block)
+  end
+  def mui_grid(options = {}, &block)
+    return unless block_given?
+    mui_grid_temp = @mui_grid if @mui_grid
+    @mui_grid = {}
+    @mui_grid[:align] = options[:cell_align]
+    @mui_grid[:count] = 0
+    @mui_grid[:columns] = options[:columns] || 1
+    @mui_grid[:valign] = options[:cell_valign]
+    @mui_grid[:width] = options[:cell_width]
+    attributes = {}
+    attributes[:class] = 'mui_grid'
+    attributes[:style] = %{width:#{options[:width]}} if options[:width]
+    html = tag(:table, tag(:tr, capture(&block)), attributes)
+    @mui_grid = mui_grid_temp if mui_grid_temp
+    html
+  end
+  def mui_head
+    path = '/slices/merb-ui/javascripts/'
+    require_css('master', 'mui')
+    require_js('jquery', "#{path}ui", "#{path}dimensions", "#{path}keybinder", "#{path}desktop")
+    include_required_css + include_required_js + catch_content(:feeds)
+  end
+  def mui_hyper_text(name, options = {})
+    attributes = {}
+    attributes[:class] = 'mui_hyper_text'
+    attributes[:class] << ' mui_focus' if options[:focus] == true
+    attributes[:label] = options[:title]
+    text_area(name, attributes)
+  end
+  def mui_image(options={})
+    attributes={}
+    attributes[:align] = options[:align] if options[:align]
+    attributes[:class] = 'mui_image'
+    attributes[:class] << ' mui_image_border' if options[:border] == true
+    if options[:height] && options[:width]
+      attributes[:class] << ' mui_image_rounded' if options[:rounded] == true
+      attributes[:src] = '/slices/merb-ui/images/nil.png'
+      attributes[:style] = %{background-image: url('#{options[:url]}');}
+      attributes[:style] << %{height: #{options[:height]}px;}
+      attributes[:style] << %{width: #{options[:width]}px;}
+    else
+      attributes[:src] = file
+    end
+    attributes[:class] << ' mui_photo' if options[:photo] == true
+    attributes[:class] << ' mui_inline' if options[:inline] == true
+    self_closing_tag(:img, attributes)
+  end
+  def mui_link(options={}, &block)
+    attributes = {}
+    attributes[:class] = 'mui_link'
+    attributes[:href] = options[:url]
+    if block_given?
+      content = capture(&block)
+      attributes[:title] = options[:title]
+    else
+      content = options[:title]
+    end
+    attributes[:style] = %{font-size:#{options[:title_size]};} if options[:title_size]
+    tag(:a, content, attributes)
+  end
+  def mui_list(parents = [])
+    children = ''
+    parents.each do |p|
+      p.each do |c|
+        children << tag(:li, c, :class => 'mui_list_item')
+      end
+    end
+    tag(:ul, children, :class => 'mui_list')
+  end
+  def mui_paragraph(options={}, &block)
+    tag(:p, (capture(&block) if block_given?), :class => 'mui_paragraph')
+  end
+  def mui_password(name, options = {})
+    attributes = {}
+    attributes[:class] = 'mui_password'
+    attributes[:class] << ' mui_focus' if options[:focus] == true
+    attributes[:label] = options[:title]
+    password_field(name, attributes)
+  end
+  def mui_search(options = {})
+    attributes = {}
+    attributes[:class] = 'mui_search'
+    attributes[:name] = :search
+    attributes[:style] = %{width:#{options[:width]};} if options[:width]
+    attributes[:type] = :text
+    attributes[:value] = params[:search]
+    box = mui_cell(:valign => 'middle'){self_closing_tag(:input, attributes)}
+    button =  mui_cell(:align => 'right', :valign => 'middle', :wrap => false){%{#{mui_button(:submit => true, :title => 'Search')}}}
+    table = mui_grid(:columns => 2){box + button}
+    tag(:form, table, :action => options[:action])
+  end
+  def mui_tab(options = {}, &block)
+    attributes = {}
+    if type = options[:type]
+      if type == 'merb_words'
+        controller = 'merb_words/pages'
+        title = options[:title] || MerbWords[:title] || 'Untitled'
+        attributes[:href] = options[:url] || url(:merb_words_index)
+      elsif type == 'merb_photos'
+        controller = 'merb_photos/photos'
+        title = options[:title] || MerbPhotos[:title] || 'Untitled'
+        attributes[:href] = options[:url] || url(:merb_photos_index)
+      end
+    else
+      controller = options[:controller] || 'application'
+      title = options[:title] || 'Untitled'
+      attributes[:href] = options[:url] || '/'
+    end
+    attributes[:class] = 'mui_tab'
+    attributes[:class] << ' mui_selected' if controller == controller_name || options[:selected] == true
+    if options[:width]
+      attributes[:style] = %{width:#{options[:width]}}
+    elsif @@mui_bar_tab_width
+      attributes[:style] = %{width:#{@@mui_bar_tab_width}}
+    end
+    tag(:a, title, attributes)
+  end
+  def mui_text(name, options = {})
+    attributes = {}
+    attributes[:class] = 'mui_text'
+    attributes[:class] << ' mui_focus' if options[:focus] == true
+    attributes[:label] = options[:title]
+    attributes[:maxlength] = options[:length] || 50
+    attributes[:style] = %{width:#{options[:width]};} if options[:width]
+    text_field(name, attributes)
+  end
+  def mui_title(options = {})
+    size = options[:title_size] || '1.5em'
+    attributes = {}
+    attributes[:class] = 'mui_title'
+    attributes
+    attributes[:style] = %{font-size:#{size}}
+    tag(:div, options[:title], attributes)
+  end
+  def mui_window(options = {}, &block)
+    script = js_include_tag '/slices/merb-ui/javascripts/window'
+    bar_content = ''
+    bar_content << tag(:td, options[:buttons], :class => 'mui_bar_buttons') if options[:buttons]
+    bar_content << tag(:td, options[:title], :class => 'mui_window_title') if options[:title]
+    bar_content << tag(:td, mui_button(:title => '&#215;', :window => 'close'), :class => 'mui_window_bar_end')
+    bar = tag(:tr, tag(:td, tag(:table, tag(:tr, bar_content), :class => 'mui_window_bar')))
+    content = tag(:tr, tag(:td, capture(&block), :class => 'mui_window_content'))
+    script + tag(:table, bar + content, :class => 'mui_window')
+  end
+  def mui_window_redirect
+    url = session[:mui_referer] || '/'
+    session.delete(:mui_referer)
+    redirect(url)
+  end
+  def mui_window_referer
+    session[:mui_referer] = request.referer
+  end
+end