dima 0.0.1

data/lib/dima/utils.rb

@@ -0,0 +1,47 @@
+# -*- encoding : utf-8 -*-
+require 'action_controller'
+
+include ActionView::Helpers::NumberHelper
+
+module Dima
+
+  module Utils
+
+    # Extract value from a model.
+    def Utils.get(model, key)
+      val = model
+      key.to_s.split('.').each { |k| val = val.send k }
+      val
+    end
+
+    # Setting valut to the model.
+    def Utils.set(model, key, val)
+      keys = key.to_s.split('.')
+      model = Dima::Utils.get(model, keys[0..-2].join('.')) if keys.size > 1
+      model.send keys[-1] + '=', val
+    end
+
+    # Number format.
+    def Utils.number_format(number, opts = {})
+      prec = opts[:precision] || 2
+      dlmt = opts[:delimiter] || Dima.config.num.delimiter
+      sprt = opts[:separator] || Dima.config.num.separator
+      number_with_precision(number, precision: prec, delimiter: dlmt, separator: sprt)
+    end
+
+    # Check existence.
+    def Utils.empty?(value)
+      return true if value.nil?
+      return true if value.is_a?(String) and value.strip == ''
+      return true if value.respond_to?(:empty?) and value.empty?
+      false
+    end
+
+    # Hash.
+    def Utils.to_sym_hash(hash)
+      hash.inject({}){|memo,(k,v)| memo[k.to_sym] = v; memo}
+    end
+
+  end
+
+end

data/lib/dima/version.rb

@@ -0,0 +1,4 @@
+# -*- encoding : utf-8 -*-
+module Dima
+  VERSION = "0.0.1"
+end

data/lib/dima.rb

@@ -0,0 +1,22 @@
+# -*- encoding : utf-8 -*-
+require 'dima/version'
+
+module Dima::Init
+  def initialize(h = {})
+    if h.is_a? Hash
+      h.each { |k,v| instance_variable_set("@#{k}",v) }
+    end
+  end
+end
+
+# top level
+require 'dima/engine' if defined?(Rails)
+require 'dima/config'
+require 'dima/utils'
+
+# html
+require 'dima/html/node'
+require 'dima/html/action'
+require 'dima/html/element'
+require 'dima/html/field'
+require 'dima/html/form'

data/spec/config_spec.rb

@@ -0,0 +1,11 @@
+# -*- encoding : utf-8 -*-
+require 'spec_helper'
+
+describe 'Number configuration' do
+  specify { Dima.config.num.separator.should == '.' }
+  specify { Dima.config.num.delimiter.should == ',' }
+end
+
+describe 'Date configuration' do
+  specify { Dima.config.date.formatter.should == '%d-%b-%Y' }
+end

data/spec/helpers/models.rb

@@ -0,0 +1,9 @@
+# -*- encoding : utf-8 -*-
+class User
+  include Dima::Init
+  attr_accessor :first_name
+  attr_accessor :last_name
+  attr_accessor :duplicate
+  attr_accessor :created_at
+  attr_accessor :updated_at
+end

data/spec/html/field_spec.rb

@@ -0,0 +1,103 @@
+# -*- encoding : utf-8 -*-
+require 'spec_helper'
+
+include Dima::Html
+
+describe 'text field' do
+  before(:all) do
+    @fn = TextField.new(name: 'first_name', val: 'Dimitri')
+    @ln = TextField.new(name: 'last_name', val: 'Kurashvili')
+    @user = User.new
+    @fn >> @user
+    @ln >> @user
+  end
+  specify { @fn.id.should == 'dim-0' }
+  specify { @fn.val.should == 'Dimitri' }
+  specify { @ln.id.should == 'dim-1' }
+  specify { @ln.val.should == 'Kurashvili' }
+  specify { @user.first_name.should == 'Dimitri' }
+  specify { @user.last_name.should == 'Kurashvili' }
+end
+
+describe 'text field: initialize field from model' do
+  before(:all) do
+    @user = User.new(first_name: 'Dimitri', last_name: 'Kurashvili')
+    @fld = TextField.new(name: 'first_name')
+    @fld << @user
+  end
+  specify { @fld.val.should == 'Dimitri' }
+  specify { @fld.model.should == @user }
+end
+
+describe 'text field: lambda' do
+  before(:all) do
+    @user = User.new(first_name: 'Dimitri', last_name: 'Kurashvili')
+    @fld = TextField.new(lambda: lambda {|model| model.first_name })
+    @fld << @user
+  end
+  specify { @fld.val.should == 'Dimitri' }
+end
+
+describe 'text field: html node' do
+  before(:all) do
+    @fld = TextField.new(id: 'txt_user_first_name', label: 'First Name', required: true)
+    @fld.val = 'Dimitri'
+    @node = @fld.to_n
+  end
+  context 'field' do
+    specify { @node[:id].should == 'txt_user_first_name' }
+    specify { @node[:class].should == 'dim-field dim-required' }
+    specify { @node.children.size.should == 2 }
+  end
+  context 'label node' do
+    specify { @node.children[0].tag.should == 'div' }
+    specify { @node.children[0][:class].should == 'dim-label' }
+    specify { @node.children[0].text.should == 'First Name' }
+  end
+  context 'value node' do
+    specify { @node.children[1].tag.should == 'div' }
+    specify { @node.children[1][:class].should == 'dim-value' }
+    specify { @node.children[1].children.size.should == 1 }
+    specify { @node.children[1].children[0].tag.should == 'span' }
+    specify { @node.children[1].children[0].text.should == 'Dimitri' }
+  end
+end
+
+describe 'email field: email node' do
+  before(:all) do
+    @fld = EmailField.new(id: 'txt_user_first_name', label: 'First Name', required: true)
+    @fld.val = 'dimitri@c12.ge'
+    @node = @fld.to_n
+  end
+  context 'value node' do
+    specify { @node.children[1].tag.should == 'div' }
+    specify { @node.children[1][:class].should == 'dim-value' }
+    specify { @node.children[1].children.size.should == 1 }
+    specify { @node.children[1].children[0].tag.should == 'span' }
+    specify { @node.children[1].children[0].children.size.should == 1 }
+    specify { @node.children[1].children[0].children[0].tag.should == 'a' }
+    specify { @node.children[1].children[0].children[0][:href].should == 'mailto:dimitri@c12.ge' }
+    specify { @node.children[1].children[0].children[0].text.should == 'dimitri@c12.ge' }
+  end
+end
+
+describe 'text field' do
+  before(:all) do
+    hash = {first_name: 'Dimitri', email: 'dimitri@c12.ge', web: 'http://c12.ge', date: '4-Apr-1979'}
+    @txt_field = TextField.new(name: 'first_name')
+    @email_field = EmailField.new(name: 'email')
+    @web_field = WebField.new(name: 'web')
+    @bool_field = BooleanField.new(name: 'active')
+    @date_field = DateField.new(name: 'date', readonly: true)
+    @txt_field << hash
+    @email_field << hash
+    @web_field << hash
+    @bool_field << hash
+    @date_field << hash
+  end
+  specify { @txt_field.val.should == 'Dimitri' }
+  specify { @email_field.val.should == 'dimitri@c12.ge' }
+  specify { @web_field.val.should == 'http://c12.ge' }
+  specify { @bool_field.val.should == false }
+  specify { @date_field.val.should == Date.new(1979, 4, 4) }
+end

data/spec/html/form_spec.rb

@@ -0,0 +1,60 @@
+# -*- encoding : utf-8 -*-
+require 'spec_helper'
+
+describe 'Form: user' do
+  before(:all) do
+    @form = Form.new(title: 'User')
+    @form.col1 << EmailField.new(name: 'email', label: 'Email', required: true, width: 100)
+    @form.col1 << EmailField.new(name: 'first_name', label: 'First Name', required: true, width: 100)
+    @form.col1 << EmailField.new(name: 'last_name', label: 'Last Name', required: true, width: 100)
+  end
+  subject { @form.to_n }
+  its(:tag) { should == 'div' }
+end
+
+describe 'Table: user' do
+  before(:all) do
+    @tbl = Table.new(title: 'User')
+    @tbl.cols << EmailField.new(name: 'email', label: 'Email', required: true, width: 100)
+    @tbl.cols << EmailField.new(name: 'first_name', label: 'First Name', required: true, width: 100)
+    @tbl.cols << EmailField.new(name: 'last_name', label: 'Last Name', required: true, width: 100)
+  end
+  subject { @tbl.to_n }
+  its(:tag) { should == 'div' }
+end
+
+describe 'Update model' do
+  before(:all) do
+    @first_name = TextField.new(name: 'first_name', val: 'Dimitri')
+    @last_name = TextField.new(name: 'last_name', val: 'Kurashvili')
+    @form = Form.new
+    @form.col1 << @first_name
+    @form.col1 << @last_name
+    @user = User.new
+    @form >> @user
+  end
+  specify { @user.first_name.should == 'Dimitri' }
+  specify { @user.last_name.should == 'Kurashvili' }
+end
+
+describe 'Set fields from hash' do
+  before(:all) do
+    @form = Form.new
+    @form.col1 << TextField.new(name: 'first_name')
+    @form.col1 << TextField.new(name: 'last_name')
+    @form.col1 << TextField.new(name: 'created_at', readonly: true)
+    @form.col1 << TextField.new(name: 'updated_at', readonly: true)
+    @form << {first_name: 'Dimitri', last_name: 'Kurashvili', created_at: Time.now.strftime('%d-%b-%Y'), updated_at: Time.now.strftime('%d-%b-%Y')}
+    @user = User.new
+    @form >> @user
+  end
+  subject { @user }
+  its(:first_name) { should == 'Dimitri' }
+  its(:last_name) { should == 'Kurashvili' }
+  its(:created_at) { should be_nil }
+  its(:updated_at) { should be_nil }
+  specify { @form.col1.fields[0].val.should == 'Dimitri' }
+  specify { @form.col1.fields[1].val.should == 'Kurashvili' }
+  specify { @form.col1.fields[2].val.should_not be_nil }
+  specify { @form.col1.fields[3].val.should_not be_nil }
+end

data/spec/html/node_spec.rb

@@ -0,0 +1,42 @@
+# -*- encoding : utf-8 -*-
+require 'spec_helper'
+include Dima::Html
+
+describe 'Anchor' do
+  before(:all) do
+    @a = Node.new(tag: 'a', attributes: { href: 'http://c12.ge' }, text: 'Our site')
+  end
+  subject { @a.html }
+  it { should == '<a href="http://c12.ge">Our site</a>' }
+end
+
+describe 'Nested nodes' do
+  before(:all) do
+    @div = Node.new(tag: 'div')
+    @div[:class] = 'links'
+    @div << Node.new(tag: 'a', attributes: { href: 'http://c12.ge' }, text: 'Our site')
+  end
+  subject { @div.html }
+  it { should == '<div class="links"><a href="http://c12.ge">Our site</a></div>' }
+  specify { @div[:class].should == 'links' }
+  specify { @div[:style].should be_nil }
+end
+
+describe 'Boolean attributes' do
+  before(:all) do
+    @n1 = Node.new(tag: 'input', attributes: { type: 'checkbox', checked: true })
+    @n2 = Node.new(tag: 'input', attributes: { type: 'checkbox', checked: false })
+  end
+  specify { @n1.html.should == '<input type="checkbox" checked></input>' }
+  specify { @n2.html.should == '<input type="checkbox"></input>' }
+end
+
+describe 'Class management' do
+  before(:all) do
+    @div = Node.new(tag: 'div')
+    @div.add_class('class-1')
+    @div.add_class('class-2')
+  end
+  subject { @div.html }
+  it { should == '<div class="class-1 class-2"></div>' }
+end

data/spec/spec_helper.rb

@@ -0,0 +1,9 @@
+# -*- encoding : utf-8 -*-
+require 'rspec'
+
+require 'dima'
+require 'helpers/models'
+
+RSpec.configure do |config|
+  config.include(RSpec::Matchers)
+end

data/spec/utils_spec.rb

@@ -0,0 +1,54 @@
+# -*- encoding : utf-8 -*-
+require 'spec_helper'
+
+describe 'Model: get value' do
+  before(:all) do
+    @model = User.new(first_name: 'Dimitri', last_name: 'Kurashvili', duplicate:User.new(first_name: 'Misho', last_name: 'Kurashvili'))
+  end
+  subject { @model }
+  specify { Dima::Utils.get(@model, :first_name).should == 'Dimitri' }
+  specify { Dima::Utils.get(@model, :last_name).should == 'Kurashvili' }
+  specify { Dima::Utils.get(@model, 'duplicate.first_name').should == 'Misho' }
+  specify { Dima::Utils.get(@model, 'duplicate.last_name').should == 'Kurashvili' }
+end
+
+describe 'Model: set value' do
+  before(:all) do
+    @model = User.new(duplicate: User.new)
+    Dima::Utils.set(@model, 'first_name', 'Dimitri')
+    Dima::Utils.set(@model, 'last_name', 'Kurashvili')
+    Dima::Utils.set(@model, 'duplicate.first_name', 'Misho')
+    Dima::Utils.set(@model, 'duplicate.last_name', 'Kurashvili')
+  end
+  subject { @model }
+  its(:first_name) { should == 'Dimitri' }
+  its(:last_name) { should == 'Kurashvili' }
+  specify { subject.duplicate.first_name.should == 'Misho' }
+  specify { subject.duplicate.last_name.should == 'Kurashvili' }
+end
+
+describe 'Number: format' do
+  specify { Dima::Utils.number_format(1).should == '1.00' }
+  specify { Dima::Utils.number_format(1000).should == '1,000.00' }
+  specify { Dima::Utils.number_format(1000, precision: 0).should == '1,000' }
+end
+
+describe 'Empty? method' do
+  specify { Dima::Utils.empty?(nil).should == true }
+  specify { Dima::Utils.empty?(10).should == false }
+  specify { Dima::Utils.empty?('').should == true }
+  specify { Dima::Utils.empty?(' ').should == true }
+  specify { Dima::Utils.empty?('   1  ').should == false }
+  specify { Dima::Utils.empty?([]).should == true }
+  specify { Dima::Utils.empty?([1]).should == false }
+  specify { Dima::Utils.empty?({}).should == true }
+  specify { Dima::Utils.empty?({name: 'Dimitri'}).should == false }
+end
+
+describe 'Hash to symbols' do
+  before(:all) do
+    @hash = Dima::Utils.to_sym_hash({ 'first_name' => 'Dimitri', 'last_name' => 'Kurashvili' })
+  end
+  specify { @hash[:first_name].should == 'Dimitri' }
+  specify { @hash[:last_name].should == 'Kurashvili' }
+end

data/vendor/assets/stylesheets/dima-min.css

@@ -0,0 +1,24 @@
+.right{text-align:right;}
+.left{text-align:left;}
+.center{text-align:right;}
+.dim-form,.dim-table{margin:8px 0;position:relative;}.dim-form .dim-form-title,.dim-table .dim-form-title{position:relative;padding:4px 8px;background:#fafad0;margin-bottom:8px;border-top:2px solid #2fa000;border-bottom:2px solid #2fa000;}.dim-form .dim-form-title .dim-title-image,.dim-table .dim-form-title .dim-title-image{vertical-align:middle;margin-left:8px;}
+.dim-form .dim-form-title .dim-title-text,.dim-table .dim-form-title .dim-title-text{padding:0 4px;font-size:15px;line-height:20px;font-weight:bold;outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.dim-form .dim-form-title .dim-active-title,.dim-table .dim-form-title .dim-active-title{cursor:pointer;}
+.dim-form .dim-form-title .dim-form-actions,.dim-table .dim-form-title .dim-form-actions{position:absolute;font-size:13px;top:4px;right:0;}.dim-form .dim-form-title .dim-form-actions .dim-action,.dim-table .dim-form-title .dim-form-actions .dim-action{margin-right:8px;}.dim-form .dim-form-title .dim-form-actions .dim-action img,.dim-table .dim-form-title .dim-form-actions .dim-action img{padding-right:4px;vertical-align:middle;}
+.dim-form .dim-col50,.dim-table .dim-col50{display:inline-block;width:50%;float:left;position:relative;}.dim-form .dim-col50:first-child .dim-field,.dim-table .dim-col50:first-child .dim-field{margin-right:4px;}
+.dim-form .dim-col50:last-child .dim-field,.dim-table .dim-col50:last-child .dim-field{margin-left:4px;}
+.dim-form .dim-column .dim-value,.dim-table .dim-column .dim-value{margin-left:160px;}
+.dim-form .dim-column .dim-field,.dim-table .dim-column .dim-field{border-top:1px solid #2fa000;}.dim-form .dim-column .dim-field:last-child,.dim-table .dim-column .dim-field:last-child{border-bottom:1px solid #2fa000;}
+.dim-form .dim-field,.dim-table .dim-field{position:relative;min-height:28px;}.dim-form .dim-field .dim-label,.dim-table .dim-field .dim-label{position:absolute;top:0;bottom:0;left:0;background:#e0ffd3;display:inline-block;width:145px;padding:6px;font-size:13px;line-height:16px;font-weight:bold;border-left:3px solid transparent;}
+.dim-form .dim-field .dim-value,.dim-table .dim-field .dim-value{padding:6px;font-size:13px;line-height:16px;display:inline-block;}.dim-form .dim-field .dim-value input[type=text],.dim-table .dim-field .dim-value input[type=text],.dim-form .dim-field .dim-value input[type=password],.dim-table .dim-field .dim-value input[type=password]{margin:0;font-size:13px;border-radius:0;line-height:16px;padding:4px;height:auto;}
+.dim-form .dim-field .dim-before,.dim-table .dim-field .dim-before{padding-right:8px;}
+.dim-form .dim-field .dim-after,.dim-table .dim-field .dim-after{padding-left:8px;}
+.dim-form .dim-field .dim-empty,.dim-table .dim-field .dim-empty{color:#aaaaaa;}
+.dim-form .dim-error input,.dim-table .dim-error input,.dim-form .dim-error textarea,.dim-table .dim-error textarea{border:1px solid red;}
+.dim-form .dim-required .dim-label,.dim-table .dim-required .dim-label{border-left:3px solid #c00;}
+.dim-form .dim-complex .dim-main-content,.dim-table .dim-complex .dim-main-content{margin-right:8px !important;}
+.dim-form .dim-form-buttom-actions,.dim-table .dim-form-buttom-actions{clear:both;padding:8px;margin-top:8px;border-top:2px solid #2fa000;background:#eee;}
+.dim-form table,.dim-table table{width:100%;border-collapse:collapse;}.dim-form table thead,.dim-table table thead{background:#e0ffd3;}.dim-form table thead th,.dim-table table thead th{padding:6px;font-size:13px;text-align:left;border-top:1px solid #2fa000;border-bottom:1px solid #2fa000;}
+.dim-form table tbody tr,.dim-table table tbody tr{border-bottom:1px solid #2fa000;}
+.dim-form table .dim-empty,.dim-table table .dim-empty{color:#aaaaaa;text-align:center;padding:8px;}
+.dim-form table .dim-table-actions,.dim-table table .dim-table-actions{font-size:13px;}.dim-form table .dim-table-actions .dim-action,.dim-table table .dim-table-actions .dim-action{margin-right:8px;}.dim-form table .dim-table-actions .dim-action img,.dim-table table .dim-table-actions .dim-action img{padding-right:4px;vertical-align:middle;}

data/vendor/assets/stylesheets/dima.css

@@ -0,0 +1,201 @@
+.right {
+  text-align: right;
+}
+.left {
+  text-align: left;
+}
+.center {
+  text-align: right;
+}
+.dim-form,
+.dim-table {
+  margin: 8px 0;
+  position: relative;
+}
+.dim-form .dim-form-title,
+.dim-table .dim-form-title {
+  position: relative;
+  padding: 4px 8px;
+  background: #fafad0;
+  margin-bottom: 8px;
+  border-top: 2px solid #2fa000;
+  border-bottom: 2px solid #2fa000;
+}
+.dim-form .dim-form-title .dim-title-image,
+.dim-table .dim-form-title .dim-title-image {
+  vertical-align: middle;
+  margin-left: 8px;
+}
+.dim-form .dim-form-title .dim-title-text,
+.dim-table .dim-form-title .dim-title-text {
+  padding: 0 4px;
+  font-size: 15px;
+  line-height: 20px;
+  font-weight: bold;
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.dim-form .dim-form-title .dim-active-title,
+.dim-table .dim-form-title .dim-active-title {
+  cursor: pointer;
+}
+.dim-form .dim-form-title .dim-form-actions,
+.dim-table .dim-form-title .dim-form-actions {
+  position: absolute;
+  font-size: 13px;
+  top: 4px;
+  right: 0;
+}
+.dim-form .dim-form-title .dim-form-actions .dim-action,
+.dim-table .dim-form-title .dim-form-actions .dim-action {
+  margin-right: 8px;
+}
+.dim-form .dim-form-title .dim-form-actions .dim-action img,
+.dim-table .dim-form-title .dim-form-actions .dim-action img {
+  padding-right: 4px;
+  vertical-align: middle;
+}
+.dim-form .dim-col50,
+.dim-table .dim-col50 {
+  display: inline-block;
+  width: 50%;
+  float: left;
+  position: relative;
+}
+.dim-form .dim-col50:first-child .dim-field,
+.dim-table .dim-col50:first-child .dim-field {
+  margin-right: 4px;
+}
+.dim-form .dim-col50:last-child .dim-field,
+.dim-table .dim-col50:last-child .dim-field {
+  margin-left: 4px;
+}
+.dim-form .dim-column .dim-value,
+.dim-table .dim-column .dim-value {
+  margin-left: 160px;
+}
+.dim-form .dim-column .dim-field,
+.dim-table .dim-column .dim-field {
+  border-top: 1px solid #2fa000;
+}
+.dim-form .dim-column .dim-field:last-child,
+.dim-table .dim-column .dim-field:last-child {
+  border-bottom: 1px solid #2fa000;
+}
+.dim-form .dim-field,
+.dim-table .dim-field {
+  position: relative;
+  min-height: 28px;
+}
+.dim-form .dim-field .dim-label,
+.dim-table .dim-field .dim-label {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  background: #e0ffd3;
+  display: inline-block;
+  width: 145px;
+  padding: 6px;
+  font-size: 13px;
+  line-height: 16px;
+  font-weight: bold;
+  border-left: 3px solid transparent;
+}
+.dim-form .dim-field .dim-value,
+.dim-table .dim-field .dim-value {
+  padding: 6px;
+  font-size: 13px;
+  line-height: 16px;
+  display: inline-block;
+}
+.dim-form .dim-field .dim-value input[type=text],
+.dim-table .dim-field .dim-value input[type=text],
+.dim-form .dim-field .dim-value input[type=password],
+.dim-table .dim-field .dim-value input[type=password] {
+  margin: 0;
+  font-size: 13px;
+  border-radius: 0;
+  line-height: 16px;
+  padding: 4px;
+  height: auto;
+}
+.dim-form .dim-field .dim-before,
+.dim-table .dim-field .dim-before {
+  padding-right: 8px;
+}
+.dim-form .dim-field .dim-after,
+.dim-table .dim-field .dim-after {
+  padding-left: 8px;
+}
+.dim-form .dim-field .dim-empty,
+.dim-table .dim-field .dim-empty {
+  color: #aaaaaa;
+}
+.dim-form .dim-error input,
+.dim-table .dim-error input,
+.dim-form .dim-error textarea,
+.dim-table .dim-error textarea {
+  border: 1px solid red;
+}
+.dim-form .dim-required .dim-label,
+.dim-table .dim-required .dim-label {
+  border-left: 3px solid #c00;
+}
+.dim-form .dim-complex .dim-main-content,
+.dim-table .dim-complex .dim-main-content {
+  margin-right: 8px !important;
+}
+.dim-form .dim-form-buttom-actions,
+.dim-table .dim-form-buttom-actions {
+  clear: both;
+  padding: 8px;
+  margin-top: 8px;
+  border-top: 2px solid #2fa000;
+  background: #eee;
+}
+.dim-form table,
+.dim-table table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.dim-form table thead,
+.dim-table table thead {
+  background: #e0ffd3;
+}
+.dim-form table thead th,
+.dim-table table thead th {
+  padding: 6px;
+  font-size: 13px;
+  text-align: left;
+  border-top: 1px solid #2fa000;
+  border-bottom: 1px solid #2fa000;
+}
+.dim-form table tbody tr,
+.dim-table table tbody tr {
+  border-bottom: 1px solid #2fa000;
+}
+.dim-form table .dim-empty,
+.dim-table table .dim-empty {
+  color: #aaaaaa;
+  text-align: center;
+  padding: 8px;
+}
+.dim-form table .dim-table-actions,
+.dim-table table .dim-table-actions {
+  font-size: 13px;
+}
+.dim-form table .dim-table-actions .dim-action,
+.dim-table table .dim-table-actions .dim-action {
+  margin-right: 8px;
+}
+.dim-form table .dim-table-actions .dim-action img,
+.dim-table table .dim-table-actions .dim-action img {
+  padding-right: 4px;
+  vertical-align: middle;
+}