activeadmin_blaze_theme 0.5.9 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 7da7d78e047be729f924cd6f877dc3e8c8ec1385
-  data.tar.gz: 7639cccdc4e8f1b06d3769420430a1886dbc2891
+SHA256:
+  metadata.gz: 669d8d39060600b62b49f9a05191dfab077d2fbeb774d631163f77e69de6da2e
+  data.tar.gz: eb2b16bb751d50904f1259e2a2d5db5aaa59f2561b31351815e013dc8963bdd1
 SHA512:
-  metadata.gz: 62296440970fe162bd568870e285af4c9be8d0a1392c5818bb1f0e41a662035dc65014f9a9b79961fba06b183bcfcbf9286caa44773e40d3b1d95bfa9b92e117
-  data.tar.gz: 8c77aa6bf6aaa129537bff1e24180321b513b699f7d3b22a32656821187d5aaa52d12af7047d3513abb763bc6207cd29ebf0196021405132ec1d53979f726c5b
+  metadata.gz: 1db5ac163642c0607ead2f855d76b099a3054cfabe4f610c687b1d96f2b00c33494937964aff4bfb1153c933701ac85c7fed2606d068048f178b61d227216a39
+  data.tar.gz: cec47d8ccfdd80c3f2a7531beb53aa2c820062c76b28fa9bc66595beac941b37f2a31ebdc72c2a7626390cf4340f468445944749024ccfecae002665c25cdf6c

data/.circleci/config.yml

@@ -0,0 +1,33 @@
+version: 2.1
+orbs:
+  ruby: circleci/ruby@0.1.2
+
+jobs:
+  build:
+    docker:
+      - image: circleci/ruby:2.6.6-stretch-node-browsers
+    executor: ruby/default
+    steps:
+      - checkout
+      - restore_cache:
+          key: gem-cache-{{ checksum "activeadmin_blaze_theme.gemspec" }}
+      - run:
+          name: Setup Bundler
+          command: gem install bundler
+      - run:
+          name: Bundle Install
+          command: bundle install --path vendor/bundle
+      - save_cache:
+          key: gem-cache-{{ checksum "activeadmin_blaze_theme.gemspec" }}
+          paths: vendor/bundle
+      - run:
+          name: Run Specs
+          command: |
+            bin/rspec \
+              --profile 10 \
+              --format RspecJunitFormatter \
+              --out test_results/rspec.xml \
+              --format progress \
+              $(circleci tests glob "spec/**/*_spec.rb")
+      - store_test_results:
+          path: test_results

data/.gitignore

@@ -1,3 +1,13 @@
-_misc/
-
+*.gem
 *.orig
+
+/.rspec_failures
+/.rubocop-*
+/Gemfile.lock
+
+/_misc/
+/coverage/
+/spec/dummy/db/*.sqlite3*
+/spec/dummy/log/
+/spec/dummy/storage/
+/spec/dummy/tmp/

data/.rspec

@@ -0,0 +1,3 @@
+--require rails_helper
+--format documentation
+--profile

data/.rubocop.yml

@@ -0,0 +1,27 @@
+inherit_from:
+  - https://relaxed.ruby.style/rubocop.yml
+
+AllCops:
+  Exclude:
+    - bin/*
+    - spec/dummy/**/*
+  NewCops: enable
+
+Gemspec/RequiredRubyVersion:
+  Enabled: false
+
+Naming/FileName:
+  Enabled: false
+
+Layout/LineLength:
+  Enabled: true
+  Max: 120
+
+Style/HashEachMethods:
+  Enabled: true
+
+Style/HashTransformKeys:
+  Enabled: true
+
+Style/HashTransformValues:
+  Enabled: true

data/Gemfile

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 source 'https://rubygems.org'
 
 gemspec

data/LICENSE.txt

@@ -1,4 +1,4 @@
-Copyright (c) 2017 Mattia Roccoberton
+Copyright (c) 2020 Mattia Roccoberton
 
 MIT License
 

data/README.md

@@ -1,66 +1,62 @@
-# Active Admin Blaze Theme [![Gem Version](https://badge.fury.io/rb/activeadmin_blaze_theme.svg)](https://badge.fury.io/rb/activeadmin_blaze_theme)
+# Active Admin Blaze Theme
+[![Gem Version](https://badge.fury.io/rb/activeadmin_blaze_theme.svg)](https://badge.fury.io/rb/activeadmin_blaze_theme) [![CircleCI](https://circleci.com/gh/blocknotes/activeadmin_blaze_theme.svg?style=svg)](https://circleci.com/gh/blocknotes/activeadmin_blaze_theme)
 
-A theme for Active Admin using [Blaze CSS](http://blazecss.com/)
+A theme for Active Admin using [Blaze CSS](http://blazecss.com/).
 
 Features:
-
 - CSS only theme with clean UI
 - compact nested forms
 - [customizable](#customize) options: colors, sidebar position, squared style, scroll on cells
-- custom controls / components: [toggle](#toggle), [Sidebar menu](#sidebar-menu), [Accordion](#accordion), [Readonly field](#readonly-field)
+- custom controls / components: [toggle](#toggle), [Sidebar menu](#sidebar-menu), [Accordion](#accordion), [Readonly field](#readonly-field), [Styled table](#styled-table)
 - Blaze CSS [widgets](#blaze-widgets)
 
 ## Install
-
-- Add to your Gemfile:
-
-`gem 'activeadmin_blaze_theme'`
-
+- Add to your Gemfile: `gem 'activeadmin_blaze_theme'`
 - Execute bundle
+- Add at the end of your Active Admin styles (_app/assets/stylesheets/active_admin.scss_):
 
-- Add at the end of your ActiveAdmin styles (_app/assets/stylesheets/active_admin.scss_):
-
-`@import "activeadmin_blaze_theme/theme";`
+```scss
+@import "activeadmin_blaze_theme/theme";
+```
 
 ## Customize
+- To change colors add to your Active Admin styles (before **activeadmin_blaze_theme/theme** import):
 
-- To change colors add before your ActiveAdmin styles (_app/assets/stylesheets/active_admin.scss_):
-
-```css
+```scss
 // blaze colors
-$color-brand: #2C3E50;
+$color-brand: #2c3e50;
 $color-info: #4dabf5;
 $color-warning: #ff9800;
 $color-success: #4caf50;
 $color-error: #f44336;
 // main variables
-$bg-footer: #dfdfdf !default;               // bg footer bar
-$bg-form1: #f4f4f4 !default;                // bg 1st level forms
-$bg-form2: darken($bg-form1, 3%) !default;  // bg 2nd level forms (nested)
-$bg-form3: darken($bg-form1, 6%) !default;  // bg 3rd level forms (nested)
-$bg-form4: darken($bg-form1, 9%) !default;  // bg 4th level forms (nested)
-$bg-form-sub-headings: lighten( $color-brand, 64% ) !default;  // bg nested forms title
-$bg-header: $color-brand !default;          // bg header bar
-$bg-inputs: #fff !default;                  // bg forms inputs
-$bg-menu-active: #7b929e !default;          // bg menu item current / hover
-$bg-sidebar: #efefef;                       // bg sidebar
-$fg-box-title: #fff !default;
-$fg-button-link: #fff !default;
-$fg-menu-items: #f8f8f8 !default;
-$fg-table-borders: #e4e4e4 !default;
-$fg-table-link: #eee !default;
+$bg-footer: #dfdfdf;               // bg footer bar
+$bg-form1: #f4f4f4;                // bg 1st level forms
+$bg-form2: darken($bg-form1, 3%);  // bg 2nd level forms (nested)
+$bg-form3: darken($bg-form1, 6%);  // bg 3rd level forms (nested)
+$bg-form4: darken($bg-form1, 9%);  // bg 4th level forms (nested)
+$bg-form-sub-headings: lighten($color-brand, 64%);  // bg nested forms title
+$bg-header: $color-brand;          // bg header bar
+$bg-inputs: #fff;                  // bg forms inputs
+$bg-menu-active: #7b929e;          // bg menu item current / hover
+$bg-sidebar: #efefef;              // bg sidebar
+$fg-box-title: #fff;
+$fg-button-link: #fff;
+$fg-menu-items: #f8f8f8;
+$fg-table-borders: #e4e4e4;
+$fg-table-link: #eee;
 // other variables
-$form-padding: 10px !default;
-$inputs-spacing: 10px !default;
-$height-inputs: 26px !default;
-$height-topbar: 40px !default;
-$height-titlebar: 38px !default;
-$text-shadow: #000 !default;
+$form-padding: 10px;
+$inputs-spacing: 10px;
+$height-inputs: 26px;
+$height-topbar: 40px;
+$height-titlebar: 38px;
+$text-shadow: #000;
 ```
 
-- To move sidebar on the left add to your ActiveAdmin styles (after blaze theme import):
+- To move sidebar on the left add to your Active Admin styles (after blaze theme import):
 
-```css
+```scss
 #active_admin_content.with_sidebar {
   @extend .sidebar_left;
 }
@@ -68,7 +64,7 @@ $text-shadow: #000 !default;
 
 - Squared style (no rounded borders):
 
-```css
+```scss
 #active_admin_content, .active_admin #title_bar {
   @extend .no_rounded;
 }
@@ -76,14 +72,14 @@ $text-shadow: #000 !default;
 
 - More options:
 
-```css
+```scss
 // scrollable table cells
 body.active_admin .index_content table {
   @extend .scrollable_cells;
 }
 ```
 
-```css
+```scss
 // fix ckeditor width
 body.active_admin .cke {
   @extend .ckeditor_width_fix
@@ -93,26 +89,30 @@ body.active_admin .cke {
 ## Custom fields / components
 
 ### Toggle
-
 In *form* \ *inputs* block:
 
-`f.input :boolean, as: :blaze_toggle`
+```ruby
+f.input :boolean, as: :blaze_toggle
+```
 
 To change toggle color:
 
-`f.input :boolean, as: :blaze_toggle, input_html: { toggle_class: 'c-toggle--brand' }`
+```ruby
+f.input :boolean, as: :blaze_toggle, input_html: { toggle_class: 'c-toggle--brand' }
+```
 
 Available: `c-toggle--brand, c-toggle--info, c-toggle--warning, c-toggle--success, c-toggle--error`
 
 Standard checkbox with label on the left:
 
-`f.input :boolean, as: :blaze_toggle, input_html: { simple_checkbox: true }`
+```ruby
+f.input :boolean, as: :blaze_toggle, input_html: { simple_checkbox: true }
+```
 
 ### Sidebar menu
-
 A sidebar menu (*priority* option permit to put the sidebar above the filters):
 
-```rb
+```ruby
 sidebar :help, priority: 0 do
   ul class: 'blaze-menu' do
     li do
@@ -131,10 +131,9 @@ end
 ![menu](extra/screenshot4.jpg)
 
 ### Accordion
-
 An accordion group in a form:
 
-```rb
+```ruby
 f.accordion_group do
   f.accordion 'First accordion' do
     f.inputs for: [:detail, f.object.detail || Detail.new] do |f2|
@@ -152,20 +151,35 @@ end
 ```
 
 ### Readonly field
-
 Some readonly fields in a form:
 
-`f.readonly :position`
+```ruby
+f.readonly :position
+```
+
+```ruby
+f.readonly :position, f.object.position * 2
+```
 
-`f.readonly :position, f.object.position * 2`
+```ruby
+f.readonly 'Code', 'Automatically set after save', class: 'a-wrapper-class'
+```
 
-`f.readonly 'Code', 'Automatically set after save', class: 'a-wrapper-class'`
+```ruby
+f.readonly nil, 'Value only, no label'
+```
 
-`f.readonly nil, 'Value only, no label'`
+### Styled table
+Table styles:
 
-## Blaze widgets
+```ruby
+table_for User.all, class: 'blaze-table table-rows table-striped' do
+  # ...
+end
+```
 
-See components avaible in Blaze CSS [docs](http://blazecss.com/components/buttons/).
+## Blaze widgets
+See components available in Blaze CSS [docs](http://blazecss.com/components/buttons/).
 
 Badge example:
 
@@ -187,28 +201,26 @@ div class: 'c-progress' do
 end
 ```
 
-## Screenshots
+## Notes
+- To use this plugins with Active Admin 1.x please use the version [0.5.12](https://github.com/blocknotes/activeadmin_blaze_theme/releases/tag/v0.5.12)
 
+## Screenshots
 Index:
-
 ![index](extra/screenshot1.jpg)
 
 Edit:
-
 ![edit](extra/screenshot2.jpg)
 
 Show - sidebar on the left:
-
 ![edit](extra/screenshot3.jpg)
 
 ## Do you like it? Star it!
-
 If you use this component just star it. A developer is more motivated to improve a project when there is some interest.
 
-## Contributors
+Take a look at [other Active Admin components](https://github.com/blocknotes?utf8=✓&tab=repositories&q=activeadmin&type=source) if you are curious.
 
-- [Mattia Roccoberton](http://blocknot.es) - creator, maintainer
+## Contributors
+- [Mattia Roccoberton](http://blocknot.es): author
 
 ## License
-
-[MIT](LICENSE.txt)
+The gem is available as open-source under the terms of the [MIT](LICENSE.txt).

data/Rakefile

@@ -1,2 +1,3 @@
-require "bundler/gem_tasks"
+# frozen_string_literal: true
 
+require 'bundler/gem_tasks'

data/activeadmin_blaze_theme.gemspec

@@ -1,22 +1,33 @@
-# coding: utf-8
-lib = File.expand_path('../lib', __FILE__)
+# frozen_string_literal: true
+
+lib = File.expand_path('lib', __dir__)
 $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 require 'activeadmin_blaze_theme/version'
 
 Gem::Specification.new do |spec|
-  spec.name          = "activeadmin_blaze_theme"
+  spec.name          = 'activeadmin_blaze_theme'
   spec.version       = ActiveAdminBlazeTheme::VERSION
-  spec.authors       = ["Mattia Roccoberton"]
-  spec.email         = ["mat@blocknot.es"]
-  spec.summary       = "ActiveAdmin Blaze Theme"
-  spec.description   = "An ActiveAdmin theme which use Blaze CSS UI toolkit"
-  spec.homepage      = "https://github.com/blocknotes/activeadmin_blaze_theme"
-  spec.license       = "MIT"
+  spec.authors       = ['Mattia Roccoberton']
+  spec.email         = ['mat@blocknot.es']
+  spec.summary       = 'ActiveAdmin Blaze Theme'
+  spec.description   = 'An ActiveAdmin theme which use Blaze CSS UI toolkit'
+  spec.homepage      = 'https://github.com/blocknotes/activeadmin_blaze_theme'
+  spec.license       = 'MIT'
 
   spec.files         = `git ls-files -z`.split("\x0")
   spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
-  spec.require_paths = ["lib"]
+  spec.require_paths = ['lib']
+
+  spec.add_runtime_dependency 'activeadmin', '~> 2.0'
 
-  spec.add_runtime_dependency 'activeadmin', '~> 1.0'
+  spec.add_development_dependency 'activestorage', '~> 6.0.3.2'
+  spec.add_development_dependency 'capybara', '~> 3.33.0'
+  spec.add_development_dependency 'pry', '~> 0.13.1'
+  spec.add_development_dependency 'puma', '~> 4.3.5'
+  spec.add_development_dependency 'rspec_junit_formatter', '~> 0.4.1'
+  spec.add_development_dependency 'rspec-rails', '~> 4.0.1'
+  spec.add_development_dependency 'rubocop', '~> 0.90.0'
+  spec.add_development_dependency 'selenium-webdriver', '~> 3.142.7'
+  spec.add_development_dependency 'sqlite3', '~> 1.4.2'
 end

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

@@ -0,0 +1,197 @@
+body.active_admin {
+  font-family: 'Roboto', sans-serif;
+  font-size: 12px;
+  min-height: 100vh;
+
+  .button-base {
+    @extend .c-button;
+
+    background-image: none;
+    box-shadow: initial;
+    color: #f4f4f4;
+    text-shadow: $text-shadow 0 1px 0;
+  }
+  .c-input-group .c-button:not(:first-child) {
+    border-left: 1px solid #ddd;
+  }
+
+  // misc
+  a.member_link {
+    color: #f4f4f4;
+    text-decoration: none;
+  }
+  .download_links {
+    padding-bottom: 10px;
+
+    >a {
+      @extend .c-button;
+      @extend .c-button--info;
+      @extend .u-small;
+    }
+  }
+  .ui-datepicker {
+    > .ui-datepicker-header {
+      border-bottom: 0 none;
+      border-radius: 0;
+      height: auto;
+      margin: 0;
+      padding: 8px 10px;
+      width: 100%;
+    }
+    .ui-datepicker-calendar th {
+      padding: 3px 0;
+    }
+    > .ui-datepicker-calendar {
+      left: 0;
+      width: 100%;
+      a {
+        text-decoration: none;
+      }
+    }
+  }
+
+  // comments
+  .comments {
+    .actions {
+      padding: 0;
+    }
+
+    .inputs >ol {
+      background-color: transparent;
+    }
+
+    .pagination_information {
+      float: none;
+    }
+  }
+
+  // boolean values
+  .status_tag {
+    min-width: 30px;
+    display: inline-block;
+    text-align: center;
+    &.no {
+      background-color: $color-error;
+    }
+    &.yes {
+      background-color: $color-success;
+    }
+  }
+
+  // dialogs
+  .ui-dialog {
+    button.ui-button {
+      @extend .button-base;
+      margin-right: 10px;
+      &:hover, &.ui-widget:hover {
+        background-color: #aaa;
+        background-image: none;
+      }
+      &.ui-dialog-titlebar-close {
+        // display: none;  // hides close button
+        margin-right: 0;
+      }
+    }
+    .ui-dialog-content {
+      min-height: auto;
+    }
+    .ui-dialog-titlebar {
+      display: flex;
+      justify-content: space-between;
+      > * {
+        align-self: center
+      }
+    }
+    // .ui-dialog-buttonset {
+    //   text-align: right;
+    // }
+  }
+
+  // special components
+  .filter_form .select-one-inputs {
+    display: flex;
+    >input[type="text"], >select {
+      width: 49%;
+    }
+    >input[type="text"] {
+      margin: 0 1% 0 0;
+    }
+    select {
+      margin: 0 0 0 1%;
+    }
+  }
+  .selectize.input > .selectize-control > .selectize-input {
+    padding-left: 4px;
+    padding-top: 3px;
+  }
+
+  // optional customizations
+  .compact_titlebar {
+    white-space: initial;
+  }
+  .sidebar_left {
+    #main_content_wrapper {
+      order: 2;
+      width: calc( 100% - 270px );
+      #main_content {
+        width: 100%;
+      }
+    }
+    #sidebar {
+      order: 1;
+      margin-left: 0;
+    }
+  }
+  table.scrollable_cells {
+    th, td {
+      max-width: 200px;
+      overflow: scroll;
+    }
+  }
+  .ckeditor_width_fix {
+    display: inline-block;
+    min-width: 450px;
+    width: auto;
+    // width: calc(80% - 22px);
+  }
+  .no_rounded {
+    *, .action_items span.action_item > a, .panel {
+      border-radius: 0;
+    }
+  }
+
+  // menu
+  .blaze-menu {
+    @extend .c-card;
+    @extend .c-card--menu;
+    @extend .u-high;
+    li {
+      @extend .c-card__item;
+      padding: 0;
+      a {
+        display: block;
+        padding: 0.5em;
+        text-decoration: none;
+      }
+    }
+  }
+  .sidebar_section .blaze-menu {
+    margin-bottom: 4px;
+  }
+
+  // textarea comments
+  #active_admin_comment_body {
+    width: 100%;
+  }
+
+  // misc
+  #active_admin_content.without_sidebar #main_content_wrapper #main_content {
+    width: 100%;
+  }
+  #wrapper {
+    display: block;
+    min-height: 100vh;
+    padding-bottom: 40px;  // footer height
+    position: relative;
+  }
+}