ui_bibz 2.0.0.alpha → 2.0.0.alpha2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2d33883fa7f3a8fa1092d3c011c634e94e69f107
-  data.tar.gz: b27fd0d3e07693c91c8d92adf01b6910fbf8a8ae
+  metadata.gz: 6ca87b30a6f0b743c5d0920fbb4bf4d6e1f70ae6
+  data.tar.gz: 7bc4d0f9593a3be1dd72ff43867f1a5fd4fc4860
 SHA512:
-  metadata.gz: 7e33cee7fa94acc9b9b6884d3f880aef02afef79517c0be6802084832fceca94b9873ce429a09e1ce0ebe0dbd4bb130cab9876f1e6fb3148e563c56e74ef17a0
-  data.tar.gz: 10f162ab46b76018679a40117476e4d7011ec87cd565b1167938548b764e9d59825d6cf82a5776c2a194dc33579241c6e6ad2db0ad2f56ed8181e99796dbe5ad
+  metadata.gz: 45c883860ae029fc88e88b5feba32fde8e2fea04315d569708904cbd44146303ad0e426fc02f7cf190a3a6300bd2421ed3c676939e7119636978f4b89be6a0c9
+  data.tar.gz: dcebafe16e76ac735aae051f652f3b875e628063dd60a527e62ea45083f77b4905d3f54f20313413cc5c1167faa0c51027d4beeb110d5adc819d395c62ea1fd7

data/CONTRIBUTORS.md

@@ -0,0 +1,23 @@
+# Ui Bibz Contributors
+
+## Ui Bibz
+
+* [Thomas HUMMEL](https://github.com/thooams)
+  * Ruby developer and Creator of Ui Bibz
+* [Jeremy Gontard](https://github.com/JeremyGontard)
+  * Ruby developer (component developer)
+
+## External library (bootstrap)
+
+* [Boostrap project](https://github.com/twbs)
+  * [bootstrap](https://github.com/twbs/bootstrap)
+
+## External library (js)
+
+* [Silvio Moreto](https://github.com/silviomoreto)
+  * [bootstrap-select](https://github.com/silviomoreto/bootstrap-select)
+* [David Stutz](https://github.com/davidstutz)
+  * [bootstrap-multiselect](https://github.com/davidstutz/bootstrap-multiselect)
+* [Louis Cuny](https://github.com/lou)
+  * [multi-select](https://github.com/lou/multi-select/)
+

data/Gemfile.lock

@@ -1,12 +1,15 @@
 PATH
   remote: .
   specs:
-    ui_bibz (2.0.0.alpha)
-      bootstrap (~> 4.0.0.alpha3)
+    ui_bibz (2.0.0.alpha2)
+      bootstrap (< 4.0.0.alpha3)
+      bundler (>= 1.8.4)
       font-awesome-sass
       haml
       haml-rails
       rails (>= 4.2.0)
+      rails-assets-bootstrap-datepicker (>= 1.6.0)
+      rails-assets-bootstrap-select (>= 1.10.0)
       rails-assets-tether (>= 1.1.0)
       sass-rails (>= 5.0.0)
       will-paginate-i18n
@@ -17,46 +20,46 @@ GEM
   remote: https://rubygems.org/
   remote: https://rails-assets.org/
   specs:
-    actionmailer (4.2.5.2)
-      actionpack (= 4.2.5.2)
-      actionview (= 4.2.5.2)
-      activejob (= 4.2.5.2)
+    actionmailer (4.2.6)
+      actionpack (= 4.2.6)
+      actionview (= 4.2.6)
+      activejob (= 4.2.6)
       mail (~> 2.5, >= 2.5.4)
       rails-dom-testing (~> 1.0, >= 1.0.5)
-    actionpack (4.2.5.2)
-      actionview (= 4.2.5.2)
-      activesupport (= 4.2.5.2)
+    actionpack (4.2.6)
+      actionview (= 4.2.6)
+      activesupport (= 4.2.6)
       rack (~> 1.6)
       rack-test (~> 0.6.2)
       rails-dom-testing (~> 1.0, >= 1.0.5)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    actionview (4.2.5.2)
-      activesupport (= 4.2.5.2)
+    actionview (4.2.6)
+      activesupport (= 4.2.6)
       builder (~> 3.1)
       erubis (~> 2.7.0)
       rails-dom-testing (~> 1.0, >= 1.0.5)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    activejob (4.2.5.2)
-      activesupport (= 4.2.5.2)
+    activejob (4.2.6)
+      activesupport (= 4.2.6)
       globalid (>= 0.3.0)
-    activemodel (4.2.5.2)
-      activesupport (= 4.2.5.2)
+    activemodel (4.2.6)
+      activesupport (= 4.2.6)
       builder (~> 3.1)
-    activerecord (4.2.5.2)
-      activemodel (= 4.2.5.2)
-      activesupport (= 4.2.5.2)
+    activerecord (4.2.6)
+      activemodel (= 4.2.6)
+      activesupport (= 4.2.6)
       arel (~> 6.0)
-    activesupport (4.2.5.2)
+    activesupport (4.2.6)
       i18n (~> 0.7)
       json (~> 1.7, >= 1.7.7)
       minitest (~> 5.1)
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
     arel (6.0.3)
-    autoprefixer-rails (6.3.3.1)
+    autoprefixer-rails (6.3.6)
       execjs
     awesome_print (1.6.1)
-    bootstrap (4.0.0.alpha3)
+    bootstrap (4.0.0.alpha2)
       autoprefixer-rails (>= 6.0.3)
       sass (>= 3.4.19)
     builder (3.2.2)
@@ -66,10 +69,10 @@ GEM
     docile (1.1.5)
     erubis (2.7.0)
     execjs (2.6.0)
-    factory_girl (4.5.0)
+    factory_girl (4.7.0)
       activesupport (>= 3.0.0)
-    factory_girl_rails (4.6.0)
-      factory_girl (~> 4.5.0)
+    factory_girl_rails (4.7.0)
+      factory_girl (~> 4.7.0)
       railties (>= 3.0.0)
     font-awesome-sass (4.5.0)
       sass (>= 3.2)
@@ -92,9 +95,11 @@ GEM
     json (1.8.3)
     loofah (2.0.3)
       nokogiri (>= 1.5.9)
-    mail (2.6.3)
-      mime-types (>= 1.16, < 3)
-    mime-types (2.99.1)
+    mail (2.6.4)
+      mime-types (>= 1.16, < 4)
+    mime-types (3.0)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2016.0221)
     mini_portile2 (2.0.0)
     minitest (5.8.4)
     nokogiri (1.6.7.2)
@@ -102,17 +107,22 @@ GEM
     rack (1.6.4)
     rack-test (0.6.3)
       rack (>= 1.0)
-    rails (4.2.5.2)
-      actionmailer (= 4.2.5.2)
-      actionpack (= 4.2.5.2)
-      actionview (= 4.2.5.2)
-      activejob (= 4.2.5.2)
-      activemodel (= 4.2.5.2)
-      activerecord (= 4.2.5.2)
-      activesupport (= 4.2.5.2)
+    rails (4.2.6)
+      actionmailer (= 4.2.6)
+      actionpack (= 4.2.6)
+      actionview (= 4.2.6)
+      activejob (= 4.2.6)
+      activemodel (= 4.2.6)
+      activerecord (= 4.2.6)
+      activesupport (= 4.2.6)
       bundler (>= 1.3.0, < 2.0)
-      railties (= 4.2.5.2)
+      railties (= 4.2.6)
       sprockets-rails
+    rails-assets-bootstrap-datepicker (1.6.0)
+      rails-assets-jquery (>= 1.7.1)
+    rails-assets-bootstrap-select (1.10.0)
+      rails-assets-jquery (>= 1.8)
+    rails-assets-jquery (2.2.3)
     rails-assets-tether (1.2.0)
     rails-deprecated_sanitizer (1.0.3)
       activesupport (>= 4.2.0.alpha)
@@ -122,17 +132,17 @@ GEM
       rails-deprecated_sanitizer (>= 1.0.1)
     rails-html-sanitizer (1.0.3)
       loofah (~> 2.0)
-    railties (4.2.5.2)
-      actionpack (= 4.2.5.2)
-      activesupport (= 4.2.5.2)
+    railties (4.2.6)
+      actionpack (= 4.2.6)
+      activesupport (= 4.2.6)
       rake (>= 0.8.7)
       thor (>= 0.18.1, < 2.0)
-    rake (10.5.0)
+    rake (11.1.2)
     rdoc (4.2.2)
       json (~> 1.4)
     ruby_parser (3.8.1)
       sexp_processor (~> 4.1)
-    sass (3.4.21)
+    sass (3.4.22)
     sass-rails (5.0.4)
       railties (>= 4.0.0, < 5.0)
       sass (~> 3.1)
@@ -145,10 +155,10 @@ GEM
       json (~> 1.8)
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.0)
-    sprockets (3.5.2)
+    sprockets (3.6.0)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
-    sprockets-rails (3.0.3)
+    sprockets-rails (3.0.4)
       actionpack (>= 4.0)
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)

data/Rakefile

@@ -28,6 +28,7 @@ Rake::TestTask.new(:test) do |t|
   t.libs << 'test'
   t.pattern = 'test/**/*_test.rb'
   t.verbose = false
+  t.ruby_opts += ["-W1"] # to remove to many warnings
 end
 
 task default: :test

data/app/assets/javascripts/fix_bootstrap.coffee

@@ -0,0 +1,7 @@
+# Fix for button link in button group
+$(document).on 'turbolinks:load page:change ready', ->
+  $('.btn-group > a.btn').click ->
+    try # Turbolinks exist
+      Turbolinks.visit($(this).attr('href'))
+    catch exception # Turbolinks doesn't exist
+      window.location = $(this).attr('href')

data/app/assets/javascripts/form.coffee

@@ -0,0 +1,65 @@
+@UiBibzForm = class Form
+
+  constructor: ->
+    @selectPicker()
+    @switch()
+    @multiSelect()
+    @multiColumn()
+
+  selectPicker: ->
+    $('select.selectpicker').selectpicker
+      iconBase: 'fa'
+      tickIcon: 'fa-check'
+      style:    'btn-secondary'
+
+  switch: ->
+    $('input.switch').bootstrapSwitch({ size: 'large' })
+
+  multiSelect: ->
+    # http://loudev.com/
+    $('.multi-select').each ->
+      data = $(this).data()
+      delete data["multiselect"]
+      data = Object.assign({ inheritClass: true }, data)
+      $(this).multiselect(data)
+
+  multiColumn: ->
+    $('.multi-column').each ->
+      data = $(this).data()
+      delete data["multiselect"]
+      if data["searchable"]
+        $(this).multiSelect
+          selectableOptgroup: if data["selectableOptgroup"] then true else false
+          selectableHeader:  "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selectable items'><br/>"
+          selectionHeader:   "<input type='text' class='search-input form-control' autocomplete='off' placeholder='Search in selected items'><br/>"
+          afterInit: (ms) ->
+            that                   = this
+            $selectableSearch      = that.$selectableUl.siblings('input')
+            $selectionSearch       = that.$selectionUl.siblings('input')
+            $selectionSearch       = that.$selectionUl.siblings('input')
+            selectableSearchString = "#" + that.$container.attr("id") + " .ms-elem-selectable:not(.ms-selected)"
+            selectionSearchString  = "#" + that.$container.attr("id") + " .ms-elem-selection.ms-selected"
+
+            that.qs1 = $selectableSearch.quicksearch(selectableSearchString).on("keydown", (e) ->
+              if e.which is 40
+                that.$selectableUl.focus()
+                false
+            )
+            that.qs2 = $selectionSearch.quicksearch(selectionSearchString).on("keydown", (e) ->
+              if e.which is 40
+                that.$selectionUl.focus()
+                false
+            )
+            return
+
+          afterSelect: ->
+            @qs1.cache()
+            @qs2.cache()
+            return
+
+          afterDeselect: ->
+            @qs1.cache()
+            @qs2.cache()
+            return
+      else
+        $(this).multiSelect(data)

data/app/assets/javascripts/interface.coffee

@@ -0,0 +1,17 @@
+@UiBibzInterface = class Interface
+
+  constructor: ->
+    @nav()
+    @tooltip()
+    @dropdown()
+
+  nav: ->
+    $('.nav-tabs a').click (e) ->
+      e.preventDefault()
+      $(this).tab('show')
+
+  tooltip: ->
+    $('[data-toggle="tooltip"]').tooltip()
+
+  dropdown: ->
+    $('.dropdown-toggle').dropdown()

data/app/assets/javascripts/table.coffee

@@ -0,0 +1,35 @@
+@UiBibzTable = class Table
+
+  constructor: ->
+    @submitPerPageSelect()
+    @clearSearch()
+    @animeSearchInput()
+    @focusSearchInput()
+    @initializeSearchInput()
+
+  # Submit form when per_page select changing
+  submitPerPageSelect: ->
+    $('.table-pagination-per-page select').change () ->
+      $(this).parents('form').submit()
+
+  # Clear search
+  clearSearch: ->
+    $('.table-search-field .clear-search-btn').click () ->
+      $(this).prev().val('')
+      $(this).parents('form').submit()
+
+  # Resize search field
+  animeSearchInput: ->
+    $('.table-card input[type=search]').blur ->
+      $parent = $(this).parent()
+      $parent.removeClass('has-value') if $(this).val() == ''
+      $parent.removeClass('is-focused')
+
+  focusSearchInput: ->
+    $('.table-card input[type=search]').focus ->
+      $(this).parent().addClass('is-focused has-value')
+
+  initializeSearchInput: ->
+    $('.table-card input[type=search]').each ->
+      $(this).parent().addClass('has-value') if $(this).val() != ''
+

data/app/assets/javascripts/ui_bibz.coffee

@@ -1,50 +1,36 @@
-#= require jquery2
+#= require jquery
 #= require jquery_ujs
+
+#= require jquery.quicksearch.min
+#= require jquery.multi-select.min
+
+# Bootstrap
 #= require tether
 #= require bootstrap-sprockets
 #= require bootstrap
-#= require bootstrap-datepicker.min
-#= require bootstrap-select.min
+#= require bootstrap-datepicker
+#= require bootstrap-select
 #= require bootstrap-switch.min
 #= require bootstrap-multiselect.min
-#= require multi_column
-
-# For turbolink
-$(document).on 'ready page:load', ->
-
-  # Submit form when per_page select changing
-  $('.table-pagination-per-page select').change () ->
-    $(this).parents('form').submit()
-
-  # Clear search
-  $('.table-search-field .clear-search-btn').click () ->
-    $(this).prev().val('')
-    $(this).parents('form').submit()
-
-  # Resize search field
-  $('.table-card input[type=search]').blur ->
-    $parent = $(this).parent()
-    $parent.removeClass('has-value') if $(this).val() == ''
-    $parent.removeClass('is-focused')
-
-  $('.table-card input[type=search]').focus ->
-    $(this).parent().addClass('is-focused has-value')
 
-  $('.table-card input[type=search]').each ->
-    $(this).parent().addClass('has-value') if $(this).val() != ''
+# Ui Bibz
+#= require table
+#= require interface
+#= require form
+#= require fix_bootstrap
 
-  $('.selectpicker').selectpicker()
 
-  $('.switch').bootstrapSwitch()
+@UiBibz = class UiBibz
 
-  $('.nav-tabs a').click (e) ->
-    e.preventDefault()
-    $(this).tab('show')
+  constructor: ->
+    @table     = new window.UiBibzTable()
+    @form      = new window.UiBibzForm()
+    @interface = new window.UiBibzInterface()
+    #delete window.UiBibzTable
+    #delete window.UiBibzForm
+    #delete window.UiBibzInterface
 
-  $('.multi-select').each ->
-    data = $(this).data()
-    delete data["multiselect"]
-    data = Object.assign({ inheritClass: true }, data)
-    $(this).multiselect(data)
+ready = ->
+  new UiBibz
 
-  $('[data-toggle="tooltip"]').tooltip()
+$(document).on('turbolinks:load page:change', ready)

data/app/assets/stylesheets/bootstrap-switch.sass

@@ -0,0 +1,150 @@
+/* ========================================================================
+ * bootstrap-switch - v3.3.2
+ * http://www.bootstrap-switch.org
+ * ========================================================================
+ * Copyright 2012-2013 Mattia Larentis
+ *
+ * ========================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================================
+ */
+
+.bootstrap-switch
+  display: inline-block
+  direction: ltr
+  cursor: pointer
+  border-radius: 5px
+  border: 1px solid #ccc
+  position: relative
+  text-align: left
+  overflow: hidden
+  line-height: 8px
+  z-index: 0
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+  vertical-align: middle
+  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
+  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
+  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
+  .bootstrap-switch-container
+    display: inline-block
+    top: 0
+    border-radius: 4px
+    -webkit-transform: translate3d(0, 0, 0)
+    transform: translate3d(0, 0, 0)
+  .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+    -webkit-box-sizing: border-box
+    -moz-box-sizing: border-box
+    box-sizing: border-box
+    cursor: pointer
+    display: inline-block !important
+    padding: 6px 12px
+    font-size: 14px
+    line-height: 20px
+  .bootstrap-switch-handle-off, .bootstrap-switch-handle-on
+    text-align: center
+    z-index: 1
+  .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch-handle-on.bootstrap-switch-primary
+    color: #fff
+    background: $brand-primary
+  .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch-handle-on.bootstrap-switch-info
+    color: #fff
+    background: $brand-info
+  .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch-handle-on.bootstrap-switch-success
+    color: #fff
+    background: $brand-success
+  .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch-handle-on.bootstrap-switch-warning
+    background: $brand-warning
+    color: #fff
+  .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch-handle-on.bootstrap-switch-danger
+    color: #fff
+    background: $brand-danger
+  .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch-handle-on.bootstrap-switch-default
+    color: #000
+    background: $brand-secondary
+  .bootstrap-switch-label
+    text-align: center
+    margin-top: -1px
+    margin-bottom: -1px
+    z-index: 100
+    color: #333
+    background: #fff
+  .bootstrap-switch-handle-on
+    border-bottom-left-radius: 3px
+    border-top-left-radius: 3px
+  .bootstrap-switch-handle-off
+    border-bottom-right-radius: 3px
+    border-top-right-radius: 3px
+  input
+    &[type=radio], &[type=checkbox]
+      position: absolute !important
+      top: 0
+      left: 0
+      margin: 0
+      z-index: -1
+      opacity: 0
+      filter: alpha(opacity = 0)
+  &.bootstrap-switch-mini
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      padding: 1px 5px
+      font-size: 12px
+      line-height: 1.5
+  &.bootstrap-switch-small
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      padding: 5px 10px
+      font-size: 12px
+      line-height: 1.5
+  &.bootstrap-switch-large
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      padding: 6px 16px
+      font-size: 18px
+      line-height: 1.3333333
+  &.bootstrap-switch-disabled, &.bootstrap-switch-indeterminate, &.bootstrap-switch-readonly
+    cursor: default !important
+  &.bootstrap-switch-disabled
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      opacity: .5
+      filter: alpha(opacity = 50)
+      cursor: default !important
+  &.bootstrap-switch-indeterminate
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      opacity: .5
+      filter: alpha(opacity = 50)
+      cursor: default !important
+  &.bootstrap-switch-readonly
+    .bootstrap-switch-handle-off, .bootstrap-switch-handle-on, .bootstrap-switch-label
+      opacity: .5
+      filter: alpha(opacity = 50)
+      cursor: default !important
+  &.bootstrap-switch-animate .bootstrap-switch-container
+    -webkit-transition: margin-left .5s
+    -o-transition: margin-left .5s
+    transition: margin-left .5s
+  &.bootstrap-switch-inverse
+    .bootstrap-switch-handle-on
+      border-radius: 0 3px 3px 0
+    .bootstrap-switch-handle-off
+      border-radius: 3px 0 0 3px
+  &.bootstrap-switch-focused
+    //border-color: #66afe9
+    outline: 0
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
+  &.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, &.bootstrap-switch-on .bootstrap-switch-label
+    border-bottom-right-radius: 3px
+    border-top-right-radius: 3px
+  &.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, &.bootstrap-switch-off .bootstrap-switch-label
+    border-bottom-left-radius: 3px
+    border-top-left-radius: 3px

data/app/assets/stylesheets/fix-bootstrap-4.sass

@@ -1,2 +1,33 @@
-.btn-group > .dropdown-menu
-  margin: 32px 3px 0px 0px !important
+//.btn-group > .dropdown-menu
+  //margin: 32px 3px 0px 0px !important
+
+// fix form states
+@each $key, $value in $states_colors
+  .has-#{$key}
+    .form-control
+      border-color: $value !important
+    label, span.help-block
+      color: $value
+
+// fix dropdown size
+.btn-group
+  // fix dropdown sticky
+  padding: 0 0 0.2rem 0.05rem
+  // size default (md)
+  .btn + .dropdown-toggle
+    height: 2.37rem
+    padding-right: 8px
+    padding-left: 8px
+  // size sm
+  .btn-sm + .dropdown-toggle
+    height: 1.94rem
+  // size lg
+  .btn-lg + .dropdown-toggle
+    height: 3.28rem
+
+// Add xs size
+.btn-xs, .btn-group-xs > .btn
+  padding: 0.15rem 0.5rem
+  font-size: 0.79rem
+  line-height: 1.5
+  border-radius: 0.2rem