slim_breadcrumb 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/.rspec

@@ -0,0 +1 @@
+--colour

data/.travis.yml

@@ -0,0 +1,8 @@
+rvm:
+  - 1.9.2
+
+env: "RAILS_ENV=test DISPLAY=:99.0"
+
+before_script:
+  - "sh -c 'cd test_app && bundle'"
+  - "sh -e /etc/init.d/xvfb start"

data/Gemfile

@@ -0,0 +1,33 @@
+source 'https://rubygems.org'
+
+group :test, :development do
+  gem 'rspec'
+  gem 'rspec-core'
+  gem 'rspec-expectations'
+  gem 'rspec-mocks'
+  gem 'nokogiri'
+
+  gem 'capybara'
+  gem "capybara-webkit"
+
+  gem 'execjs'
+  gem 'therubyracer', :platform => :ruby
+
+  gem 'guard', '1.0.1'
+  gem 'rspec-rails', '2.10.0'
+  gem 'guard-rspec', '0.5.5'
+
+end
+
+group :test do
+  gem 'sass-rails'
+end
+
+gem 'jquery-rails'
+gem 'coffee-rails'
+gem 'sqlite3'
+
+
+# Specify your gem's dependencies in slim_breadcrumb.gemspec
+gemspec
+

data/Guardfile

@@ -0,0 +1,19 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+require 'active_support/core_ext'
+
+guard 'rspec', :version => 2, :all_after_pass => false do
+  watch(%r{^spec/.+_spec\.rb$})
+  watch(%r{^lib/(.+)\.rb$})     { |m| "spec/lib/#{m[1]}_spec.rb" }
+  watch('spec/spec_helper.rb')  { "spec" }
+
+  # Rails example
+#  watch(%r{^app/(.+)\.rb$})                           { |m| "spec/#{m[1]}_spec.rb" }
+#  watch(%r{^app/(.*)(\.erb|\.haml)$})                 { |m| "spec/#{m[1]}#{m[2]}_spec.rb" }
+#  watch(%r{^app/controllers/(.+)_(controller)\.rb$})  { |m| ["spec/routing/#{m[1]}_routing_spec.rb", "spec/#{m[2]}s/#{m[1]}_#{m[2]}_spec.rb", "spec/acceptance/#{m[1]}_spec.rb"] }
+
+  # Capybara request specs
+#  watch(%r{^app/views/(.+)/.*\.(erb|haml)$})          { |m| "spec/requests/#{m[1]}_spec.rb" }
+end
+

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Sebastian Fiedlschuster
+
+MIT License
+
+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.md

@@ -0,0 +1,73 @@
+# SlimBreadcrumb
+
+This is a **ruby on rails gem** to **slim out** certain elements of a **breadcrumb navigation** and show these elements only if the user's mouse dwells on the breadcrumb separator.
+
+## Demo
+
+You might want to have a look at [this demo app at heroku](http://slim-breadcrumb-test-app.herokuapp.com/).
+
+The [code of this demo app can be found here](https://github.com/fiedl/slim_breadcrumb/tree/master/test_app).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'slim_breadcrumb'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install slim_breadcrumb
+
+### Include Assets
+
+In `app/assets/javascripts/application.js`, add:
+
+```javascript
+//= require slim_breadcrumb
+```
+## Usage
+
+In order to use this gem, you may use any tool of convenience to create your breadcrumb html code. The produced html code should look something like this:
+
+```html
+<nav>
+  <div id="breadcrumb">
+    <ul>
+	  <li class="first crumb"><a href="#">#0 (Root)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+			  
+	  <li class="slim crumb"><a href="#">#1 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+				  
+	  <li class="slim crumb"><a href="#">#2 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+							  
+	  <li class="crumb"><a href="#">#3 (Normal Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+									  
+	  <li class="slim crumb"><a href="#">#4 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+													  
+	  <li class="slim last crumb"><a href="#">#5 (Slim Crumb)</a></li>
+    </ul>
+  </div>
+</nav>
+```
+
+The important parts of this example are the **css classes** and the **id `#breadcrumb`**, the script relies on.
+
+If you'd like to have a look at the [script, which is rather simple, you can do this here](https://github.com/fiedl/slim_breadcrumb/blob/master/lib/assets/javascripts/slim_breadcrumb.js.coffee).
+
+You also have to handle your **stylesheets** for the breadcrumb yourself. An [example stylesheet can be found here](https://github.com/fiedl/slim_breadcrumb/blob/master/test_app/app/assets/stylesheets/breadcrumb.css.sass). Note that you may use the breadcrumb separator image just as done in the example, since this gem is providing this image.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/lib/assets/javascripts/slim_breadcrumb.js.coffee

@@ -0,0 +1,59 @@
+
+jQuery ->
+
+  # The last element of the whole bread crumb path is not to be shown slim
+  # in order to not have an open end (like " A >> C > D > " if E is slim).
+  $( "li.slim.crumb.last" ).removeClass( "slim" )
+
+  # Initially hide all slim elements.
+  $( "li.slim.crumb" ).hide()
+
+  # Define some timers: The slim elements are not to be shown immediately after
+  # mouseover(), but a while after, that is if the user stays over the element.
+  breadcrumb_slim_in_timer = 0
+  breadcrumb_slim_out_timer = 0
+
+  # Time required to dwell.
+  time_to_dwell = 1000 # milliseconds
+
+  # Show the slim elements if the mouse stays over the separator.
+  $( "li.crumb.sep" ).mouseover( ->
+    hovered_sep = $( this )
+    breadcrumb_slim_in_timer = setTimeout( ->
+      show_slim_breadcrumbs( hovered_sep )
+    , time_to_dwell )
+  ).mouseout( ->
+    clearTimeout( breadcrumb_slim_in_timer )
+  )
+
+  # If the mouse leaves the breadcrumb, hide the slim elements.
+  $( "#breadcrumb" ).mouseout( ->
+    breadcrumb_slim_out_timer = setTimeout( ->
+      hide_slim_breadcrumbs()
+    , time_to_dwell )
+  ).mouseover( ->
+    clearTimeout( breadcrumb_slim_out_timer )
+  )
+
+  # show animation:
+  breadcrumb_slim_effect = "drop"
+  show_slim_breadcrumbs = ( next_to_element = null ) ->
+    elements_to_show = close_slim_elements( next_to_element )
+    for elem in elements_to_show
+      unless $( elem ).is( ":visible" )
+        $( elem ).show( breadcrumb_slim_effect )
+
+  # hide animation:
+  hide_slim_breadcrumbs = () ->
+    if $( "li.slim.crumb:visible" ).html()
+      $( "li.crumb" ).hide( "fade", "fast", ->
+        $( "li.crumb:not(.slim)" ).show( "fade" )
+      )
+
+  # helper function to find nearby slim elements
+  close_slim_elements = ( next_to_element ) ->
+    return $( "li.slim.crumb" ) if next_to_element is null
+    left_element = $( next_to_element ).prevAll( "li.crumb:not(.slim,.sep)" ).last()
+    right_element = $( next_to_element ).nextAll( "li.crumb:not(.slim,.sep)" ).first()
+    elements_between = left_element.nextUntil( right_element, "li.slim.crumb" )
+    return elements_between

data/lib/slim_breadcrumb/engine.rb

@@ -0,0 +1,7 @@
+module SlimBreadcrumb
+  class Engine < Rails::Engine
+#    initializer "setup for rails" do
+#      ActionView::Base.send( :include, EditMode::EditModeHelpers )
+#    end
+  end
+end

data/lib/slim_breadcrumb/version.rb

@@ -0,0 +1,3 @@
+module SlimBreadcrumb
+  VERSION = "0.0.1"
+end

data/lib/slim_breadcrumb.rb

@@ -0,0 +1,6 @@
+require "slim_breadcrumb/version"
+require "slim_breadcrumb/engine"
+
+module SlimBreadcrumb
+  # Your code goes here...
+end

data/slim_breadcrumb.gemspec

@@ -0,0 +1,37 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/slim_breadcrumb/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.name          = "slim_breadcrumb"
+  gem.authors       = ["Sebastian Fiedlschuster"]
+  gem.email         = ["sebastian@fiedlschuster.de"]
+  gem.description   = %q{Slim out certain elements of a breadcrumb navigation and show these elements only if the user\'s mouse dwellls on the breadcrumb separator.}
+  gem.summary       = %q{Slim out certain elements of a breadcrumb navigation and show these elements only if the user\'s mouse dwellls on the breadcrumb separator.}
+  gem.homepage      = "https://github.com/fiedl/slim_breadcrumb"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "slim_breadcrumb"
+  gem.require_paths = ["lib"]
+  gem.version       = SlimBreadcrumb::VERSION
+
+  gem.add_dependency "rails", ">= 3.2"
+  gem.add_dependency "jquery-rails"
+  gem.add_dependency 'sass-rails'
+  gem.add_dependency 'coffee-rails'
+
+  gem.add_development_dependency "rake"
+  gem.add_development_dependency "bundler"
+  gem.add_development_dependency "rspec-rails", ">= 2.8.0"
+  gem.add_development_dependency "guard", "1.0.1"
+  gem.add_development_dependency "nokogiri", ">= 1.5.0"
+  gem.add_development_dependency "capybara"
+  gem.add_development_dependency 'rspec-rails', '2.10.0'
+  gem.add_development_dependency 'guard-rspec', '0.5.5'
+
+  gem.add_development_dependency 'execjs'
+  gem.add_development_dependency 'therubyracer'
+
+end
+

data/spec/integration/slim_breadcrumb_spec.rb

@@ -0,0 +1,51 @@
+require 'spec_helper'
+
+describe "slim_breadcrumb behaviour", js: true do
+
+  before do
+    visit root_path
+  end
+
+  describe "slim element #1" do
+    
+    it "should be invisible at first" do
+      page.should_not have_selector( "#crumb1", visible: true )
+    end
+
+    for n in [0, 1, 2] 
+      it "should appear after hovering the separators ##{n}" do
+        find( "#crumb_sep#{n}" ).trigger( :mouseover )
+        sleep 1.2
+        page.should have_selector( "#crumb1", visible: true )
+      end
+    end
+
+    it "should *not* appear after hovering the separator #3" do
+      find( "#crumb_sep3" ).trigger( :mouseover )
+      sleep 1.2
+      page.should_not have_selector( "#crumb1", visible: true )
+    end
+
+    it "should disappear after moving out the mouse" do
+      find( "#crumb_sep1" ).trigger( :mouseover )
+      sleep 1.2
+      find( "#breadcrumb" ).trigger( :mouseout )
+      page.should_not have_selector( "#crumb1", visible: true )
+    end
+
+  end
+
+  describe "root element" do
+
+  end
+
+  describe "last element" do
+    
+    it "should be always visible, even if slim" do
+      page.should have_selector( "#crumb5", text: "#5 (Slim Crumb)",  visible: true )
+    end
+
+  end
+
+end
+

data/spec/spec_helper.rb

@@ -0,0 +1,24 @@
+
+ENV["RAILS_ENV"] = "test"
+
+
+require File.expand_path('../../test_app/config/environment', __FILE__)
+
+require "rspec/rails"
+require "nokogiri"
+
+# Load support files
+#Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each{|f| require f}
+
+RSpec.configure do |config|
+
+  require 'rspec/expectations'
+
+  config.include RSpec::Matchers
+
+  Capybara.javascript_driver = :webkit
+
+  config.mock_with :rspec
+end
+
+

data/test_app/.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/test_app/Gemfile

@@ -0,0 +1,52 @@
+source 'https://rubygems.org'
+
+gem 'rails', '3.2.3'
+
+# Bundle edge Rails instead:
+# gem 'rails', :git => 'git://github.com/rails/rails.git'
+
+group :development, :test do
+  gem 'sqlite3'
+end
+group :production do
+  gem 'pg'
+end
+
+
+# Gems used only for assets and not required
+# in production environments by default.
+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', :platform => :ruby
+
+  gem 'uglifier', '>= 1.0.3'
+end
+
+gem 'jquery-rails'
+gem 'jquery-ui-rails'
+
+group :development do
+  gem 'nifty-generators'
+end
+
+# To use ActiveModel has_secure_password
+# gem 'bcrypt-ruby', '~> 3.0.0'
+
+# To use Jbuilder templates for JSON
+# gem 'jbuilder'
+
+# Use unicorn as the app server
+# gem 'unicorn'
+
+# Deploy with Capistrano
+# gem 'capistrano'
+
+# To use debugger
+# gem 'ruby-debug19', :require => 'ruby-debug'
+
+gem "mocha", :group => :test
+
+gem "slim_breadcrumb", path: "../"

data/test_app/README.md

@@ -0,0 +1,73 @@
+# SlimBreadcrumb
+
+This is a **ruby on rails gem** to **slim out** certain elements of a **breadcrumb navigation** and show these elements only if the user's mouse dwells on the breadcrumb separator.
+
+## Demo
+
+You might want to have a look at [this demo app at heroku](http://slim-breadcrumb-test-app.herokuapp.com/).
+
+The [code of this demo app can be found here](https://github.com/fiedl/slim_breadcrumb/tree/master/test_app).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'slim_breadcrumb'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install slim_breadcrumb
+
+### Include Assets
+
+In `app/assets/javascripts/application.js`, add:
+
+```javascript
+//= require slim_breadcrumb
+```
+## Usage
+
+In order to use this gem, you may use any tool of convenience to create your breadcrumb html code. The produced html code should look something like this:
+
+```html
+<nav>
+  <div id="breadcrumb">
+    <ul>
+	  <li class="first crumb"><a href="#">#0 (Root)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+			  
+	  <li class="slim crumb"><a href="#">#1 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+				  
+	  <li class="slim crumb"><a href="#">#2 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+							  
+	  <li class="crumb"><a href="#">#3 (Normal Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+									  
+	  <li class="slim crumb"><a href="#">#4 (Slim Crumb)</a></li>
+	  <li class="crumb sep">&nbsp;</li>
+													  
+	  <li class="slim last crumb"><a href="#">#5 (Slim Crumb)</a></li>
+    </ul>
+  </div>
+</nav>
+```
+
+The important parts of this example are the **css classes** and the **id `#breadcrumb`**, the script relies on.
+
+If you'd like to have a look at the [script, which is rather simple, you can do this here](https://github.com/fiedl/slim_breadcrumb/blob/master/lib/assets/javascripts/slim_breadcrumb.js.coffee).
+
+You also have to handle your **stylesheets** for the breadcrumb yourself. An [example stylesheet can be found here](https://github.com/fiedl/slim_breadcrumb/blob/master/test_app/app/assets/stylesheets/breadcrumb.css.sass). Note that you may use the breadcrumb separator image just as done in the example, since this gem is providing this image.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/test_app/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+TestApp::Application.load_tasks

data/test_app/app/assets/javascripts/activate_best_in_place.js

@@ -0,0 +1,4 @@
+$(document).ready(function() {
+  /* Activating Best In Place */
+  jQuery(".best_in_place").best_in_place();
+});

data/test_app/app/assets/javascripts/application.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery-ui
+//= require jquery_ujs
+//= require slim_breadcrumb
+//= require_tree .

data/test_app/app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+*/

data/test_app/app/assets/stylesheets/breadcrumb.css.sass

@@ -0,0 +1,27 @@
+#breadcrumb
+  vertical-alignment: middle
+  display: inline-block
+  font-size: 10pt
+  ul
+    display: inline-block
+    list-style-type: none
+    padding: 0px
+    margin: 0px
+    li
+      float: left
+      margin-left: 7px
+      margin-right: 7px
+    li.first
+      margin-left: 0px
+    li.slim.crumb
+      font-style: italic
+      display: inline
+    li.crumb.sep
+      margin: 0px
+      width: 3px
+      background: image-url("slim_breadcrumb/breadcrumb-sep.png") no-repeat center center
+    li.last
+      a
+        color: black
+  * a
+    text-decoration: none

data/test_app/app/assets/stylesheets/modifications.css.sass

@@ -0,0 +1,9 @@
+.edit_mode_group
+  margin-top: 40px
+  background: white
+  padding: 10px
+  .edit_mode_tools
+    float: right
+
+p.global_tools
+  margin-top: 70px