bootstrap_leather 0.7.4 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4eaa2097f1ea327eba0b944d0cd9c5a01b07ec72
-  data.tar.gz: f6c8f59898bb520373e56ac0ccad3db99e782557
+  metadata.gz: 588360d05f709833409bb8085c86d5e96c9cbb7e
+  data.tar.gz: 5de93d2209be609da4f91123ae2da25d4bdd7a8f
 SHA512:
-  metadata.gz: 367329f9fc6b8cf0f8c6ba635447b0c56e28b77263bbbde87e568e1f75861dcb4c9186159995dd0dd67660dc2c3b375ec975e2b4632a1bef4c24958873e56581
-  data.tar.gz: 0600f73e045e6bed618e9ba5494d2852662620db22a5c239f7f10bf00e327a0c9ac0239483cddfc38a326e77a6257d4b8c2190ebe51daa451bea2e1e1105b905
+  metadata.gz: 52d29edd6b702d0d8025319c85cbd3422eee078946f256123f760732d3668fb1885af2cb06bff42f803c99b96ce501c066d5b3400bc474b008abcd24dd71cfb8
+  data.tar.gz: 751504ad5f253a7bd0dce0f5d92ed47c3897f9354ecd4489eb04858397bd2dfd35fc7efdca0433ce24b978ad1e5d575c86421963bf72a4d7edffc9e4add0ada4

data/README.rdoc

@@ -84,7 +84,7 @@ To render the ones you have saved up:
     = render_widgets 'md', 3
 
 === Modals
-    = modal 'Title of the modal here.' do
+    = modal 'css-id', 'Title of the modal here.' do
       %p Lorem ipsum, baby.
 
 === Badges and Labels
@@ -130,6 +130,24 @@ First, add them all, then render them.
       %p Yep, tab contents go inside.
     = render_tabs 'left'
 
+=== Carousel
+
+Pass in an id string, items and a block for each slide:
+    = carousel 'css-id-for-carousel', @items do |item|
+        .carousel-caption
+            %h3= item.title
+            %p= item.description
+        = image_tag item.image.url(:large)
+
+=== Carousel with Thumbnails
+
+Pass in an id string, items and a block for each slide:
+    = carousel_with_thumbnails 'css-id-for-carousel', @items do |item|
+        .carousel-caption
+            %h3= item.title
+            %p= item.description
+        = image_tag item.image.url(:large), data: { thumbnail: item.image.url(:thumb) }
+
 === Thumbnail
 
     = thumbnail link_to image_tag(image_url), path

data/VERSION

@@ -1 +1 @@
-0.7.4
+0.8.0

data/app/helpers/bootstrap_leather_helper.rb

@@ -70,8 +70,8 @@ module BootstrapLeatherHelper
     render(:partial => 'bootstrap_leather/alert_flash_messages', :locals => {:html_options => html_options})
   end
 
-  def modal(title = '', close_text = 'Close', html_options = {}, &block)
-    render(:partial => 'bootstrap_leather/modal', :locals => {:close_text => close_text, :title => title, :block => capture(&block), :html_options => html_options})
+  def modal(id, title = '', close_text = 'Close', html_options = {}, &block)
+    render(:partial => 'bootstrap_leather/modal', :locals => {:id => id, :close_text => close_text, :title => title, :block => capture(&block), :html_options => html_options})
   end
 
   def nav_item(text, href, options = {})
@@ -201,6 +201,20 @@ module BootstrapLeatherHelper
     render(:partial => 'bootstrap_leather/definition_list', :locals => {:list => list, :html_options => html_options})
   end
 
+  def carousel(id, items, html_options = {}, &block)
+    html_options[:id] = id
+    html_options[:data] ||= {}
+    html_options[:data][:ride] = 'carousel'
+    render(:partial => 'bootstrap_leather/carousel', :locals => { :id => id, :slides => items.collect { |item| capture(item, &block) }, :html_options => html_options })
+  end
+
+  def carousel_with_thumbnails(id, items, html_options = {}, &block)
+    html_options[:id] = id
+    html_options[:data] ||= {}
+    html_options[:data][:ride] = 'carousel'
+    render(:partial => 'bootstrap_leather/carousel_with_thumbnails', :locals => { :id => id, :slides => items.collect { |item| capture(item, &block) }, :html_options => html_options })
+  end
+
 
   alias_method :dl, :definition_list
   alias_method :nav_bar, :navbar

data/app/views/bootstrap_leather/_carousel.html.haml

@@ -0,0 +1,27 @@
+.carousel.slide{ html_options }
+  - if slides.count >= 2
+    -# Indicators
+    %ol.carousel-indicators
+      - slides.each_with_index do |slide, index|
+        %li{data: { target: '#' + id, slide_to: index }}
+
+  -# Wrapper for slides
+  .carousel-inner{ role: 'listbox' }
+    - slides.each_with_index do |slide, index|
+      %div{ class: (index == 0) ? 'item active' : 'item' }
+        = slide
+
+  - if slides.count >= 2
+    -# Controls
+    %a.left.carousel-control{ href: '#' + id, role: 'button', data: { slide: 'prev' } }
+      = icon 'chevron-left'
+      .sr-only Previous
+    %a.right.carousel-control{ href: '#' + id, role: 'button', data: { slide: 'next' } }
+      = icon 'chevron-right'
+      .sr-only Next
+
+- add_footer_javascript do
+  :javascript
+    $(function() {
+      $('##{id}.carousel').carousel();
+    });

data/app/views/bootstrap_leather/_carousel_with_thumbnails.html.haml

@@ -0,0 +1,73 @@
+.carousel.carousel-with-thumbnails.slide.thumbnail{ html_options }
+  .carousel-outer
+    -# Wrapper for slides
+    .carousel-inner{ role: 'listbox' }
+      - slides.each_with_index do |slide, index|
+        %div{ class: (index == 0) ? 'item active' : 'item' }
+          = slide
+
+    - if slides.count >= 2
+      -# Controls
+      %a.left.carousel-control{ href: '#' + id, role: 'button', data: { slide: 'prev' } }
+        = icon 'chevron-left'
+        .sr-only Previous
+      %a.right.carousel-control{ href: '#' + id, role: 'button', data: { slide: 'next' } }
+        = icon 'chevron-right'
+        .sr-only Next
+
+  - if slides.count >= 2
+    -# Indicators
+    %ol.carousel-indicators
+      - slides.each_with_index do |slide, index|
+        %li{data: { target: '#' + id, slide_to: index }, class: (index == 0) ? 'active' : ''}
+
+- add_footer_javascript do
+  :javascript
+    $(function() {
+      $('##{id} .carousel-indicators li').each(function(index){
+        var thumbnail_src = $('##{id} .carousel-inner').children('.item').eq(index).find('img').data('thumbnail');
+        if(typeof thumbnail_src !== 'undefined') {
+          $(this).html('<img src="' + thumbnail_src + '" class="thumbnail">');
+        }
+      });
+    });
+
+- add_head_css do
+  :css
+    .carousel-with-thumbnails {
+      margin: 20px auto;
+      width: 400px;
+    }
+    .carousel-with-thumbnails .carousel-indicators {
+      margin: 10px 0 0;
+      overflow: auto;
+      position: static;
+      text-align: left;
+      white-space: nowrap;
+      width: 100%;
+    }
+    .carousel-with-thumbnails .carousel-indicators li {
+      background-color: transparent;
+      -webkit-border-radius: 0;
+      border-radius: 0;
+      display: inline-block;
+      height: auto;
+      margin: 0 !important;
+      width: auto;
+    }
+    .carousel-with-thumbnails .carousel-indicators li img {
+      display: block;
+      opacity: 0.5;
+    }
+    .carousel-with-thumbnails .carousel-indicators li img.thumbnail {
+      margin-bottom: 0;
+    }
+    .carousel-with-thumbnails .carousel-indicators li.active img {
+      opacity: 1;
+    }
+    .carousel-with-thumbnails .carousel-indicators li:hover img {
+      opacity: 0.75;
+    }
+    .carousel-with-thumbnails .carousel-outer {
+      position: relative;
+    }

data/app/views/bootstrap_leather/_modal.html.haml

@@ -1,8 +1,10 @@
-#modal.modal.hide.fade{:tabindex => -1, :role => 'dialog', :aria => {:labelledby => 'modalLabel', :hidden => true}}
-  .modal-header
-    %button.close{:type => 'button', :data => {:dismiss => 'modal'}, :aria => {:hidden => true}}= 'x'
-    %h3#modalLabel= title
-  #modal-body.modal-body
-    = block
-  .modal-footer
-    %button.close{:type => 'button', :data => {:dismiss => 'modal'}, :aria => {:hidden => true}}= close_text
+.modal.fade{:id => id, :tabindex => -1, :role => 'dialog', :aria => {:labelledby => 'modalLabel'}}
+  .modal-dialog{:role => 'document'}
+    .modal-content
+      .modal-header
+        %button.close{:type => 'button', :data => {:dismiss => 'modal'}, :aria => {:hidden => true}}= 'x'
+        %h3#modalLabel= title
+      #modal-body.modal-body
+        = block
+      .modal-footer
+        %button.close{:type => 'button', :data => {:dismiss => 'modal'}, :aria => {:hidden => true}}= close_text

data/bootstrap_leather.gemspec

@@ -2,16 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: bootstrap_leather 0.7.4 ruby lib
+# stub: bootstrap_leather 0.8.0 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "bootstrap_leather"
-  s.version = "0.7.4"
+  s.version = "0.8.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib"]
   s.authors = ["Karen Lundgren"]
-  s.date = "2015-06-24"
+  s.date = "2015-06-30"
   s.description = "BootstrapLeather is a collection of view helpers that makes it easier to create apps using Twitter Bootstrap"
   s.email = "karen.e.lundgren@gmail.com"
   s.extra_rdoc_files = [
@@ -31,6 +31,8 @@ Gem::Specification.new do |s|
     "app/views/bootstrap_leather/_alert_flash_messages.html.haml",
     "app/views/bootstrap_leather/_badge.html.haml",
     "app/views/bootstrap_leather/_badge_to.html.haml",
+    "app/views/bootstrap_leather/_carousel.html.haml",
+    "app/views/bootstrap_leather/_carousel_with_thumbnails.html.haml",
     "app/views/bootstrap_leather/_definition_list.html.haml",
     "app/views/bootstrap_leather/_dropdown_nav_item.html.haml",
     "app/views/bootstrap_leather/_footer_javascript.html.haml",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_leather
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.8.0
 platform: ruby
 authors:
 - Karen Lundgren
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-24 00:00:00.000000000 Z
+date: 2015-06-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass
@@ -87,6 +87,8 @@ files:
 - app/views/bootstrap_leather/_alert_flash_messages.html.haml
 - app/views/bootstrap_leather/_badge.html.haml
 - app/views/bootstrap_leather/_badge_to.html.haml
+- app/views/bootstrap_leather/_carousel.html.haml
+- app/views/bootstrap_leather/_carousel_with_thumbnails.html.haml
 - app/views/bootstrap_leather/_definition_list.html.haml
 - app/views/bootstrap_leather/_dropdown_nav_item.html.haml
 - app/views/bootstrap_leather/_footer_javascript.html.haml