kaui 0.11.0 → 0.12.0

data/app/views/kaui/subscriptions/_form.html.erb

@@ -1,36 +1,39 @@
-<%= form_for(@subscription, :html => {:class => 'form-horizontal'}) do |f| %>
-    <fieldset>
-      <%= f.hidden_field :bundle_id %>
-      <%= f.hidden_field :account_id %>
-      <%= f.hidden_field :product_category %>
-      <% if @subscription.product_category == 'ADD_ON' %>
-          <%= hidden_field_tag :base_product_name, @base_product_name %>
-          <div class="control-group">
-            <%= label_tag :plan_name, 'Available Plans:', :class => 'control-label' %>
-            <div class="controls">
-              <%= select_tag :plan_name, options_for_select(@plans) %>
-              <p class="help-block">
-                Proration on customer's invoice will be done automatically.
-              </p>
-            </div>
+<%= form_for @subscription, :html => {:class => 'form-horizontal'} do |f| %>
+    <%= f.hidden_field :bundle_id %>
+    <%= f.hidden_field :account_id %>
+    <%= f.hidden_field :product_category %>
+
+    <% if @subscription.product_category == 'ADD_ON' %>
+        <%= hidden_field_tag :base_product_name, @base_product_name %>
+        <div class="form-group">
+          <%= label_tag :plan_name, 'Plan', :class => 'col-sm-2 control-label' %>
+          <div class="col-sm-10">
+            <%= select_tag :plan_name, options_for_select(@plans), :class => 'form-control' %>
           </div>
-      <% else %>
-          <div class="control-group">
-            <%= f.label :external_key, 'Bundle External Key:', :class => 'control-label' %>
-            <div class="controls">
-              <%= f.text_field :external_key, :class => 'input-xlarge', :id => 'external_key' %>
-            </div>
+        </div>
+    <% else %>
+        <div class="form-group">
+          <%= f.label :external_key, 'Key', :class => 'col-sm-2 control-label' %>
+          <div class="col-sm-10">
+            <%= f.text_field :external_key, :class => 'form-control', :id => 'external_key' %>
           </div>
-          <div class="control-group">
-            <%= label_tag :plan_name, 'Available Plans:', :class => 'control-label' %>
-            <div class="controls">
-              <%= select_tag :plan_name, options_for_select(@plans) %>
-            </div>
+        </div>
+        <div class="form-group">
+          <%= label_tag :plan_name, 'Plan', :class => 'col-sm-2 control-label' %>
+          <div class="col-sm-10">
+            <%= select_tag :plan_name, options_for_select(@plans), :class => 'form-control' %>
           </div>
-      <% end %>
-      <div class="form-actions">
-        <%= f.submit 'Create Subscription', :class => 'btn btn-primary' %>
-        <%= link_to 'Back', :back, :class => 'btn' %>
+        </div>
+    <% end %>
+    <div class="form-group">
+      <%= label_tag :requested_date, 'Date', :class => 'col-sm-2 control-label' %>
+      <div class="col-sm-10">
+        <%= text_field_tag :requested_date, Date.parse(Time.now.to_s).to_s, :class => 'form-control date-picker' %>
       </div>
-    </fieldset>
+    </div>
+    <div class="form-group">
+      <div class="col-sm-offset-2 col-sm-10">
+        <%= submit_tag 'Save', :class => 'btn btn-default' %>
+      </div>
+    </div>
 <% end %>

data/app/views/kaui/subscriptions/_subscriptions_table.html.erb

@@ -1,7 +1,4 @@
-<div class="page-header">
-  <h3>Subscriptions</h3>
-</div>
-<table class="table table-condensed table-striped data-table">
+<table id="subscriptions_<%= bundle.bundle_id %>" class="table table-condensed mobile-data">
   <thead>
   <tr>
     <th>Product category</th>
@@ -13,39 +10,55 @@
   </tr>
   </thead>
   <tbody>
-  <% if subscriptions.present? && !subscriptions.nil? %>
-      <% subscriptions.each do |sub| %>
-          <tr>
-            <td><%= humanized_product_category(sub) %></td>
-            <td><%= humanized_full_product_name(sub) %></td>
-            <td><%= humanized_start_date(sub, account) %></td>
-            <td><%= humanized_charged_through_date(sub, account) %></td>
-            <td><%= humanized_cancelled_date(sub, account) %></td>
-            <td>
-              <%= link_to 'Details', kaui_engine.subscription_path(:id => sub.subscription_id), :class => 'btn btn-xs' %>
-              <% if is_future_cancelled?(sub) %>
-                  <%= link_to 'Reinstate', kaui_engine.reinstate_subscription_path(:id => sub.subscription_id), :method => :put, :class => 'btn btn-xs' %>
-              <% elsif is_cancelled?(sub) %>
+  <% (bundle.subscriptions || []).each do |sub| %>
+      <tr class="<%= is_cancelled?(sub) ? 'expired' : 'non-expired' %>">
+        <td><%= humanized_product_category(sub) %></td>
+        <td><%= humanized_full_product_name(sub) %></td>
+        <td><%= humanized_start_date(sub, account) %></td>
+        <td><%= humanized_charged_through_date(sub, account) %></td>
+        <td><%= humanized_cancelled_date(sub, account) %></td>
+        <td class="text-center">
+          <% if is_future_cancelled?(sub) %>
+              <%= link_to 'Reinstate', kaui_engine.reinstate_subscription_path(:id => sub.subscription_id), :method => :put, :class => 'btn btn-xs' %>
+          <% elsif !is_cancelled?(sub) %>
+              <% if can? :change_plan, Kaui::Subscription %>
                   <%= link_to 'Change', kaui_engine.edit_subscription_path(sub.subscription_id), :class => 'btn btn-xs' %>
+              <% end %>
+              <% if can? :cancel, Kaui::Subscription %>
                   <div class="btn-group">
                     <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown" href="#">
                       Cancel
                       <span class="caret"></span>
                     </a>
                     <ul class="dropdown-menu">
-                      <li><%= link_to 'Cancel (default policy)', kaui_engine.subscription_path(:id => sub.subscription_id, :policy => 'END_OF_TERM'), :method => :delete %></li>
+                      <li><%= link_to 'Cancel (default policy)', kaui_engine.subscription_path(:id => sub.subscription_id), :method => :delete %></li>
                       <li><%= link_to 'Cancel at previous CTD (no proration)', kaui_engine.subscription_path(:id => sub.subscription_id, :policy => 'IMMEDIATE', :ctd => sub.charged_through_date, :billing_period => sub.billing_period), :method => :delete %></li>
                       <li><%= link_to 'Cancel immediately (generate proration)', kaui_engine.subscription_path(:id => sub.subscription_id, :policy => 'IMMEDIATE'), :method => :delete %></li>
                       <li><%= link_to 'Cancel end of term', kaui_engine.subscription_path(:id => sub.subscription_id, :policy => 'END_OF_TERM'), :method => :delete %></li>
                     </ul>
                   </div>
-                  <% if sub.product_category == 'BASE' %>
-                      <%= link_to 'Add add-ons', kaui_engine.new_subscription_path(:params => {:bundle_id => sub.bundle_id, :base_product_name => sub.product_name, :product_category => 'ADD_ON'}), :class => 'btn btn-xs' %>
-                  <% end %>
               <% end %>
-            </td>
-          </tr>
-      <% end %>
+          <% end %>
+        </td>
+      </tr>
   <% end %>
   </tbody>
 </table>
+
+<%= javascript_tag do %>
+  $(document).ready(function() {
+    $('#subscriptions_<%= bundle.bundle_id %>').dataTable({
+      "dom": "t",
+      "paging": false,
+      "order": [[ 2, "asc" ]],
+      "columns": [
+      null,
+      null,
+      null,
+      null,
+      null,
+      { "orderable": false }
+      ]
+    });
+  });
+<% end %>

data/app/views/kaui/subscriptions/edit.html.erb

@@ -1,30 +1,10 @@
-<% @page_title = 'Edit Subscription' %>
-<%= form_for(@subscription, :url => subscription_path(@subscription.subscription_id), :html => {:method => :put, :class => 'form-horizontal'}) do |f| %>
-    <div class="control-group">
-      <%= label_tag :current_plan, 'Current plan:', :class => 'control-label' %>
-      <div class="controls">
-        <%= text_field_tag :current_plan, @current_plan, :class => 'input-xlarge disabled', :disabled => 'disabled' %>
-      </div>
-    </div>
-    <div class="control-group">
-      <%= label_tag :plan_name, 'New plan:', :class => 'control-label' %>
-      <div class="controls">
-        <%= select_tag :plan_name, options_for_select(@plans) %>
-      </div>
-    </div>
-    <div class="control-group">
-      <%= label_tag :requested_date, 'Change Date:', :class => 'control-label' %>
-      <div class="controls">
-        <%= text_field_tag :requested_date, Date.parse(Time.now.to_s).to_s, :class => 'input-xlarge date-picker' %>
-      </div>
-    </div>
-    <div class="control-group">
-      <%= label_tag :policy, 'Policy Override (leave blank for default; select an option to force plan change):', :class => 'control-label' %>
-      <div class="controls">
-        <%= select_tag :policy, options_for_select(['', 'IMMEDIATE', 'END_OF_TERM']) %>
-      </div>
-    </div>
-    <div class="form-actions">
-      <%= f.submit 'Change', :class => 'btn btn-primary' %>
-    </div>
-<% end %>
+<div class="register">
+  <div class="col-md-8 col-md-offset-2">
+
+    <div class="column-block">
+      <h1>Change subscription</h1>
+      <%= render 'edit_form' %>
+    </div>
+
+  </div>
+</div>

data/app/views/kaui/subscriptions/new.html.erb

@@ -1,12 +1,15 @@
-<div class="page-header">
-  <% if @subscription.product_category == 'ADD_ON' %>
-      <h1>Add input-group-addon subscription
-        <% if @bundle.external_key %> to <%= Kaui.bundle_key_display_string.call(@bundle.external_key) %>
-        <% end %>
-      </h1>
-  <% else %>
-      <h1>Create new base subscription to account <%= @subscription.account_id %></h1>
-  <% end %>
-</div>
+<div class="register">
+  <div class="col-md-8 col-md-offset-2">
+
+    <div class="column-block">
+      <% if @subscription.product_category == 'ADD_ON' %>
+          <h1>Add new add-on</h1>
+      <% else %>
+          <h1>Add new base subscription</h1>
+      <% end %>
 
-<%= render 'form' %>
+      <%= render 'form' %>
+    </div>
+
+  </div>
+</div>

data/app/views/kaui/tag_definitions/_form.html.erb

@@ -1,18 +1,21 @@
-<%= form_for(@tag_definition) do |f| %>
+<%= form_for @tag_definition, :html => {:class => 'form-horizontal'} do |f| %>
     <%= f.hidden_field :id %>
-    <div class='control-group'>
-      <%= f.label :name, 'Name:', :class => 'control-label' %>
-      <div class='controls'>
-        <%= f.text_field :name %>
+
+    <div class='form-group'>
+      <%= f.label :name, 'Name', :class => 'col-sm-2 control-label' %>
+      <div class='col-sm-10'>
+        <%= f.text_field :name, :class => 'form-control' %>
       </div>
     </div>
-    <div class='control-group'>
-      <%= f.label :description, 'Description:', :class => 'control-label' %>
-      <div class='controls'>
-        <%= f.text_field :description, :class => 'input-xxlarge' %>
+    <div class='form-group'>
+      <%= f.label :description, 'Description', :class => 'col-sm-2 control-label' %>
+      <div class='col-sm-10'>
+        <%= f.text_field :description, :class => 'form-control' %>
       </div>
     </div>
-    <div class='form-actions'>
-      <%= f.submit 'Create', :class => 'btn btn-primary' %>
+    <div class="form-group">
+      <div class="col-sm-offset-2 col-sm-10">
+        <%= submit_tag 'Save', :class => 'btn btn-default' %>
+      </div>
     </div>
 <% end %>

data/app/views/kaui/tag_definitions/index.html.erb

@@ -1,34 +1,60 @@
-<h3 class="pageHeader">Tag Definitions: <%= link_to 'New Tag Definition', kaui_engine.new_tag_definition_path %></h3>
+<div class="search">
 
-<table id='invoice_table' class='table table-condensed data-table'>
-  <thead>
-    <tr>
-      <th style='width: 30%'>Id</th>
-      <th style='width: 20%'>Name</th>
-      <th style='width: 20%'>Description</th>
-      <th style='width: 5%'>System tag?</th>
-      <th style='width: 15%'>Applicable types</th>
-      <th style='width: 5%'></th>
-      <th style='width: 5%'></th>
-    </tr>
-  </thead>
-  <tbody>
-    <% @tag_definitions.each do |tag_definition| %>
+  <div class="column-block">
+
+    <h1>Tag Definitions
+      <% if can? :create_tag_definition, Kaui::Tag %>
+          <%= link_to '&nbsp;<i class="fa fa-plus-square"></i>'.html_safe, kaui_engine.new_tag_definition_path %>
+      <% end %>
+    </h1>
+
+    <table id='tag_definitions-table' class='table table-condensed mobile-data'>
+      <thead>
       <tr>
-        <td><%= truncate_uuid(tag_definition.id) %></td>
-        <td><%= tag_definition.name %></td>
-        <td><%= tag_definition.description %></td>
-        <td><%= tag_definition.is_system_tag? %></td>
-        <td><%= !tag_definition.is_system_tag? ? 'Any' : tag_definition.applicable_object_types.join(', ') %></td>
-        <td><%= link_to 'Show', kaui_engine.tag_definition_path(tag_definition.id) %></td>
-        <td>
-          <% unless tag_definition.is_system_tag? %>
-            <%= link_to 'Destroy', kaui_engine.tag_definition_path(tag_definition.id), :confirm => 'Are you sure?', :method => :delete %>
-          <% end %>
-        </td>
+        <th>Id</th>
+        <th>Name</th>
+        <th>Description</th>
+        <th>System tag?</th>
+        <th>Applicable types</th>
+        <th></th>
       </tr>
-    <% end %>
-  </tbody>
-</table>
+      </thead>
+      <tbody>
+      <% @tag_definitions.each do |tag_definition| %>
+          <tr>
+            <td><%= truncate_uuid(tag_definition.id) %></td>
+            <td><%= tag_definition.name %></td>
+            <td><%= tag_definition.description %></td>
+            <td><%= tag_definition.is_system_tag? %></td>
+            <td><%= tag_definition.pretty_applicable_object_types %></td>
+            <td>
+              <% unless tag_definition.is_system_tag? %>
+                  <%= link_to 'Destroy', kaui_engine.tag_definition_path(tag_definition.id), :confirm => 'Are you sure?', :method => :delete %>
+              <% end %>
+            </td>
+          </tr>
+      <% end %>
+      </tbody>
+    </table>
+
+  </div>
+
+</div>
 
-<br />
+<%= javascript_tag do %>
+$(document).ready(function() {
+  $('#tag_definitions-table').dataTable({
+    "dom": "t",
+    "paging": "false",
+    "order": [],
+    "columns": [
+    null,
+    null,
+    null,
+    null,
+    null,
+    { "orderable": false }
+    ]
+  });
+});
+<% end %>

data/app/views/kaui/tag_definitions/new.html.erb

@@ -1,3 +1,10 @@
-<h1>New tag definition</h1>
+<div class="register">
+  <div class="col-md-8 col-md-offset-2">
 
-<%= render 'form' %>
+    <div class="column-block">
+      <h1>Add new tag definition</h1>
+      <%= render 'form' %>
+    </div>
+
+  </div>
+</div>

data/app/views/kaui/tags/_tags_table.html.erb

@@ -1,13 +1,10 @@
-<dt>Tags:</dt>
-<dd>
-  <% if tags.present? %>
+<% if can? :add, Kaui::Tag or can? :remove, Kaui::Tag %>
+    <%= link_to 'Add/Remove', tags_url_or_path, :class => 'btn btn-xs' %>
+<% end %>
+<% if tags.present? %>
     <% tags.each_with_index do |tag, idx| %>
-      <span><%= tag.tag_definition_name %><% if idx < tags.length - 1 %>, <% end %></span>
+        <span><%= tag.tag_definition_name %>
+          <% if idx < tags.length - 1 %>, <% end %></span>
     <% end %>
     <br/>
-  <% end %>
-  <% if can? :add, Kaui::Tag or can? :remove, Kaui::Tag %>
-    <%= link_to 'Add/Remove', tags_url_or_path, :class => 'btn btn-xs' %>
-  <% end %>
-  <%= link_to 'Tags Audit', tags_show_path, :class => 'btn btn-xs' %>
-</dd>
+<% end %>

data/app/views/kaui/tags/index.html.erb

@@ -1,28 +1,37 @@
-<h3 class="pageHeader">Tags</h3>
+<div class="search">
 
-<table id="tags-table" class="table table-condensed">
-  <thead>
-    <tr>
-      <th>Tag ID</th>
-      <th>Object type</th>
-      <th>Tag definition name</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td colspan="1" class="dataTables_empty">Loading data from server</td>
-    </tr>
-  </tbody>
-</table>
+  <div class="column-block">
+
+    <h1>Tags</h1>
+
+    <table id="tags-table" class="table table-condensed mobile-data">
+      <thead>
+      <tr>
+        <th>Tag ID</th>
+        <th>Object ID</th>
+        <th>Object type</th>
+        <th>Tag definition name</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+        <td colspan="1" class="dataTables_empty">Loading data from server</td>
+      </tr>
+      </tbody>
+    </table>
+
+  </div>
+
+</div>
 
 <%= javascript_tag do %>
 $(document).ready(function() {
   $('#tags-table').dataTable({
-    "sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",
-    "sPaginationType": "simple_numbers",
-    "bProcessing": true,
-    "bServerSide": true,
-    "sAjaxSource": "<%= tags_pagination_path :format => :json %>"
+    "dom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>",
+    "pagingType": "full_numbers",
+    "processing": true,
+    "serverSide": true,
+    "ajax": "<%= tags_pagination_path :format => :json %>"
   });
 });
 <% end %>

data/app/views/kaui/tenants/_form.html.erb

@@ -0,0 +1,13 @@
+<%= form_for :tenants, :url => {:action => :select_tenant}, :html => {:class => 'form-horizontal'} do |f| %>
+    <div class="form-group">
+      <%= label_tag :tenant_name, 'Tenant', :class => 'col-sm-2 control-label' %>
+      <div class="col-sm-10">
+        <%= select_tag :kb_tenant_id, options_for_select(@tenants.map { |t| [t.name || t.api_key, t.kb_tenant_id] }), :class => 'form-control' %>
+      </div>
+    </div>
+    <div class="form-group">
+      <div class="col-sm-offset-2 col-sm-10">
+        <%= f.submit 'Save', :class => 'btn btn-default' %>
+      </div>
+    </div>
+<% end %>

data/app/views/kaui/tenants/index.html.erb

@@ -1,17 +1,10 @@
-<% unless @tenants.empty? %>
-    <%= form_for(:tenants, :url => {:action => :select_tenant}, :html => {:method => :post, :class => "form-horizontal"}) do |f| %>
-        <fieldset>
-          <div class="control-group">
-            <%= label_tag :tenant_name, "Available Tenants:", :class => "control-label" %>
-            <div class="controls">
-              <%= select_tag :kb_tenant_id, options_for_select(@tenants.map { |t| [t.name, t.kb_tenant_id] }) %>
-            </div>
-          </div>
-          <div class="form-actions">
-            <%= f.submit 'Chose Tenant', :class => 'btn btn-primary' %>
-            <%= link_to 'Back', :back, :class => 'btn' %>
-          </div>
+<div class="register">
+  <div class="col-md-8 col-md-offset-2">
 
-        </fieldset>
-    <% end %>
-<% end %>
+    <div class="column-block">
+      <h1>Choose tenant</h1>
+      <%= render 'form' %>
+    </div>
+
+  </div>
+</div>

data/app/views/kaui/transactions/_form.html.erb

@@ -1,77 +1,57 @@
-<%= form_for(@transaction) do |f| %>
-    <fieldset>
-      <% if @account_id.present? %>
-          <div class="control-group">
-            <%= label_tag :account_id, 'Account id:', :class => 'control-label' %>
-            <div class="controls">
-              <%= text_field_tag :account_id, @account_id, :class => 'input-xlarge disabled', :readonly => true %>
-            </div>
-          </div>
-      <% end %>
-      <% if @payment_method_id.present? %>
-          <div class="control-group">
-            <%= label_tag :payment_method_id, 'Payment method id:', :class => 'control-label' %>
-            <div class="controls">
-              <%= text_field_tag :payment_method_id, @payment_method_id, :class => 'input-xlarge disabled', :readonly => true %>
-            </div>
-          </div>
-      <% end %>
-      <% if @transaction.payment_id.present? %>
-          <div class="control-group">
-            <%= f.label :payment_id, 'Payment id:', :class => 'control-label' %>
-            <div class="controls">
-              <%= f.text_field :payment_id, :class => 'input-xlarge disabled', :readonly => true %>
-            </div>
-          </div>
-      <% end %>
-      <div class="control-group">
-        <%= f.label :transaction_type, 'Transaction type', :class => 'control-label' %>
-        <div class="controls">
-          <%= f.select :transaction_type, %w(AUTHORIZE CAPTURE CHARGEBACK CREDIT PURCHASE REFUND VOID), {}, :class => 'input-medium' %>
-        </div>
+<%= form_for @transaction, :url => {:action => :create}, :html => {:class => 'form-horizontal'} do |f| %>
+    <%= f.hidden_field :payment_id %>
+    <%= hidden_field_tag :account_id, @account_id %>
+    <%= hidden_field_tag :payment_method_id, @payment_method_id %>
+
+    <div class="form-group">
+      <%= f.label :transaction_type, 'Transaction type', :class => 'col-sm-3 control-label' %>
+      <div class="col-sm-9">
+        <%= f.select :transaction_type, %w(AUTHORIZE CAPTURE CHARGEBACK CREDIT PURCHASE REFUND VOID), {}, :class => 'form-control' %>
       </div>
-      <% unless @transaction.transaction_type == 'VOID' %>
-          <div class="control-group">
-            <%= f.label :amount, 'Amount', :class => 'control-label' %>
-            <div class="controls">
-              <%= f.text_field :amount, :id => 'amount', :class => 'input-sm' %>
-            </div>
+    </div>
+    <% unless @transaction.transaction_type == 'VOID' %>
+        <div class="form-group">
+          <%= f.label :amount, 'Amount', :class => 'col-sm-3 control-label' %>
+          <div class="col-sm-9">
+            <%= f.text_field :amount, :id => 'charge_amount', :class => 'form-control' %>
           </div>
-          <div class="control-group">
-            <%= f.label :currency, 'Currency', :class => 'control-label' %>
-            <div class="controls">
-              <%= f.select :currency, currencies, {}, :class => 'input-sm' %>
-            </div>
+        </div>
+        <div class="form-group">
+          <%= f.label :currency, 'Currency', :class => 'col-sm-3 control-label' %>
+          <div class="col-sm-9">
+            <%= f.select :currency, currencies, {}, :class => 'form-control' %>
           </div>
-      <% end %>
-      <% unless @transaction.payment_id.present? %>
-          <div class="control-group">
-            <%= f.label :payment_external_key, 'Payment external key', :class => 'control-label' %>
-            <div class="controls">
-              <%= f.text_field :payment_external_key, :class => 'input-medium' %>
-            </div>
+        </div>
+    <% end %>
+    <% unless @transaction.payment_id.present? %>
+        <div class="form-group">
+          <%= f.label :payment_external_key, 'Payment key', :class => 'col-sm-3 control-label' %>
+          <div class="col-sm-9">
+            <%= f.text_field :payment_external_key, :class => 'form-control' %>
           </div>
-      <% end %>
-      <div class="control-group">
-        <%= f.label :transaction_external_key, 'Transaction external key', :class => 'control-label' %>
-        <div class="controls">
-          <%= f.text_field :transaction_external_key, :class => 'input-medium' %>
         </div>
+    <% end %>
+    <div class="form-group">
+      <%= f.label :transaction_external_key, 'Transaction key', :class => 'col-sm-3 control-label' %>
+      <div class="col-sm-9">
+        <%= f.text_field :transaction_external_key, :class => 'form-control' %>
       </div>
-      <div class="control-group">
-        <%= label_tag :reason, 'Reason', :class => 'control-label' %>
-        <div class="controls">
-          <%= select_tag :reason, options_for_select(Kaui::Payment::SAMPLE_REASON_CODES) %>
-        </div>
+    </div>
+    <div class="form-group">
+      <%= label_tag :reason, 'Reason', :class => 'col-sm-3 control-label' %>
+      <div class="col-sm-9">
+        <%= select_tag :reason, options_for_select(Kaui::Payment::SAMPLE_REASON_CODES), :class => 'form-control' %>
       </div>
-      <div class="control-group">
-        <%= label_tag :comment, 'Comment', :class => 'control-label' %>
-        <div class="controls">
-          <%= text_area_tag :comment, '', :rows => 3, :class => 'input-xlarge' %>
-        </div>
+    </div>
+    <div class="form-group">
+      <%= label_tag :comment, 'Comment', :class => 'col-sm-3 control-label' %>
+      <div class="col-sm-9">
+        <%= text_area_tag :comment, nil, :rows => 3, :class => 'form-control' %>
       </div>
-      <div class='form-actions'>
-        <%= f.submit 'Create', :class => 'btn btn-primary' %>
+    </div>
+    <div class="form-group">
+      <div class="col-sm-offset-3 col-sm-9">
+        <%= submit_tag 'Save', :class => 'btn btn-default' %>
       </div>
-    </fieldset>
+    </div>
 <% end %>

data/app/views/kaui/transactions/new.html.erb

@@ -1,3 +1,10 @@
-<h1>New transaction</h1>
+<div class="register">
+  <div class="col-md-8 col-md-offset-2">
 
-<%= render 'form' %>
+    <div class="column-block">
+      <h1>Process transaction</h1>
+      <%= render 'form' %>
+    </div>
+
+  </div>
+</div>