bootstrap_builders 0.0.10 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b9e79f5b4c3dc17543d62e1516237ca6786961ad
-  data.tar.gz: 929ec7495a0ad53cb7b31f01b39cfaf5c6b8a7d5
+  metadata.gz: 3a0826b4f8fcc18607bb51d8737da9f2e4d9067c
+  data.tar.gz: 6647d3933ffcbadc667d2ac7e8a018eac3046dd7
 SHA512:
-  metadata.gz: c639fc1b0f2479d0c5178cd0bddddb3e6bab5f1864b010641589c6eb2ca844e296936d4e741d03bd9e62425894d3739c7f100ef3112b59e5a5b159ab94bfc82a
-  data.tar.gz: 5347f30dca008a81ee962d13c1073f97b5bd127af19f10ad42042bb331f74e026fde185722d1ae4738e43e49ac9f7b5944d1ffe2b5f60ccc5cdad6ba235babba
+  metadata.gz: bc159ed82574a9eb51cfe5033df325857f86a4ed0f0cc5453efaa5e50058d38f2ea7daf6f7b23f1faa63148a69bef398baef09b0208ed4be904bb50f48b33f28
+  data.tar.gz: caa58021299bc802189b91e3d9a31eb645fc19d7c2635032ff14452576b9bd9c0a1f2ccb8c97d2e21d2775f7a7cb6593b3920beb4e9a402a3e2b4a33aba17928

data/README.md

@@ -14,6 +14,14 @@ module ApplicationHelper
 end
 ```
 
+Then add to your `application.js`:
+```javascript
+//= require bootstrap_builders
+```
+
+Then add to your `application.css`:
+//= require bootstrap_builders
+
 ## Usage
 
 ### Panel
@@ -95,6 +103,7 @@ The classes "bb-table" and "table" are always added.
 = bb_tabs :pills, :stacked do |tabs|
   = tabs.tab "Title", "id-of-content-container" do
     Content of tab
+  = tabs.tab "Load on demand", ajax_url: some_path
 ```
 
 ## Contributing to bootstrap_builders

data/app/assets/javascripts/bootstrap_builders.coffee

@@ -0,0 +1,3 @@
+#= require bootstrap_builders/view-port-detection
+#= require bootstrap_builders/bb-btn-responsive
+#= require bootstrap_builders/tabs

data/app/assets/javascripts/bootstrap_builders/bb-btn-responsive.coffee

@@ -0,0 +1,9 @@
+$ ->
+  $.bbUpdateResponsiveButtons = ->
+    if $.bbViewPortOrBelow("md")
+      $(".bb-btn-responsive").addClass("btn-xs")
+    else
+      $(".bb-btn-responsive").removeClass("btn-xs")
+
+  $.bbViewPortChange -> $.bbUpdateResponsiveButtons()
+  $.bbUpdateResponsiveButtons()

data/app/assets/javascripts/bootstrap_builders/tabs.js.coffee

@@ -0,0 +1,14 @@
+$ ->
+  $("body").on "click", ".bb-tabs-container .nav li[data-ajax-url]", ->
+    li = $(this)
+    link = $("a", li)
+    content_id = link.attr("href").substring(1, 999)
+    content = $(".bb-tabs-container #" + content_id + " .bb-tab-container")
+
+    return if li.data("ajax-loaded")
+    li.data("ajax-loaded", true)
+
+    content.fadeOut 0, ->
+      $.get li.data("ajax-url"), (data) ->
+        content.html(data)
+        content.fadeIn "fast"

data/app/assets/javascripts/bootstrap_builders/view-port-detection.coffee

@@ -0,0 +1,69 @@
+$ ->
+  sizes = {
+    xs: [0, 767],
+    sm: [768, 991],
+    md: [992, 1199],
+    lg: [1200, 999999]
+  }
+
+  $.bbViewPort = ->
+    width = window.innerWidth
+
+    for size of sizes
+      size_width = sizes[size][0]
+      size_height = sizes[size][1]
+      return size if width >= size_width && width < size_height
+
+    throw "Could not figure out the Bootstrap view port from this width: " + width
+
+  $.bbViewPortOrAbove = (given_size) ->
+    current_size = $.bbViewPort()
+    reached = false
+
+    for size of sizes
+      reached = true if size == current_size
+
+      if size == given_size
+        if reached
+          return false
+        else
+          return true
+
+    throw "Invalid size: " + given_size
+
+  $.bbViewPortOrBelow = (given_size) ->
+    current_size = $.bbViewPort()
+    reached = false
+
+    for size of sizes
+      reached = true if size == current_size
+
+      if given_size == size
+        if reached
+          return true
+        else
+          return false
+
+    throw "Invalid size: " + given_size
+
+  viewport_callbacks = []
+  $.bbViewPortChange = (func) -> viewport_callbacks.push(func)
+
+  resize_timeout = null
+  current_viewport = $.bbViewPort()
+  $.bbViewPortOnChanged = ->
+    clearTimeout(resize_timeout) if resize_timeout
+
+    resize_timeout = setTimeout( ->
+      $("body").removeClass("bb-view-port-xs bb-view-port-sm bb-view-port-md bb-view-port-lg")
+      new_viewport = $.bbViewPort()
+      $("body").addClass("bb-view-port-" + new_viewport)
+
+      if new_viewport != current_viewport
+        current_viewport = new_viewport
+
+        for number, viewport_callback of viewport_callbacks
+          viewport_callback.call()
+    , 200)
+
+  $(window).resize -> $.bbViewPortOnChanged()

data/app/assets/stylesheets/bootstrap_builders.scss

@@ -0,0 +1 @@
+//= require bootstrap_builders/bb-btn-responsive

data/app/assets/stylesheets/bootstrap_builders/bb-btn-responsive.scss

@@ -0,0 +1,6 @@
+.bb-view-port-xs,
+.bb-view-port-sm {
+  .bb-btn-responsive[data-bb-icon="true"] .bb-btn-label {
+    display: none;
+  }
+}

data/lib/bootstrap_builders/arguments_parser.rb

@@ -1,20 +1,20 @@
 class BootstrapBuilders::ArgumentsParser
-  attr_reader :arguments
+  attr_reader :arguments, :arguments_hash
 
   def initialize(args)
     @arguments = args.fetch(:arguments)
 
     if args[:argument_hash_default]
-      @argument_hash = args.fetch(:argument_hash_default)
+      @arguments_hash = args.fetch(:argument_hash_default)
     else
-      @argument_hash = {}
+      @arguments_hash = {}
     end
 
     if @arguments.last.is_a?(Hash)
-      @argument_hash = @argument_hash.merge(@arguments.pop)
+      @arguments_hash = @arguments_hash.merge(@arguments.pop)
     end
 
-    @arguments << @argument_hash
+    @arguments << @arguments_hash
 
     @short_true_arguments = args[:short_true_arguments]
     parse_short_true_arguments if @short_true_arguments
@@ -25,7 +25,7 @@ private
   def parse_short_true_arguments
     @arguments.delete_if do |argument|
       if @short_true_arguments.include?(argument)
-        @argument_hash[argument] = true
+        @arguments_hash[argument] = true
         true
       else
         false

data/lib/bootstrap_builders/button.rb

@@ -2,27 +2,21 @@ class BootstrapBuilders::Button
   attr_accessor :label
 
   def self.parse_url_args(args)
-    if args.last.is_a?(Hash)
-      real_args = args.pop
-    else
-      real_args = {}
-    end
+    args_parser = BootstrapBuilders::ArgumentsParser.new(
+      arguments: args,
+      short_true_arguments: [:block, :confirm, :responsive, :lg, :md, :mini, :sm, :xs]
+    )
+    args = args_parser.arguments
 
     is_an_active_record = BootstrapBuilders::IsAChecker.is_a?(args.first, "ActiveRecord::Base")
     is_a_baza_model = BootstrapBuilders::IsAChecker.is_a?(args.first, "BazaModels::Model")
 
     if args.first.is_a?(Array) || args.first.is_a?(String) || is_an_active_record || is_a_baza_model
-      real_args[:url] ||= args.shift
-    end
-
-    real_args[:label] ||= args.shift if args.first.is_a?(String)
-
-    pass_args = [:block, :confirm, :lg, :md, :mini, :sm, :xs]
-    args.each do |arg|
-      real_args[arg] = true if pass_args.include?(arg)
+      args_parser.arguments_hash[:url] ||= args.shift
     end
 
-    real_args
+    args_parser.arguments_hash[:label] ||= args.shift if args.first.is_a?(String)
+    args_parser.arguments_hash
   end
 
   def initialize(args)
@@ -35,6 +29,11 @@ class BootstrapBuilders::Button
     @icon = args[:icon]
     @can = args[:can]
     @mini = args[:mini]
+
+    @data = args[:data] || {}
+    @data[:bb_icon] = @icon.present?
+
+    @args[:title] ||= @label if @args[:responsive] && @label.present?
   end
 
   def classes
@@ -42,6 +41,7 @@ class BootstrapBuilders::Button
       @classes = BootstrapBuilders::ClassAttributeHandler.new(class: ["btn", "btn-default"])
       @classes.add("btn-xs") if @mini
       @classes.add(@class) if @class
+      @classes.add("bb-btn-responsive") if @args[:responsive]
 
       size_classes = [:lg, :md, :sm, :xs]
       size_classes.each do |size_class|
@@ -61,7 +61,7 @@ class BootstrapBuilders::Button
 
     link_args = {
       class: classes.classes,
-      data: @args[:data],
+      data: @data,
       method: @args[:method],
       target: @args[:target],
       remote: @args[:remote],
@@ -71,7 +71,11 @@ class BootstrapBuilders::Button
     @context.link_to(@url, link_args) do
       html = ""
       html << @context.content_tag(:i, nil, class: ["fa", "fa-#{@icon}"]) if @icon
-      html << " #{@label}" if @label && !@mini
+
+      if @label && !@mini
+        html << @context.content_tag(:span, " #{@label}", class: "bb-btn-label")
+      end
+
       html.strip.html_safe
     end
   end
@@ -151,7 +155,6 @@ private
 
   def handle_confirm_argument
     return unless @args[:confirm]
-    @args[:data] ||= {}
-    @args[:data][:confirm] = I18n.t("are_you_sure")
+    @data[:confirm] = I18n.t("are_you_sure")
   end
 end

data/lib/bootstrap_builders/tab.rb

@@ -1,10 +1,11 @@
 class BootstrapBuilders::Tab
   attr_accessor :active, :container_html
-  attr_reader :container_id, :label
+  attr_reader :ajax_url, :container_id, :label
 
   def initialize(args)
     @active = args[:active]
     @label = args.fetch(:label)
+    @ajax_url = args[:ajax_url]
 
     @container_id = args[:container_id].presence
     @container_id ||= SecureRandom.hex

data/lib/bootstrap_builders/table.rb

@@ -6,7 +6,10 @@ class BootstrapBuilders::Table
   end
 
   def html
-    @context.content_tag(:table, attributes, &@blk)
+    buffer = @context.content_tag(:table, attributes, &@blk)
+    return buffer unless @args[:responsive]
+
+    @context.content_tag(:div, buffer, class: "table-responsive")
   end
 
 private

data/lib/bootstrap_builders/tabs.rb

@@ -29,6 +29,7 @@ class BootstrapBuilders::Tabs
       li = ul.add_ele(:li)
       li.add_ele(:a, str: tab.label, attr: {href: "##{tab.container_id}"}, data: {toggle: "tab"})
       li.classes << "active" if tab.active?
+      li.data[:ajax_url] = tab.ajax_url if tab.ajax_url.present?
     end
 
     tabs_content = container.add_ele(:div, classes: ["tab-content"])

data/lib/bootstrap_builders/version.rb

@@ -1,3 +1,3 @@
 module BootstrapBuilders
-  VERSION = "0.0.10".freeze
+  VERSION = "0.0.11".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_builders
 version: !ruby/object:Gem::Version
-  version: 0.0.10
+  version: 0.0.11
 platform: ruby
 authors:
 - kaspernj
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-06-12 00:00:00.000000000 Z
+date: 2016-07-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -230,8 +230,12 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
-- app/assets/javascripts/bootstrap_builders/application.js
-- app/assets/stylesheets/bootstrap_builders/application.css
+- app/assets/javascripts/bootstrap_builders.coffee
+- app/assets/javascripts/bootstrap_builders/bb-btn-responsive.coffee
+- app/assets/javascripts/bootstrap_builders/tabs.js.coffee
+- app/assets/javascripts/bootstrap_builders/view-port-detection.coffee
+- app/assets/stylesheets/bootstrap_builders.scss
+- app/assets/stylesheets/bootstrap_builders/bb-btn-responsive.scss
 - app/controllers/bootstrap_builders/application_controller.rb
 - app/helpers/bootstrap_builders/application_helper.rb
 - app/views/layouts/bootstrap_builders/application.html.erb
@@ -272,7 +276,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.0
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A library to generate Bootstrap HTML for Rails.

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

@@ -1,13 +0,0 @@
-// 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 any plugin's vendor/assets/javascripts directory 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
-// compiled file.
-//
-// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require_tree .

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

@@ -1,15 +0,0 @@
-/*
- * 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 any plugin's vendor/assets/stylesheets directory 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 bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any styles
- * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
- * file per style scope.
- *
- *= require_tree .
- *= require_self
- */