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

merb-ui 0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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