activeadmin_blaze_theme 0.5.0 → 0.5.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1d17b960dc6568e2090108b39ae4bb3d0ac894c4
-  data.tar.gz: 4485b05442c8bcaac23084f286a214f9cad7a073
+  metadata.gz: e7b586313848af603e6f2ace1ede83c5ec86d98f
+  data.tar.gz: f44276e61a7ab8267e3639d6c3c7a1832d993fc4
 SHA512:
-  metadata.gz: b3606202a9f8e43066824c7276ff0dc35709b5ceaeb1770551d7613546586eac2e7c075ee693bd9069b09d728179beca3a861dfad67a38dc8f3735d45b00c423
-  data.tar.gz: cb615a5be68cfdff2e6c47ffb2d63dff5ecf67cc308ef0c66914f18bc4fce051fe584302c4262d3281feb23afa21d3c1128619f93ad452b558ac6e05d225072c
+  metadata.gz: 02f68e7dfdf2a9b8c9b63f2f948164152b1eb9ed17e187dd7ee08c7401631a246f806074554015bfd01aeb16bcdbdf20c2adbdcde312e81af20923d3f5bd6c7f
+  data.tar.gz: cc31a531350faba477667a20b402527fa8dc8be704f1230c295ab22e90f96632c0e69df9d11bbd8d6da2938e43aed7ef99214226240dcf188f313a141e296dd9

data/README.md

@@ -7,7 +7,7 @@ Features:
 - CSS only theme with clean UI
 - compact nested forms
 - [customizable](#customize): colors, sidebar position, scroll on cells
-- custom boolean input: [toggle](#toggle)
+- custom controls: [toggle](#toggle)
 - Blaze CSS [widgets](#blaze-widgets)
 
 ## Install
@@ -120,6 +120,18 @@ A sidebar menu (*priority* option permit to put the sidebar above the filters):
   end
 ```
 
+![menu](screenshot4.jpg)
+
+### Readonly field
+
+Some readonly fields in form:
+
+`f.readonly 'Code', 'Automatically set after save'`
+
+`f.readonly :position, f.object.position`
+
+`f.readonly nil, 'Value only, no label'`
+
 ## Blaze widgets
 
 See components avaible in Blaze CSS [docs](http://blazecss.com/components/buttons/).

data/app/assets/stylesheets/activeadmin_blaze_theme/theme.scss

@@ -55,6 +55,7 @@ body.active_admin {
     input[type='search'],
     input[type='tel'],
     input[type='text'],
+    input[type='time'],
     input[type='url'],
     select,
     textarea {
@@ -141,6 +142,24 @@ body.active_admin {
         margin-top: 0;
       }
     }
+    .readonly-field {
+      div {
+        display: inline-block;
+        line-height: $height-inputs;
+        min-width: 450px;
+      }
+      .field_label {
+        display: block;
+        float: left;
+        width: 20%;
+      }
+      .field_value {
+        border-bottom: 1px dashed #ccc;
+        display: inline-block;
+        width: 100%;
+        padding: 0 6px;
+      }
+    }
 
     // filter forms
     &.filter_form {
@@ -163,6 +182,7 @@ body.active_admin {
         input[type='search'],
         input[type='tel'],
         input[type='text'],
+        input[type='time'],
         input[type='url'], {
           max-width: 100px;
           width: auto;
@@ -194,6 +214,7 @@ body.active_admin {
         input[type='search'],
         input[type='tel'],
         input[type='text'],
+        input[type='time'],
         input[type='url'],
         select,
         textarea {
@@ -241,6 +262,7 @@ body.active_admin {
           input[type='search'],
           input[type='tel'],
           input[type='text'],
+          input[type='time'],
           input[type='url'],
           select {
             min-width: auto;
@@ -362,6 +384,28 @@ body.active_admin {
       padding-bottom: 0;
       padding-top: 25px;
     }
+    .ui-tabs-nav {
+      li {
+        a {
+          background: #eee;
+          color: #555;
+        }
+        &:first-child a {
+          border-top-left-radius: 6px;
+          border-bottom-left-radius: 6px;
+        }
+        &:last-child a {
+          border-top-right-radius: 6px;
+          border-bottom-right-radius: 6px;
+        }
+        &.ui-tabs-active a {
+          color: #222;
+          border-color: #AAA;
+          background-image: none;
+          background-color: #fff;
+        }
+      }
+    }
 
     // misc
     a.c-button {
@@ -392,6 +436,10 @@ body.active_admin {
       }
     }
     ul.tabs {
+      >li {
+        margin-left: 1px;
+        padding: 0;
+      }
       li {
         height: $height-topbar;
         line-height: $height-topbar;
@@ -400,6 +448,8 @@ body.active_admin {
         color: $fg-menu-items;
         height: $height-topbar;
         line-height: $height-topbar;
+        padding-left: 20px;
+        padding-right: 20px;
       }
       li:hover, li.current {
         background: $bg-menu-active;
@@ -541,6 +591,7 @@ body.active_admin {
       input[type='search'],
       input[type='tel'],
       input[type='text'],
+      input[type='time'],
       input[type='url'],
       textarea {
         background-color: $bg-inputs;
@@ -791,8 +842,10 @@ body.active_admin {
     @extend .u-high;
     li {
       @extend .c-card__item;
+      padding: 0;
       a {
         display: block;
+        padding: 0.5em;
         text-decoration: none;
       }
     }

data/lib/activeadmin/views/activeadmin_form.rb

@@ -0,0 +1,14 @@
+ActiveAdmin::Views::ActiveAdminForm.class_eval do
+  def readonly( field_label, field_value )
+    li class: 'readonly-field' do
+      if !field_label.blank?
+        label field_label, for: nil, class: 'field_label'
+      else
+        span ' '.html_safe, class: 'field_label'
+      end
+      div do
+        span !field_value.blank? ? raw( field_value ) : '', class: 'field_value'
+      end
+    end
+  end
+end

data/lib/activeadmin_blaze_theme/version.rb

@@ -1,3 +1,3 @@
 module ActiveAdminBlazeTheme
-  VERSION = '0.5.0'
+  VERSION = '0.5.4'
 end

data/lib/activeadmin_blaze_theme.rb

@@ -1,5 +1,5 @@
+require 'activeadmin/views/activeadmin_form'
 require 'activeadmin_blaze_theme/version'
-
 # require 'formtastic/inputs/blaze_array_input'
 require 'formtastic/inputs/blaze_toggle_input'
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_blaze_theme
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.4
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-09-10 00:00:00.000000000 Z
+date: 2017-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin
@@ -99,12 +99,14 @@ files:
 - app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.elevation.scss
 - app/assets/stylesheets/activeadmin_blaze_theme/blaze/utilities.sizes.scss
 - app/assets/stylesheets/activeadmin_blaze_theme/theme.scss
+- lib/activeadmin/views/activeadmin_form.rb
 - lib/activeadmin_blaze_theme.rb
 - lib/activeadmin_blaze_theme/version.rb
 - lib/formtastic/inputs/blaze_toggle_input.rb
 - screenshot1.jpg
 - screenshot2.jpg
 - screenshot3.jpg
+- screenshot4.jpg
 homepage: https://github.com/blocknotes/activeadmin_blaze_theme
 licenses:
 - MIT