app/views/products/new.html.erb
<section class="content-header">
</section>
<section class="content">
<div class='row'>
<div class='col-md-8 col-xs-12'>
<div class="box">
<%= form_for @product do |f| %>
<div class="box-header">
<h3 class="box-title">New Product</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<%= link_to "Cancel",products_path, class: "btn btn-danger" %>
</div>
<%= f.submit "Create", class: "btn btn-primary" %>
</div>
</div>
<div class="box-body">
<div class="form-group">
<%= f.label :title %>
<%= f.text_field :title, class: "form-control"%>
</div>
<div class='row'>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :price %>
<%= f.number_field :price, class: "form-control"%>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :cost %>
<%= f.text_field :cost, class: "form-control"%>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :selling_policy, "Sold by" %>
<%= f.select :selling_policy, selling_policy_options, {}, class: "form-control"%>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :barcode %>
<%= f.text_field :barcode, class: "form-control"%>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :sku, "SKU" %>
<%= f.text_field :sku, class: "form-control"%>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<div class='checkbox'>
<label>
<%= f.check_box(:open_price) %> Open Price
<i class='help-block'> Check this to indicate price upon sale </i>
</label>
</div>
</div>
</div>
<div class='col-md-6'>
<div class="form-group">
<%= f.label :category_ids, "Categories" %>
<%= f.select :category_ids, category_options, {}, multiple: 'multiple',
class: 'form-control', data: { placeholder: 'Select Category' }
%>
</div>
</div>
</div>
</div>
<% end %>
</div>
</div>
</div>
<script>
function formatCategory(category) {
if (!category.id) {
return category.text;
}
var c = $(category.element)
var $category = $(
'<h4 class="text-bold">' + c.html() + '</h4>' +
'<div>' + c.data().directory + '</div>'
);
return $category;
};
$("#product_category_ids").select2({
templateResult: formatCategory
});
</script>
</section>