fidelity 0.0.1

data/.gitignore

@@ -0,0 +1,15 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+#
+# If you find yourself ignoring temporary files generated by your text editor
+# or operating system, you probably want to add a global ignore instead:
+#   git config --global core.excludesfile ~/.gitignore_global
+
+# Ignore bundler config
+/.bundle
+
+# Ignore the default SQLite database.
+/db/*.sqlite3
+
+# Ignore all logfiles and tempfiles.
+/log/*.log
+/tmp

data/.rvmrc

@@ -0,0 +1,48 @@
+#!/usr/bin/env bash
+
+# This is an RVM Project .rvmrc file, used to automatically load the ruby
+# development environment upon cd'ing into the directory
+
+# First we specify our desired <ruby>[@<gemset>], the @gemset name is optional,
+# Only full ruby name is supported here, for short names use:
+#     echo "rvm use 1.9.3" > .rvmrc
+environment_id="ruby-1.9.3-p0@fidelity_engine"
+
+# Uncomment the following lines if you want to verify rvm version per project
+# rvmrc_rvm_version="1.10.2" # 1.10.1 seams as a safe start
+# eval "$(echo ${rvm_version}.${rvmrc_rvm_version} | awk -F. '{print "[[ "$1*65536+$2*256+$3" -ge "$4*65536+$5*256+$6" ]]"}' )" || {
+#   echo "This .rvmrc file requires at least RVM ${rvmrc_rvm_version}, aborting loading."
+#   return 1
+# }
+
+# First we attempt to load the desired environment directly from the environment
+# file. This is very fast and efficient compared to running through the entire
+# CLI and selector. If you want feedback on which environment was used then
+# insert the word 'use' after --create as this triggers verbose mode.
+if [[ -d "${rvm_path:-$HOME/.rvm}/environments"
+  && -s "${rvm_path:-$HOME/.rvm}/environments/$environment_id" ]]
+then
+  \. "${rvm_path:-$HOME/.rvm}/environments/$environment_id"
+  [[ -s "${rvm_path:-$HOME/.rvm}/hooks/after_use" ]] &&
+    \. "${rvm_path:-$HOME/.rvm}/hooks/after_use" || true
+else
+  # If the environment file has not yet been created, use the RVM CLI to select.
+  rvm --create  "$environment_id" || {
+    echo "Failed to create RVM environment '${environment_id}'."
+    return 1
+  }
+fi
+
+# If you use bundler, this might be useful to you:
+# if [[ -s Gemfile ]] && {
+#   ! builtin command -v bundle >/dev/null ||
+#   builtin command -v bundle | grep $rvm_path/bin/bundle >/dev/null
+# }
+# then
+#   printf "%b" "The rubygem 'bundler' is not installed. Installing it now.\n"
+#   gem install bundler
+# fi
+# if [[ -s Gemfile ]] && builtin command -v bundle >/dev/null
+# then
+#   bundle install | grep -vE '^Using|Your bundle is complete'
+# fi

data/Gemfile

@@ -0,0 +1,13 @@
+source 'https://rubygems.org'
+
+gem 'zurb-foundation', :path => '~/Projects/fidelity_dev/foundation_gem'
+
+group :assets do
+  gem 'sass-rails',   '~> 3.2.3'
+  gem 'coffee-rails', '~> 3.2.1'
+
+  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
+  # gem 'therubyracer'
+
+  gem 'uglifier', '>= 1.0.3'
+end

data/Gemfile.lock

@@ -0,0 +1,95 @@
+PATH
+  remote: ~/Projects/fidelity_dev/foundation_gem
+  specs:
+    zurb-foundation (2.1.5.1)
+      jquery-rails (>= 1.0)
+      rails (~> 3.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionmailer (3.2.1)
+      actionpack (= 3.2.1)
+      mail (~> 2.4.0)
+    actionpack (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
+      builder (~> 3.0.0)
+      erubis (~> 2.7.0)
+      journey (~> 1.0.1)
+      rack (~> 1.4.0)
+      rack-cache (~> 1.1)
+      rack-test (~> 0.6.1)
+      sprockets (~> 2.1.2)
+    activemodel (3.2.1)
+      activesupport (= 3.2.1)
+      builder (~> 3.0.0)
+    activerecord (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
+      arel (~> 3.0.0)
+      tzinfo (~> 0.3.29)
+    activeresource (3.2.1)
+      activemodel (= 3.2.1)
+      activesupport (= 3.2.1)
+    activesupport (3.2.1)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    arel (3.0.0)
+    builder (3.0.0)
+    erubis (2.7.0)
+    hike (1.2.1)
+    i18n (0.6.0)
+    journey (1.0.1)
+    jquery-rails (2.0.0)
+      railties (>= 3.2.0.beta, < 5.0)
+      thor (~> 0.14)
+    json (1.6.5)
+    mail (2.4.1)
+      i18n (>= 0.4.0)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.17.2)
+    multi_json (1.0.4)
+    polyglot (0.3.3)
+    rack (1.4.1)
+    rack-cache (1.1)
+      rack (>= 0.4)
+    rack-ssl (1.3.2)
+      rack
+    rack-test (0.6.1)
+      rack (>= 1.0)
+    rails (3.2.1)
+      actionmailer (= 3.2.1)
+      actionpack (= 3.2.1)
+      activerecord (= 3.2.1)
+      activeresource (= 3.2.1)
+      activesupport (= 3.2.1)
+      bundler (~> 1.0)
+      railties (= 3.2.1)
+    railties (3.2.1)
+      actionpack (= 3.2.1)
+      activesupport (= 3.2.1)
+      rack-ssl (~> 1.3.2)
+      rake (>= 0.8.7)
+      rdoc (~> 3.4)
+      thor (~> 0.14.6)
+    rake (0.9.2.2)
+    rdoc (3.12)
+      json (~> 1.4)
+    sprockets (2.1.2)
+      hike (~> 1.2)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    thor (0.14.6)
+    tilt (1.3.3)
+    treetop (1.4.10)
+      polyglot
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.31)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  zurb-foundation!

data/README.md

@@ -0,0 +1,46 @@
+# Fidelity gem
+A Ruby on Rails DSL for creating rapid prototypes. Depends on [Foundation](http://http://foundation.zurb.com/).
+
+Install
+-----
+
+This is still in alpha and under development. But to test clone this rails engine:
+
+		git clone@github.com/jhoglund/fidelity.git
+
+Link to in from gem to your Gemfile in your Ruby on Rails 3.2 application and add the 'zurb-foundation' gem:
+
+    gem "fidelity", :path => 'path/to/the/git/repository'
+		gem 'zurb-foundation'
+
+Once you have it installed you need to run inside the rails applications root directory:
+		
+		rails g fidelity:install
+		
+		
+How to use
+-----
+
+Below is a brief example of how to use the DSL (the example is a HAML template so don't forget to include the haml gem in your Gemfile to make the example work ). 
+
+```ruby
+	= fidelity_for(:width => 960) do |f|
+		= f.row do
+			= f.column(3) do
+				= f.widget :heading, 'Label'
+			= f.column(9) do
+				= f.widget :label, :content => 'This is the content of the label'
+		= f.row(:border => true) do
+			= f.column(3) do
+				= f.widget :heading, 'Alert'
+			= f.column(9) do
+				= f.widget(:alert, :type => :success) do
+					This is a success alert 
+				= f.widget(:alert, :type => :error) do
+					This is a error alert 
+		= f.row(:border => true) do
+			= f.column(3) do
+				= f.widget :heading, 'Buttons'
+			= f.column(9) do
+				%p= f.widget :button, :size => 'medium', :corners => 'radius', :style => 'nice', :color => 'red', :label => 'Medium red nice looking button'
+```

data/app/controllers/fidelity/documentations_controller.rb

@@ -0,0 +1,14 @@
+class Fidelity::DocumentationsController < ApplicationController
+  prepend_view_path Fidelity::Engine.root.join("app/fidelity/doc")
+  
+  def show
+    render :template => current_page
+  end
+  
+  private
+  
+  def current_page
+    'index'
+  end
+  
+end

data/app/fidelity/doc/_row.html.erb

@@ -0,0 +1,8 @@
+<%= fidelity.row(:border) do %>
+	<%= fidelity.column(3, :shaded) do %>
+		<h3 class="doc-label"><%= heading %></h3>
+	<% end %>
+	<%= fidelity.column(9) do %>
+		<%= yield %>
+	<% end %>
+<% end %>

data/app/fidelity/doc/index.html.erb

@@ -0,0 +1,33 @@
+
+<%= fidelity_for do |fidelity| %>
+	<%		
+		widgets = {
+			:form => 'Form',
+			:table => 'Table',
+			:breadcrumb => 'Breadcrumb',
+			:pagination => 'Pagination',
+			:panel => 'Panel',
+			:sub_nav => 'Sub nav',
+			:navbar => 'Navbar',
+			:tabs_contained => 'Tabs (contained)',
+			:tabs_open => 'Tabs (open)',
+			:tabs_nice => 'Nice tabs',
+			:tabs_vertical => 'Vertical tabs',
+			:labels => 'Labels',
+			:tooltip => 'Tooltip',
+			:alerts => 'Alerts',
+			:buttons => 'Buttons'
+		}
+	%>
+	
+	<%= fidelity.grid(:visible => false) do %>
+		<% widgets.each do |k,v| %>
+			<%= render :layout => "/row", :locals => { :fidelity => fidelity, :heading => v } do %>
+				<%= render :partial => "/widgets/#{k.to_s}", :locals => { :fidelity => fidelity } %>
+				<hr>
+				<%= CodeRay.scan_file(Fidelity::Engine.root.join('app','fidelity','doc','widgets',"_#{k.to_s}.html.erb"), :erb).div(:line_numbers => :table).html_safe %>
+			<% end %>
+		<% end %>
+	<% end %>
+	
+<% end %>

data/app/fidelity/doc/widgets/_alerts.html.erb

@@ -0,0 +1,12 @@
+<%= fidelity.widget(:alert) do %>
+	This is a default label 
+<% end %>
+<%= fidelity.widget(:alert, :type => :success) do %>
+	This is a success label 
+<% end %>
+<%= fidelity.widget(:alert, :type => :warning) do %>
+	This is a warning label 
+<% end %>
+<%= fidelity.widget(:alert, :type => :error) do %>
+	This is a error label 
+<% end %>

data/app/fidelity/doc/widgets/_breadcrumb.html.erb

@@ -0,0 +1,9 @@
+<%= fidelity.widget(:breadcrumb) do |b| %>
+	<%= b.item('First', :state => :current, :path => 'xxx') %>
+	<%= b.item('Second', :state => :unavailable, :path => 'xxx') %>
+	<%= b.item('Third', :path => 'xxx') %>
+	<%= b.item('Fourth', :path => 'xxx') %>
+	<%= b.item('This label will not be used since we have a block') do %>
+		<span>Fifth <a href="ccc" style="margin:0 -10px">element</a></span>
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_buttons.html.erb

@@ -0,0 +1,4 @@
+<p><%= fidelity.widget :button, :size => 'small', :corners => nil, :style => nil, :color => 'red', :text => 'This is a small red standard button' %>
+<p><%= fidelity.widget :button, :size => 'medium', :corners => 'round', :style => nil, :color => 'blue', :text => 'This is a medium blue rounded button' %>
+<p><%= fidelity.widget :button, :size => 'large', :corners => 'radius', :style => 'nice', :color => 'black', :text => 'This is a large black nice button with rounded edges' %>
+<p><%= fidelity.widget :button, :size => 'medium', :corners => 'radius', :style => 'nice', :color => 'white', :text => 'This is a medium white nice button with rounded edges' %>

data/app/fidelity/doc/widgets/_form.html.erb

@@ -0,0 +1,14 @@
+<%= fidelity.widget(:form, :label => 'Text field', :placeholder => 'Some text') %>
+<hr>
+<%= fidelity.widget(:form, :type => :textarea, :label => 'Textarea', :placeholder => 'Some text') do  %>
+	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
+<% end %>
+<hr>
+<%= fidelity.widget(:form, :type => :checkbox, :collection => %w(First Second Third Forth), :checked => [1,2], :label => 'Checkboxes') %>
+<hr>
+<%= fidelity.widget(:form, :type => :radio, :collection => %w(First Second Third Forth), :checked => 1, :label => 'Radio buttons') %>
+<hr>
+<%= fidelity.widget(:form, :type => :select, :collection => %w(First Second Third Forth), :checked => 3, :label => 'Select menu') %>
+<hr>
+<%= fidelity.widget(:form, :label => 'Text field', :placeholder => 'Some text', :error => 'With error') %>
+<hr>

data/app/fidelity/doc/widgets/_labels.html.erb

@@ -0,0 +1,2 @@
+<%= fidelity.widget :label, :text => 'This is the content' %>
+<%= fidelity.widget :label, :text => 'This is the content', :color => 'green', :corners => 'round' %>

data/app/fidelity/doc/widgets/_navbar.html.erb

@@ -0,0 +1,12 @@
+<%= fidelity.widget(:navbar) do |n| %>
+	<%= n.item do %>
+		<%= fidelity.widget :label, :text => 'A label in an item' %>
+	<% end %>
+	<%= n.link do %>
+		A link
+	<% end %>
+	<%= n.flyout(:label => 'A flyout') do %>
+		<h4>The content of the flyout</h4>
+		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_pagination.html.erb

@@ -0,0 +1 @@
+<%=  fidelity.widget(:pagination, { :range => 1..12, :page => 2, :size => 8 }) %>

data/app/fidelity/doc/widgets/_panel.html.erb

@@ -0,0 +1,4 @@
+<%= fidelity.widget :panel do %>
+	<h4>Consectetur adipisicing elit</h4>
+	<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<% end %>

data/app/fidelity/doc/widgets/_sub_nav.html.erb

@@ -0,0 +1,14 @@
+<%= fidelity.widget(:subnav) do |s| %>
+	<%= s.title do %>
+		Filter:
+	<% end %>
+	<%= s.item do %>
+		Alphabetically
+	<% end %>
+	<%= s.item(:state => :active) do %>
+		By date
+	<% end %>
+	<%= s.item do %>
+		By relevance
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_table.html.erb

@@ -0,0 +1,10 @@
+<%= fidelity.widget(:table) do %>
+| Left align | Right align | Center align 
+|:-----------|------------:|:------------:
+| This       |        This |     This     
+| column     |      column |    column    
+| will       |        will |     will     
+| be         |          be |      be      
+| left       |       right |    center    
+| aligned    |     aligned |   aligned    
+<% end %>

data/app/fidelity/doc/widgets/_tabs_contained.html.erb

@@ -0,0 +1,8 @@
+<%= fidelity.widget(:tabs, :outline => :contained) do |t| %>
+	<%= t.tab('First tab', :state => :active) do %>
+		Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+	<%= t.tab('Second tab') do %>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_tabs_nice.html.erb

@@ -0,0 +1,8 @@
+<%= fidelity.widget(:tabs, :outline => :contained, :style => :nice) do |t| %>
+	<%= t.tab('First tab') do %>
+		Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+	<%= t.tab('Second tab', :state => :active) do %>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_tabs_open.html.erb

@@ -0,0 +1,8 @@
+<%= fidelity.widget(:tabs) do |t| %>
+	<%= t.tab('First tab') do %>
+		Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+	<%= t.tab('Second tab', :state => :active) do %>
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.
+	<% end %>
+<% end %>

data/app/fidelity/doc/widgets/_tabs_vertical.html.erb

@@ -0,0 +1,5 @@
+<%= fidelity.widget(:tabs, :outline => :contained, :orientation => :vertical, :style => :nice) do |t| %>
+	<%= t.tab('First tab') %>
+	<%= t.tab('Second tab', :state => :active) %>
+	<%= t.tab('Third tab') %>
+<% end %>

data/app/fidelity/doc/widgets/_tooltip.html.erb

@@ -0,0 +1,8 @@
+This is some text width some  
+<%= fidelity.widget :tooltip do |t| %>
+	<% t.tip do %>
+		This is the content of the Tip
+	<% end %>
+	tooltip to it
+<% end %>
+Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

data/app/fidelity/helpers/misc_helper.rb

@@ -0,0 +1,25 @@
+module Fidelity
+  module MiscHelper
+    
+    def to_html_attributes *args      
+      [''].tap do |a|
+        to_attribute_hash(args).each do |name, value|
+          a << %Q(#{name.to_s}="#{value}")
+        end
+      end.join(' ').html_safe
+    end
+    
+    private
+    
+    def to_attribute_hash args
+      args.extract_options!.tap do |arguments|
+        if options = args.shift and not args.empty?
+          args.each do |name|
+            arguments.merge!(name => options[name])
+          end
+        end 
+      end
+    end
+    
+  end
+end