wallaby 4.1.6

data/app/routes/wallaby/resources_router.rb

@@ -0,0 +1,52 @@
+if Rails.env.development?
+  # NOTE: Rails reload! will hit here
+  Rails.logger.debug '--> [ Wallaby ] Ready to preload and clear cache on reload. <--'
+  GC.start
+  Rails.cache.delete_matched 'wallaby/*'
+
+  # NOTE: we search for subclasses of Wallaby::ResourcesController and Wallaby::ResourceDecorator.
+  # therefore, under development environment, we need to preload all classes under /app folder in main_app
+  # using `require` is not working for preloading, we need to constantize the class names to make Rails reload classes properly
+  Wallaby::ApplicationController
+
+  def preload(file_pattern)
+    Dir[ file_pattern ].each do |file_path|
+      begin
+        name = file_path[ %r(app/[^/]+/(.+)\.rb), 1 ].gsub('concerns/', '')
+        name.classify.constantize
+      rescue NameError, LoadError => e
+        Rails.logger.debug "PRELOAD ERROR: #{ e.message }"
+      end
+    end
+  end
+
+  preload 'app/models/**.rb'
+  preload 'app/**/*.rb'
+end
+
+class Wallaby::ResourcesRouter
+  DEFAULT_CONTROLLER = Wallaby::ResourcesController
+
+  def call(env)
+    params          = env['action_dispatch.request.path_parameters']
+    controller      = find_controller_by params[:resources]
+    params[:action] = check_action_name_by controller, params
+
+    controller.action(params[:action]).call env
+  rescue AbstractController::ActionNotFound, Wallaby::ModelNotFound => e
+    params[:error] = e
+    DEFAULT_CONTROLLER.action(:not_found).call env
+  end
+
+  private
+  def find_controller_by(resources_name)
+    model_class = Wallaby::Utils.to_model_class resources_name
+    Wallaby::Map.controller_map[model_class] || DEFAULT_CONTROLLER
+  end
+
+  def check_action_name_by(controller, params)
+    params[:id].try do |id_action|
+      id_action if controller.public_method_defined? id_action
+    end || params[:action]
+  end
+end

data/app/security/ability.rb

@@ -0,0 +1,33 @@
+class Ability
+  include CanCan::Ability
+
+  def initialize(user)
+    # Define abilities for the passed in user here. For example:
+    #
+    #   user ||= User.new # guest user (not logged in)
+    #   if user.admin?
+    #     can :manage, :all
+    #   else
+    #     can :read, :all
+    #   end
+    #
+    # The first argument to `can` is the action you are giving the user
+    # permission to do.
+    # If you pass :manage it will apply to every action. Other common actions
+    # here are :read, :create, :update and :destroy.
+    #
+    # The second argument is the resource the user can perform the action on.
+    # If you pass :all it will apply to every resource. Otherwise pass a Ruby
+    # class of the resource.
+    #
+    # The third argument is an optional hash of conditions to further filter the
+    # objects.
+    # For example, here the user can only update published articles.
+    #
+    #   can :update, Article, :published => true
+    #
+    # See the wiki for details:
+    # https://github.com/CanCanCommunity/cancancan/wiki/Defining-Abilities
+    can :manage, :all
+  end
+end

data/app/views/layouts/wallaby/_footer.html.erb

@@ -0,0 +1,2 @@
+<footer>
+</footer>

data/app/views/layouts/wallaby/_header.html.erb

@@ -0,0 +1,57 @@
+<header>
+  <nav class="top-nav navbar navbar-default">
+    <div class="container-fluid">
+      <%# Brand %>
+      <div class="navbar-header">
+        <%# Mobile Menu Toggler %>
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-menu" aria-expanded="false">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <%# //Mobile Menu Toggler %>
+        <a class="navbar-brand" href="<%= wallaby_engine.root_path %>">Wallaby Admin</a>
+      </div>
+      <%# //Brand %>
+
+      <div id="top-menu" class="collapse navbar-collapse">
+        <%# Resources navigation %>
+        <ul class="nav navbar-nav">
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+              <%= current_model_label %>
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu">
+              <% model_classes.each do |model_class| %>
+                <li><%= index_link model_class %> </li>
+              <% end %>
+            </ul>
+          </li>
+        </ul>
+        <%= render 'layouts/wallaby/navs' %>
+        <%# //Resources navigation %>
+        <%# User account %>
+        <% if current_user.present? %>
+          <ul class="nav navbar-nav navbar-right">
+            <li role="separator" class="divider"></li>
+            <li>
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                <%= user_portrait %>
+                <span class="visible-xs-inline-block">User</span>
+                <span class="caret"></span>
+              </a>
+              <% if logout_path.present? %>
+                <ul class="dropdown-menu">
+                  <li><%= link_to 'Sign out', logout_path, method: logout_method %></li>
+                </ul>
+              <% end %>
+            </li>
+          </ul>
+        <% end %>
+        <%# //User account %>
+      </div>
+    </div>
+  </nav>
+</header>

data/app/views/layouts/wallaby/_navs.html.erb

@@ -0,0 +1 @@
+<% # can be overriden %>

data/app/views/layouts/wallaby/application.html.erb

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title><%= page_title %></title>
+
+    <%= stylesheet_link_tag 'wallaby/application', media: 'all', 'data-turbolinks-track' => true %>
+    <%= yield :custom_stylesheet %>
+    <%= csrf_meta_tags %>
+  </head>
+  <body class="application <%= body_class %>">
+    <%= render 'layouts/wallaby/header' %>
+    <main>
+      <%= yield %>
+    </main>
+    <%= render 'layouts/wallaby/footer' %>
+    <%= javascript_include_tag 'wallaby/application', 'data-turbolinks-track' => true %>
+    <%= yield :custom_javascript %>
+  </body>
+</html>

data/app/views/layouts/wallaby/error.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title><%= page_title %></title>
+
+    <%= stylesheet_link_tag 'wallaby/application', media: 'all', 'data-turbolinks-track' => true %>
+    <%= yield :custom_stylesheet %>
+    <%= csrf_meta_tags %>
+  </head>
+  <body class="error <%= body_class %>">
+    <main>
+      <%= yield %>
+    </main>
+    <%= javascript_include_tag 'wallaby/application', 'data-turbolinks-track' => true %>
+    <%= yield :custom_javascript %>
+  </body>
+</html>

data/app/views/wallaby/core/home.html.erb

@@ -0,0 +1,5 @@
+<h1>
+  Welcome
+</h1>
+<%# TODO: turn this page into intro maybe? %>
+<%= render 'wallaby/shared/flash_messages' %>

data/app/views/wallaby/errors/access_denied.html.erb

@@ -0,0 +1 @@
+<%= @exception.message %>

data/app/views/wallaby/errors/not_authenticated.html.erb

@@ -0,0 +1 @@
+<%= @exception.message %>

data/app/views/wallaby/errors/not_found.html.erb

@@ -0,0 +1,6 @@
+<% error = @exception || params[:error] %>
+<% if error %>
+  <p>
+    <%= error.message %> not found.
+  </p>
+<% end %>

data/app/views/wallaby/errors/unprocessable_entity.erb

@@ -0,0 +1 @@
+<%= @exception.message %>

data/app/views/wallaby/resources/_form.html.erb

@@ -0,0 +1,12 @@
+<% decorated.errors[:base].try do |messages| %>
+  <% Array(messages).each do |message| %>
+    <div class="alert alert-danger alert-dismissible" role="alert">
+      <%= raw message %>
+    </div>
+  <% end %>
+<% end %>
+<% decorated.form_field_names.each do |field_name| %>
+  <%= form_type_partial_render decorated.form_type_of(field_name).to_s, field_name: field_name, form: form %>
+<% end %>
+<%= form.submit class: 'btn btn-primary' %>
+<%= cancel_link class: 'btn btn-default' %>

data/app/views/wallaby/resources/_index_actions.html.erb

@@ -0,0 +1 @@
+<%= new_link(current_model_class, class: 'btn btn-primary') { ct 'link.new' } %>

data/app/views/wallaby/resources/_resource_actions.html.erb

@@ -0,0 +1,3 @@
+<%= show_link(decorated, class: 'text-info') { itooltip ct('link.show'), 'link' } %>
+<%= edit_link(decorated) { itooltip ct('link.edit'), 'pencil' } %>
+<%= delete_link(decorated) { itooltip ct('link.delete'), 'trash' } %>

data/app/views/wallaby/resources/edit.html.erb

@@ -0,0 +1,14 @@
+<% decorated = decorate resource %>
+<section>
+  <%= render 'wallaby/resources/shared/resource_nav' %>
+  <div class="page-header">
+    <h1>Edit # <%= decorated.id %></h1>
+  </div>
+  <%= render 'wallaby/shared/flash_messages' %>
+  <%= form_for decorated, url: wallaby_engine.resource_path, method: :put, html: { :multipart => true }, builder: Wallaby::FormBuilder do |form| %>
+    <%= render 'form', form: form, decorated: decorated %>
+  <% end %>
+</section>
+
+<% content_for :custom_stylesheet, stylesheet_link_tag('wallaby/form', media: 'all', 'data-turbolinks-track' => true) %>
+<% content_for :custom_javascript, javascript_include_tag('wallaby/form', 'data-turbolinks-track' => true) %>

data/app/views/wallaby/resources/form/_belongs_to.html.erb

@@ -0,0 +1,21 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label metadata[:foreign_key], metadata[:label] %>
+  <div class="row">
+    <% if metadata[:is_polymorphic] %>
+      <div class="col-xs-6 col-sm-3">
+        <%= form.select metadata[:polymorphic_type], metadata[:polymorphic_list].try(:map, &:to_s), { include_blank: true }, { class: 'form-control' } %>
+      </div>
+      <div class="col-xs-3">
+        <%= form.text_field metadata[:foreign_key], class: 'form-control' %>
+      </div>
+    <% else %>
+      <div class="col-xs-6 col-sm-3">
+        <%= form.select metadata[:foreign_key], model_choices(model_decorator metadata[:class]), { include_blank: true }, { class: 'form-control' } %>
+        <p class="help-block">
+          <%= new_link metadata[:class], prepend: 'Or' %>
+        </p>
+      </div>
+    <% end %>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_bigint.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.number_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_binary.html.erb

@@ -0,0 +1,12 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-3">
+      <%= form.label field_name, class: 'btn btn-default' do %>
+        <%= form.file_field field_name, class: 'hidden' %>
+        <%= icon 'upload' %> <%= ct 'lable.upload' %>
+      <% end %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_bit.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.number_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_bit_varying.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.number_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_boolean.html.erb

@@ -0,0 +1,14 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-12">
+      <label class="radio-inline">
+        <%= form.radio_button field_name, true %> Yes
+      </label>
+      <label class="radio-inline">
+        <%= form.radio_button field_name, false %> No
+      </label>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_cidr.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.text_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_citext.html.erb

@@ -0,0 +1,21 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <%= form.text_area field_name, class: 'form-control', data: { init: 'summernote' } %>
+  <%= form.error_messages field_name %>
+</div>
+
+<% unless @summernote_init %>
+  <% @summernote_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('textarea[data-init="summernote"]').summernote({
+          height: 150,
+          codemirror: { // codemirror options
+            theme: 'monokai'
+          }
+        })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_color.html.erb

@@ -0,0 +1,20 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.text_field field_name, class: 'form-control', data: { init: 'colorpicker' } %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>
+
+<% unless @colorpicker_init %>
+  <% @colorpicker_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('[data-init="colorpicker"]').minicolors({ theme: 'bootstrap' })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_date.html.erb

@@ -0,0 +1,29 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group date" data-init='datepicker'>
+        <%= form.text_field field_name, class: 'form-control' %>
+        <span class="input-group-addon"><%= icon 'calendar' %></span>
+      </div>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>
+
+<% unless @datepicker_init %>
+  <% @datepicker_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('[data-init="datepicker"]').each(function() {
+          var $input = $('input', this)
+          $input.val(moment($input.attr('value')).format('YYYY-MM-DD'))
+          $(this).datetimepicker({
+            format: 'YYYY-MM-DD'
+          })
+        })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_daterange.html.erb

@@ -0,0 +1,37 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group date" data-init='datepicker'>
+        <span class="input-group-addon">F</span>
+        <%= form.text_field field_name, value: value.try(:first), multiple: true, class: 'form-control' %>
+        <span class="input-group-addon"><%= icon 'calendar' %></span>
+      </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group date" data-init='datepicker'>
+        <span class="input-group-addon">T</span>
+        <%= form.text_field field_name, value: value.try(:last), multiple: true, class: 'form-control' %>
+        <span class="input-group-addon"><%= icon 'calendar' %></span>
+      </div>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>
+
+<% unless @datepicker_init %>
+  <% @datepicker_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('[data-init="datepicker"]').each(function() {
+          var $input = $('input', this)
+          $input.val(moment($input.attr('value')).format('YYYY-MM-DD'))
+          $(this).datetimepicker({
+            format: 'YYYY-MM-DD'
+          })
+        })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_datetime.html.erb

@@ -0,0 +1,30 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group date" data-init='datetimepicker'>
+        <%= form.text_field field_name, value: value, class: 'form-control' %>
+        <span class="input-group-addon"><%= icon 'calendar' %></span>
+      </div>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>
+
+<% unless @datetimepicker_init %>
+  <% @datetimepicker_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('[data-init="datetimepicker"]').each(function() {
+          var $input = $('input', this)
+          $input.val(moment($input.attr('value')).format('YYYY-MM-DD HH:mm'))
+          $(this).datetimepicker({
+            format: 'YYYY-MM-DD HH:mm',
+            sideBySide: true
+          })
+        })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_decimal.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.number_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_email.html.erb

@@ -0,0 +1,5 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <%= form.email_field field_name, class: 'form-control' %>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_float.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.number_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_has_and_belongs_to_many.html.erb

@@ -0,0 +1,13 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label metadata[:foreign_key], metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.select metadata[:foreign_key], model_choices(model_decorator metadata[:class]), { }, { class: 'form-control', multiple: true } %>
+      <p class="help-block">
+        Press CTRL to select/deselect multiple items.
+        <%= new_link metadata[:class], prepend: 'Or' %>
+      </p>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_has_many.html.erb

@@ -0,0 +1,13 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label metadata[:foreign_key], metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.select metadata[:foreign_key], model_choices(model_decorator metadata[:class]), { }, { class: 'form-control', multiple: true } %>
+      <p class="help-block">
+        Press CTRL to select/deselect multiple items.
+        <%= new_link metadata[:class], prepend: 'Or' %>
+      </p>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_has_one.html.erb

@@ -0,0 +1,7 @@
+<% # TODO: consider to pass new_link default params to create %>
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div>
+    <%= value.present? ? edit_link(value) : new_link(metadata[:class]) %>
+  </div>
+</div>

data/app/views/wallaby/resources/form/_hstore.html.erb

@@ -0,0 +1,25 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <%= form.text_area field_name, value: value.to_s[%r(\A{(.*)}\Z), 1], class: 'form-control', data: { init: 'codemirror', mode: 'ruby' } %>
+  <%= form.error_messages field_name %>
+  <p class="help-block">
+    Format: <code>"KEY1" => "VALUE1", "KEY2" => "VALUE2"</code>
+  </p>
+</div>
+
+<% unless @codemirror_init %>
+  <% @codemirror_init = true %>
+  <% content_for :custom_javascript do %>
+    <% javascript_tag do %>
+      jQuery(function($) {
+        $('textarea[data-init="codemirror"]').each(function (index, element) {
+          CodeMirror.fromTextArea(element, {
+            mode: $(element).data('mode'),
+            theme: "default",
+            lineNumbers: true
+          });
+        })
+      })
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/wallaby/resources/form/_inet.html.erb

@@ -0,0 +1,9 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <%= form.text_field field_name, class: 'form-control' %>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_int4range.html.erb

@@ -0,0 +1,18 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group">
+        <span class="input-group-addon">F</span>
+        <%= form.number_field field_name, value: value.try(:first), multiple: true, class: 'form-control' %>
+      </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group">
+        <span class="input-group-addon">T</span>
+        <%= form.number_field field_name, value: value.try(:last), multiple: true, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>

data/app/views/wallaby/resources/form/_int8range.html.erb

@@ -0,0 +1,18 @@
+<div class="form-group <%= form.error_class field_name %>">
+  <%= form.label field_name, metadata[:label] %>
+  <div class="row">
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group">
+        <span class="input-group-addon">F</span>
+        <%= form.number_field field_name, value: value.try(:first), multiple: true, class: 'form-control' %>
+      </div>
+    </div>
+    <div class="col-xs-6 col-sm-3">
+      <div class="input-group">
+        <span class="input-group-addon">T</span>
+        <%= form.number_field field_name, value: value.try(:last), multiple: true, class: 'form-control' %>
+      </div>
+    </div>
+  </div>
+  <%= form.error_messages field_name %>
+</div>