ui_bibz 2.0.0.beta2.6 → 2.0.0

data/app/assets/stylesheets/boxes.sass

@@ -0,0 +1,5 @@
+// Custom css
+@each $key, $value in $states_colors
+  .card-#{$key}
+    .card-header
+      background-color: $value

data/app/assets/stylesheets/containers.sass

@@ -0,0 +1,2 @@
+@import _panel
+

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

@@ -9,3 +9,7 @@
     label, span.help-block
       color: $value
 
+
+// Fix bootstrap-select
+.bootstrap-select.btn-group .dropdown-toggle .filter-option
+  display: inline-grid !important

data/app/assets/stylesheets/fix-dropdown-select.sass

@@ -269,3 +269,4 @@ div.bootstrap-select
   a
     color: white
     border: 0px
+

data/app/assets/stylesheets/fix_addon.sass

@@ -0,0 +1,187 @@
+$input-group-btn-border-color: $input-border-color
+
+.input-group-addon
+  @if $enable-flex
+    // do nothing
+  @else
+    display: table-cell
+
+  &:not(:first-child):not(:last-child)
+    @include border-radius(0)
+
+
+.input-group-addon
+  @if $enable-flex
+    // do nothing
+  @else
+    width: 1%
+
+  white-space: nowrap
+  vertical-align: middle
+
+
+//
+// Base styles
+//
+
+.input-group
+  position: relative
+  display: flex
+  align-items: center
+  width: 100%
+
+  .form-control
+    // Ensure that the input is always above the *appended* addon button for
+    // proper border colors.
+    position: relative
+    z-index: 2
+    flex: 1 1 auto
+    // Add width 1% and flex-basis auto to ensure that button will not wrap out
+    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
+    width: 1%
+    margin-bottom: 0
+
+    // Bring the "active" form control to the front
+    @include hover-focus-active
+      z-index: 3
+
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control
+  &:not(:first-child):not(:last-child)
+    @include border-radius(0)
+
+.input-group-addon,
+.input-group-btn
+  white-space: nowrap
+
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn
+  @extend .form-control-lg
+
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn
+  @extend .form-control-sm
+
+
+//
+// Text input groups
+//
+
+.input-group-addon
+  padding: $input-btn-padding-y $input-btn-padding-x
+  margin-bottom: 0 // Allow use of <label> elements by overriding our default margin-bottom
+  font-size: $font-size-base // Match inputs
+  font-weight: $font-weight-normal
+  line-height: $input-btn-line-height
+  color: $input-group-addon-color
+  text-align: center
+  background-color: $input-group-addon-bg
+  background-clip: padding-box
+  border: $input-btn-border-width solid $input-group-addon-border-color
+  @include border-radius($input-border-radius)
+
+  // Sizing
+  &.form-control-sm
+    padding: $input-btn-padding-y-sm $input-btn-padding-x-sm
+    font-size: $font-size-sm
+    @include border-radius($input-border-radius-sm)
+
+
+  &.form-control-lg
+    padding: $input-btn-padding-y-lg $input-btn-padding-x-lg
+    font-size: $font-size-lg
+    @include border-radius($input-border-radius-lg)
+
+
+  // scss-lint:disable QualifyingElement
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type="radio"],
+  input[type="checkbox"]
+    margin-top: 0
+
+  // scss-lint:enable QualifyingElement
+
+
+
+//
+// Reset rounded corners
+//
+
+.input-group .form-control:not(:last-child),
+.input-group-addon:not(:last-child),
+.input-group-btn:not(:last-child) > .btn,
+.input-group-btn:not(:last-child) > .btn-group > .btn,
+.input-group-btn:not(:last-child) > .dropdown-toggle,
+.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn
+  @include border-right-radius(0)
+
+.input-group-addon:not(:last-child)
+  border-right: 0
+
+.input-group .form-control:not(:first-child),
+.input-group-addon:not(:first-child),
+.input-group-btn:not(:first-child) > .btn,
+.input-group-btn:not(:first-child) > .btn-group > .btn,
+.input-group-btn:not(:first-child) > .dropdown-toggle,
+.input-group-btn:not(:last-child) > .btn:not(:first-child),
+.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn
+  @include border-left-radius(0)
+
+.form-control + .input-group-addon:not(:first-child)
+  border-left: 0
+
+
+//
+// Button input groups
+//
+
+.input-group-btn
+  position: relative
+  // Jankily prevent input button groups from wrapping with `white-space` and
+  // `font-size` in combination with `inline-block` on buttons.
+  font-size: 0
+  white-space: nowrap
+
+  // Negative margin for spacing, position for bringing hovered/focused/actived
+  // element above the siblings.
+  > .btn
+    position: relative
+    background-clip: padding-box
+    border: $input-btn-border-width solid $input-group-btn-border-color
+
+    + .btn
+      margin-left: (-$input-btn-border-width)
+
+
+    // Bring the "active" button to the front
+    @include hover-focus-active
+      z-index: 3
+
+
+
+  // Negative margin to only have a single, shared border between the two
+  &:not(:last-child)
+    > .btn,
+    > .btn-group
+      margin-right: (-$input-btn-border-width)
+
+
+  &:not(:first-child)
+    > .btn,
+    > .btn-group
+      z-index: 2
+      margin-left: (-$input-btn-border-width)
+      // Because specificity
+      @include hover-focus-active
+        z-index: 3
+

data/app/assets/stylesheets/forms.sass

@@ -0,0 +1,60 @@
+.multiselect-container
+  .filter
+    margin: 5px
+
+.formula_field
+  input
+    border-bottom-right-radius: 0.25rem !important
+    border-top-right-radius: 0.25rem !important
+  .fix-border-right
+    border-bottom-right-radius: 0 !important
+    border-top-right-radius: 0 !important
+  width: 100%
+  .form-control[readonly]
+    background-color: white
+  .formula-field_alert, .formula-field-result, .formula-field-sign
+    display: none
+
+.formula-field-alert
+  padding-top: 10px
+
+.select-field-refresh
+  .btn
+    padding: 10px 16px
+
+.input-group-addon.abc-checkbox label, .input-group-addon.abc-radio label
+  margin-bottom: 0
+
+.checkbox-inline, .radio-inline
+  display: inline-block
+  margin-right: 10px
+
+.input-group-btn
+  .input-refresh-button
+    //padding: 10px 16px
+
+.input-group-btn
+  label.btn
+    margin: 0
+
+.fix-label
+  margin-right: -11px
+
+.date_picker
+  min-width: 104px
+
+.ui_surround_field
+  select
+    -webkit-appearance: none
+  .mr-sm-2
+    margin-right: 0px !important
+  input:not(:first-child):not(:last-child)
+    border-radius: 0px
+  .abc-radio.input-group-addon, .abc-checkbox.input-group-addon
+    input
+      margin-left: 17px
+  select:not(:first-child):not(:last-child)
+    border-radius: 0px
+
+//.btn.without-text
+  padding-right: 3px

data/app/assets/stylesheets/navigations.sass

@@ -0,0 +1,11 @@
+.navbar
+  .simple_form
+    input
+      width: auto
+    .form-control
+      width: auto
+    .form-group
+      display: inline-block
+
+.progress-bar-line
+  height: 1px

data/app/assets/stylesheets/notifications.sass

@@ -0,0 +1,10 @@
+.stars-notation
+  white-space: nowrap
+
+// Glyph section
+@each $key, $value in $states_colors
+  .glyph-#{$key}
+    color: $value
+
+.glyph
+  padding: .25rem 0

data/app/assets/stylesheets/ui_bibz.sass

@@ -7,11 +7,13 @@ $enable-flex: true
 
 //@import bootstrap-sprockets
 //@import bootstrap/_variables
-//@import bootstrap/functions
-//@import bootstrap/variables
+@import bootstrap/_functions
+@import bootstrap/_variables
+@import _custom_variables
 @import bootstrap
 @import tether.min
 
+@import jquery-ui.min
 
 //$brand-secondary: $gray-lighter
 //$states_colors: (success: $brand-success, primary: $brand-primary, secondary: $brand-secondary, info: $brand-info, danger: $brand-danger, warning: $brand-warning, light: $brand-light, dark: $brand-dark)
@@ -40,96 +42,14 @@ $states_colors: $theme-colors
 //@import fix-dropdown-select
 
 // Components
-@import table
-
-// Custom css
-@each $key, $value in $states_colors
-  .card-#{$key}
-    .card-header
-      background-color: $value
-
-// Glyph section
-@each $key, $value in $states_colors
-  .glyph-#{$key}
-    color: $value
+@import containers
+@import tables
+@import forms
+@import navigations
+@import notifications
+@import boxes
+@import fix_addon
 
 // Other section
 .ui-bibz-clear
   clear: both
-
-.stars-notation
-  white-space: nowrap
-
-
-.multiselect-container
-  .filter
-    margin: 5px
-
-.formula_field
-  input
-    border-bottom-right-radius: 0.25rem !important
-    border-top-right-radius: 0.25rem !important
-  .fix-border-right
-    border-bottom-right-radius: 0 !important
-    border-top-right-radius: 0 !important
-  width: 100%
-  .form-control[readonly]
-    background-color: white
-  .formula-field_alert, .formula-field-result, .formula-field-sign
-    display: none
-
-.formula-field-alert
-  padding-top: 10px
-
-.select-field-refresh
-  .btn
-    padding: 10px 16px
-
-.input-group-addon.abc-checkbox label, .input-group-addon.abc-radio label
-  margin-bottom: 0
-
-.checkbox-inline, .radio-inline
-  display: inline-block
-  margin-right: 10px
-
-.input-group-btn
-  .input-refresh-button
-    padding: 10px 16px
-
-.input-group-btn
-  label.btn
-    margin: 0
-
-.fix-label
-  margin-right: -11px
-
-.date_picker
-  min-width: 104px
-
-.navbar
-  .simple_form
-    input
-      width: auto
-    .form-control
-      width: auto
-    .form-group
-      display: inline-block
-
-.ui_surround_field
-  select
-    -webkit-appearance: none
-  .mr-sm-2
-    margin-right: 0px !important
-  input:not(:first-child):not(:last-child)
-    border-radius: 0px
-  .abc-radio.input-group-addon, .abc-checkbox.input-group-addon
-    input
-      margin-left: 17px
-  select:not(:first-child):not(:last-child)
-    border-radius: 0px
-
-.btn.without-text
-  padding-right: 3px
-
-.progress-bar-line
-  height: 1px

data/config/initializers/ui_bibz.rb

@@ -1,7 +1,9 @@
-SimpleForm.setup do |config|
-  # Namespaces where SimpleForm should look for custom input classes that
-  # override default inputs.
-  config.custom_inputs_namespaces << "UiBibzInputs"
+unless defined?(SimpleForm).nil?
+  SimpleForm.setup do |config|
+    # Namespaces where SimpleForm should look for custom input classes that
+    # override default inputs.
+    config.custom_inputs_namespaces << "UiBibzInputs"
+  end
 end
 
 Rails.application.config.autoload_paths += Dir[File.join(Rails.root, "app", "ui", "**", "*.rb")].each {|l| require l }

data/lib/ui_bibz.rb

@@ -45,6 +45,7 @@ module UiBibz
 
         module Numbers
           autoload :FormulaField,            "ui_bibz/ui/core/forms/numbers/formula_field"
+          autoload :NumberField,             "ui_bibz/ui/core/forms/numbers/number_field"
         end
 
         module Selects
@@ -129,6 +130,10 @@ module UiBibz
         autoload :TablePaginationPerPage,  "ui_bibz/ui/ux/tables/table_pagination_per_page"
       end
 
+      module Containers
+        autoload :Panel,  "ui_bibz/ui/ux/containers/panel"
+      end
+
     end
   end