[bsc-contracts] Views, css and js

(ActionItem2079)

[bsc-contracts] Views, css and js
(ActionItem2079)
Rodrigo Souto
1 parent 8fabfb85
Showing 14 changed files with 487 additions and 73 deletions Show diff stats
plugins/bsc/public/contracts.js
plugins/bsc/public/datepicker.js
plugins/bsc/public/jquery.ui.spinner
plugins/bsc/public/spinner.js
plugins/bsc/public/style.css
plugins/bsc/public/validation.js
plugins/bsc/views/bsc_plugin_environment/validate_enterprises.html.erb
plugins/bsc/views/bsc_plugin_myprofile/_contract_form.html.erb
plugins/bsc/views/bsc_plugin_myprofile/edit_contract.html.erb
plugins/bsc/views/bsc_plugin_myprofile/manage_associated_enterprises.html.erb
plugins/bsc/views/bsc_plugin_myprofile/manage_contracts.html.erb
plugins/bsc/views/bsc_plugin_myprofile/new_contract.html.erb
plugins/bsc/views/bsc_plugin_myprofile/transfer_ownership.html.erb
plugins/bsc/views/bsc_plugin_myprofile/view_contract.html.erb
@@ -0,0 +1,86 @@
+var BSCContracts = {};
+
+(function($){
+  BSCContracts.onDelete = function(item){
+    $('.token-input-dropdown').hide();
+    $('#bsc-plugin-row-'+item.sale_id.toString()).remove();
+    BSCContracts.updateTotal();
+  };
+    
+  BSCContracts.onAdd = function(item){
+    var quantity = $('#bsc-plugin-sale-'+item.sale_id.toString()+'-quantity');
+    var price = $('#bsc-plugin-sale-'+item.sale_id.toString()+'-price');
+    quantity.addClass('required');
+    price.addClass('required');
+    quantity.val(1);
+    price.val(item.product_price);
+    BSCContracts.updateTotal();
+  };
+
+  BSCContracts.newID = function(){
+    if ( !this.idNum ) this.idNum = 0;
+    return this.idNum++;
+  };
+
+  BSCContracts.newProductLine = function(item){
+    var id = this.newID();
+    var tr = $('<tr class="bsc-plugin-sales-product" id="bsc-plugin-row-'+id+'"></tr>');
+    var tds = $('<td></td><td></td><td>'+this.currencyUnit+'</td>').appendTo(tr);
+    var input = $('<input name="sales['+id+'][product_id]" class="search-product-field"/>').appendTo(tds[0]);
+    var searchUrl = this.searchUrl
+                        .replace('ENTERPRISES', $('#involved-enterprises').val())
+                        .replace('SALE_ID', id)
+                        .replace('ADDED_PRODUCTS', $.map($('.search-product-field'), function(item){return item.value}).join(',')); 
+    var prePopulation = [];
+    var quantity = '';
+    var price = '';
+    var required = '';
+    if(item) {
+      item.sale_id = id;
+      prePopulation = [item];
+      quantity = item.quantity;
+      price = item.product_price;
+      required = 'required';
+    }
+    var opts = $.extend( { prePopulate: prePopulation, queryParam: input[0].name }, this.tokenInputOptions );
+
+    input.keydown(function(event){ if(event.keyCode == '13') return false })
+         .tokenInput(searchUrl, opts);
+    $('#bsc-plugin-contract-total-row').before(tr);
+    $('<input id="bsc-plugin-sale-'+id+'-quantity" class="bsc-plugin-sales-quantity '+required+' digits" name="sales['+id+'][quantity]" align="center" size="7" value="'+quantity+'"/>').appendTo(tds[1]);
+    $('<input id="bsc-plugin-sale-'+id+'-price" class="bsc-plugin-sales-price '+required+' number" name="sales['+id+'][price]" value="'+price+'"/>').appendTo(tds[2]);
+  };
+
+  BSCContracts.prePopulate = function(items){
+    $(items).each(function(index, item){BSCContracts.newProductLine(item)});
+  }
+
+  BSCContracts.updateTotal = function(){
+    var total = 0;
+    var quantity = 0;
+    var price = 0;
+    $('.bsc-plugin-sales-product').each(function(index){
+        quantity = $('#' + $(this).attr('id') + " .bsc-plugin-sales-quantity").val();
+        price = $('#'+$(this).attr('id') + " .bsc-plugin-sales-price").val();
+        total += quantity*price;
+    });
+    $('#bsc-plugin-sales-total-value').text(BSCContracts.currencyUnit+' '+total);
+  }
+  
+  $(".bsc-plugin-sales-price, .bsc-plugin-sales-quantity").live('change', function(e){
+    BSCContracts.updateTotal();
+  });
+  
+  $("#bsc-plugin-add-new-product").click(function(){
+    var last = $('.search-product-field:last');
+    if(!last.val() && last.size() != 0){
+      last.focus();
+      return false;
+    }
+    var next_id = parseInt(last.attr('data-sale-id'))+1;
+    var enterprises = $('#involved-enterprises').val().replace(/,/g,'-');
+    BSCContracts.newProductLine();
+    return false;
+  });
+
+})(jQuery);
@@ -0,0 +1,14 @@
+var dates = jQuery( "#from, #to" ).datepicker({
+  defaultDate: "+1w",
+  changeMonth: true,
+  dateFormat: 'yy-mm-dd',
+  onSelect: function( selectedDate ) {
+    var option = this.id == "from" ? "minDate" : "maxDate",
+    instance = jQuery( this ).data( "datepicker" ),
+    date = jQuery.datepicker.parseDate(
+       instance.settings.dateFormat ||
+       jQuery.datepicker._defaults.dateFormat,
+       selectedDate, instance.settings );
+    dates.not( this ).datepicker( "option", option, date );
+  }
+});
@@ -0,0 +1 @@
+Subproject commit bd879003043b4a93b78cbd4a582b6e0650900bcb
@@ -0,0 +1,5 @@
+jQuery('#bsc-plugin-contract-spinner').spinner({
+  min: 0,
+  increment: 'fast',
+  mouseWheel: true,
+});
+@import url(jquery.ui.spinner/ui.spinner.css);
+
 .controller-profile_editor a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.png)}
 .controller-profile_editor .msie6 a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.gif)}
 .controller-profile_editor a.control-panel-transfer-enterprise-ownership {background-image: url(images/transfer-ownership.png)}
+.ui-spinner-up{
+  height: 6.5px !important;
+}
+
+.ui-spinner-down{
+  height: 8.5px !important;
+}
+
+.ui-icon-triangle-1-n {
+  margin-top: -4px !important;
+}
+
+.ui-icon-triangle-1-s {
+  margin-left: -1px !important;
+  margin-top: -3.5px !important;
+}
+
 .icon-menu-bsc {
   background-image: url(images/manage-bsc-enterprises-icon.png);
 }
@@ -10,3 +29,154 @@
 #content .token-input-list {
   margin-bottom: 30px;
 }
+
+#bsc-plugin-sorter {
+  text-align: right;
+  margin: 3px 0px;
+}
+
+#bsc-plugin-sales-table th,
+#bsc-plugin-sales-table td {
+  border: 1px solid #000;
+  border-collapse: collapse;
+  padding: 0px
+}
+
+#content #bsc-plugin-sales-table td .token-input-list{
+  margin-bottom: 0px;
+}
+
+#bsc-plugin-sales-table {
+  border: 1px solid #000;
+  border-collapse: collapse;
+}
+
+#bsc-plugin-sales-table th {
+  background-color: #cdcdcd;
+  padding: 0px 10px;
+}
+
+.alternate-colors tr:nth-child(odd),
+.alternate-colors tr:nth-child(odd):hover td {
+  background-color: #f4f4f4;
+}
+
+.alternate-colors tr:nth-child(even),
+.alternate-colors tr:nth-child(even):hover td {
+  background-color: #fff;
+}
+
+#bsc-plugin-sales-table input.error{
+  background-color: #F8DBDD;
+  border: 1px solid #f5697c;
+  margin-left: 2px;
+}
+
+.bsc-plugin-sales-price {
+  width: 85%;
+}
+
+.bsc-plugin-sales-products-column {
+  width: 70%;
+}
+
+.bsc-plugin-sales-quantity-column {
+  width: 10%;
+  text-align: center;
+}
+
+.bsc-plugin-sales-price-column {
+  width: 18%;
+}
+
+#bsc-plugin-sales-add-new-row {
+  padding: 0px 10px;
+}
+
+#bsc-plugin-manage-contracts-table a {
+  color: #555753;
+}
+
+#bsc-plugin-manage-contracts-table {
+  border:none;
+}
+#bsc-plugin-manage-contracts-table td {
+  padding: 5px 10px;
+}
+
+#bsc-plugin-manage-contracts-table td.links {
+  text-align: right;
+}
+
+#bsc-plugin-contracts-filter {
+  float: left;
+  width: 20%;
+  height: 100%;
+}
+
+
+#bsc-plugin-contracts-results {
+  float: left;
+  width: 80%;
+}
+
+#bsc-plugin-contract-total-string,
+#bsc-plugin-contract-total {
+  text-align: right;
+}
+
+.bsc-fields-table {
+  border: collapse;
+  width: 49%;
+}
+
+.bsc-fields-table th{
+  font-size: 14px;
+  padding: 0px;
+}
+
+.bsc-fields-table td {
+  border: none;
+  padding: 0px;
+}
+
+.bsc-fields-table tr:hover td {
+  background-color: transparent;
+}
+
+.bsc-field-label {
+  font-weight: bold;
+}
+
+.bsc-full-table {
+  margin: 3px 0px;
+}
+
+.bsc-plugin-view-contract {
+  margin-top: 10px;
+}
+
+.bsc-plugin-view-contract td {
+  padding: 2px 10px !important;
+}
+
+.bsc-plugin-total {
+  font-weight: bold;
+}
+
+.bsc-plugin-annotation {
+  background-color: #eeeeec;
+  margin: 10px 0px;
+  padding: 5px 10px;
+  border-radius: 5px;
+}
+
+.bsc-plugin-annotation-title {
+  font-weight: bold;
+  font-size: 15px;
+  margin-bottom: 5px;
+}
+
+.bsc-plugin-annotation-content {
+  font-style: italic;
+}
@@ -0,0 +1,4 @@
+jQuery("#bsc-plugin-sales-form").validate({
+  errorPlacement: function(error, element){element.attr('title', error.text())}
+});
+
 <h1><%= _('Validate enterprises') %></h1>
 <% form_tag :action => 'save_validations' do %>
-  <%= text_field_tag(:q, nil, :id => 'search-enterprises') %>
+  <%= token_input_field_tag(:q, 'search-enterprises', {:action => 'search_enterprise'}, 
+                              { :hint_text => _('Type in a search term for enterprise'),
+                                :focus => true }) %>
   <% button_bar do %>
     <%= submit_button('save', _('Save'))%>
     <%= button('cancel', _('Cancel'), {:controller => 'admin_panel'})%>
   <% end %>
 <% end %>
-
-<%= javascript_include_tag '/plugins/bsc/jquery_tokeninput/src/jquery.tokeninput.js' %>
-<% stylesheet('/plugins/bsc/jquery_tokeninput/styles/token-input.css') %>
-<% search_url = url_for(:action => 'search_enterprise') %>
-<script type="text/javascript">
-  jQuery("#search-enterprises")
-  .tokenInput("<%= search_url %>", {
-    hintText: <%= _('Type in a search term for enterprise').to_json %>,
-    noResultsText: <%= _('No results').to_json %>,
-    searchingText: <%= _('Searching...').to_json %>,
-    searchDelay: 500,
-    backspaceDeleteItem: false
-  })
-  .focus();
-
-  jQuery("#token-input-search-enterprises")
-  .live("keydown", function(event){
-    if(event.keyCode == "13") return false;
-  });
-</script>
-
@@ -0,0 +1,83 @@
+<%= error_messages_for :contract %>
+
+<% labelled_form_for :contract, @contract, :html => {:id => 'bsc-plugin-sales-form'} do |f| %>
+  <%= hidden_field_tag :contract_id, @contract.id %>
+  <%= required f.text_field(:client_name) %>
+  <%= labelled_form_field(_('Client type'), f.select(:client_type, BscPlugin::Contract::ClientType.types.map{|type| [BscPlugin::Contract::ClientType.names[type], type]}))%>
+  <%= labelled_form_field(_('Business type'), f.select(:business_type, BscPlugin::Contract::BusinessType.types.map{|type| [BscPlugin::Contract::BusinessType.names[type], type]}))%>
+  <%= f.text_field(:state) %>
+  <%= f.text_field(:city) %>
+  <%= labelled_form_field(_('Status'), f.select(:status, BscPlugin::Contract::Status.types.
+        map { |s| [BscPlugin::Contract::Status.names[s], s] })) %>
+  <%= f.text_field(:number_of_producers, :size => 8, :id => 'bsc-plugin-contract-spinner') %>
+  <%= _('Empreendimentos')+':' %>
+
+  <% search_action = {:action => 'search_contract_enterprises', :profile => profile.identifier} %>
+  <%= token_input_field_tag(:enterprises, 'involved-enterprises', search_action, 
+                            { :pre_populate => @contract.enterprises_to_token_input,
+                              :hint_text => _('Type in serach term for enterprise') }) %>
+
+  <table id="bsc-plugin-sales-table" class="alternate-colors">
+    <tr>
+      <th class="bsc-plugin-sales-products-column"><%= _('Products') %></th>
+      <th class="bsc-plugin-sales-quantity-column" ><%= _('Quantity') %></th>
+      <th class="bsc-plugin-sales-price-column" ><%= _('Unit price') %></th>
+    </tr>
+    <tr id='bsc-plugin-contract-total-row'>
+      <td id="bsc-plugin-contract-total-string" colspan="2" ><strong><%= _('Total')%></strong></td>
+      <td id="bsc-plugin-contract-total"><strong id='bsc-plugin-sales-total-value'><%= float_to_currency(@contract.total_price)%></strong></td>
+    </tr>
+    <tr>
+      <td colspan="3" class="bsc-plugin-sales-add-new-row"><%= link_to(_('Add new product'), {}, :id => 'bsc-plugin-add-new-product', 'data-bsc' => profile.identifier) %></td>
+    </tr>
+  </table>
+
+  <%= labelled_form_field( _('Supply period'), 
+    text_field_tag('contract[supply_start]', (@contract.supply_start ? @contract.supply_start.strftime("%Y-%m-%d") : nil), :id => 'from', :size => 9) + 
+    _(' to ') +
+    text_field_tag('contract[supply_end]', (@contract.supply_end ? @contract.supply_end.strftime("%Y-%m-%d") : nil), :id => 'to', :size => 9) )
+  %>
+
+  <%= f.text_area(:annotations, :rows => 5, :cols => 68) %>
+  <% button_bar do%>
+    <%= submit_button(:save, _('Save'), :cancel => {:action => 'manage_contracts'})%>
+  <% end %>
+<% end %>
+
+<% scripts = %w{/plugins/bsc/jquery.ui.spinner/ui.spinner.js
+                /plugins/bsc/contracts /plugins/bsc/datepicker
+                /plugins/bsc/spinner} %>
+<% scripts.each do |script|%>
+  <%= javascript_include_tag script %>
+<% end %>
+
+<script>
+  BSCContracts.tokenInputOptions = {
+    minChars: 3,
+    hintText: <%= _('Type in a search term for product').to_json %>,
+    noResultsText: <%= _("No results").to_json %>,
+    searchingText: <%= _("Searching...").to_json %>,
+    searchDelay: 1000,
+    preventDuplicates: true,
+    backspaceDeleteItem: false,
+    tokenLimit: 1,
+    onDelete: BSCContracts.onDelete,
+    onAdd: BSCContracts.onAdd
+  };
+  BSCContracts.searchUrl = <%= url_for(
+    :action => 'search_sale_product', 
+    :profile => profile.identifier, 
+    :enterprises => 'ENTERPRISES', 
+    :sale_id => 'SALE_ID',
+    :added_products => 'ADDED_PRODUCTS',
+    :escape => true).to_json %>.replace(/amp;/g,"");
+  BSCContracts.currencyUnit = <%= profile.environment.currency_unit.to_json %>;
+  BSCContracts.prePopulate( <%= @contract.sales.map{|sale| {
+    :id => sale.product_id,
+    :name => short_text(product_display_name(sale.product), 60),
+    :product_price => sale.price || sale.product.price || 0,
+    :quantity => sale.quantity}}.to_json
+  %>);
+</script>
+
+<%= javascript_include_tag '/plugins/bsc/validation' %>
@@ -0,0 +1,3 @@
+<h1><%= _("New contract") %></h1>
+<%= render :partial => 'contract_form', :locals => {:url => {:action => 'update_contract'}}%>
+
@@ -10,7 +10,11 @@
 <% end %>
 <% form_tag :action => 'save_associations' do %>
-  <%= text_field_tag(:q, nil, :id => 'search-enterprises') %>
+  <% search_action = {:action => 'search_enterprise', :profile => profile.identifier} %>
+  <%= token_input_field_tag(:q, 'search-enterprises', search_action, 
+                            { :pre_populate => profile.enterprises_to_token_input,
+                              :hint_text => _('Type in a search term for enterprise'),
+                              :focus => true }) %>
   <%= button('add', _('Add new enterprise'), {:action => 'create_enterprise'}) %>
@@ -20,24 +24,3 @@
   <% end %>
 <% end %>
-<%= javascript_include_tag '/plugins/bsc/jquery_tokeninput/src/jquery.tokeninput.js' %>
-<% stylesheet('/plugins/bsc/jquery_tokeninput/styles/token-input.css') %>
-<% search_url = url_for(:action => 'search_enterprise', :profile => profile.identifier) %>
-<script type="text/javascript">
-  jQuery("#search-enterprises")
-  .tokenInput("<%= search_url %>", {
-    minChars: 3,
-    prePopulate: <%= profile.enterprises_to_json %>,
-    hintText: <%= _('Type in a search term for enterprise').to_json %>,
-    noResultsText: <%= _('No results').to_json %>,
-    searchingText: <%= _('Searching...').to_json %>,
-    searchDelay: 500,
-    backspaceDeleteItem: false
-  })
-  .focus();
-
-  jQuery("#token-input-search-enterprises")
-  .live("keydown", function(event){
-    if(event.keyCode == "13") return false;
-  });
-</script>
@@ -0,0 +1,49 @@
+<h1><%= _('Manage contracts') %></h1>
+
+<% form_tag({}, {:id => "bsc-plugin-contracts-form"}) do %>
+  <div id="bsc-plugin-contracts-filter">
+    <h2><%= _('Status') %></h2>
+    <% BscPlugin::Contract::Status.types.each do |status| %>
+      <%= check_box_tag('status[]', status, @status.include?(status.to_s), :id => 'status-checkbox-'+status.to_s) %>
+      <%= content_tag('label', BscPlugin::Contract::Status.names[status], :for => 'status-checkbox-'+status.to_s) %>
+      <br style="clear:both" />
+    <% end %>
+    <br style="clear:both" />
+    <%= submit_button(:save, _('Filter')) %>
+  </div>
+
+  <div id='bsc-plugin-contracts-results'>
+    <div id="bsc-plugin-sorter">
+      <%= labelled_select(_('Sort by')+' ', :sorting, :first, :last, @sorting, 
+        [['created_at asc', _('Date(newest first)')], ['created_at desc', _('Date(oldest first)')],
+         ['client_name asc', _('Client name(A-Z)')], ['client_name desc', _('Client name(Z-A)')]],
+        :onchange => "jQuery('#bsc-plugin-contracts-form').submit()") %>
+    </div>
+    
+    <% if @contracts.blank? %>
+      <%= content_tag('em', _('There are no contracts at all.'))%>
+    <% else %>
+      <table id="bsc-plugin-manage-contracts-table" class="alternate-colors">
+        <% @contracts.each do |contract| %>
+          <tr>
+            <td>
+              <%= link_to(content_tag('b', contract.client_name ), :action => 'view_contract', :contract_id => contract.id) %> <br />
+              <%= content_tag('i', show_date(contract.created_at)) %>
+            </td>
+            <td class="links">
+              <%= link_to(_('Edit'), :action => 'edit_contract', :contract_id => contract.id)%>
+              <%= link_to(_('Remove'), {:action => 'destroy_contract', :contract_id => contract.id}, :confirm => _('Are you sure?'))%>
+            </td>
+          </tr>
+        <% end %>
+      </table>
+      <%= pagination_links @contracts %>
+    <% end %>
+    
+    <% button_bar do %>
+      <%= button(:back, _('Go back'), :controller => 'profile_editor') %>
+      <%= button(:new, _('Create new contract'), :action => 'new_contract')%>
+    <% end %>
+  </div>
+<% end %>
+<br style="clear:both" />
@@ -0,0 +1,2 @@
+<h1><%= _("New contract") %></h1>
+<%= render :partial => 'contract_form.html.erb', :locals => {:url => {:action => 'create_contract'}}%>
@@ -13,10 +13,16 @@
   </ul>
 <% end %>
+
 <% form_tag do %>
   <% @roles.each do |role|%>
     <%= content_tag('b', _('Administrator:')) %>
-    <%= text_field_tag('q_'+role.key, nil, :id => 'search_'+role.key) %>
+    <% search_action = {:controller => 'profile_members', :action => 'search_user', :role => role.id, :profile => profile.identifier} %>
+    <%= token_input_field_tag('q_'+role.key, 'search_'+role.key, search_action, 
+                              { :hint_text => _('Type in a search term for the new administrator'),
+                                :focus => true,
+                                :token_limit => 1}) %>
+
   <% end %>
   <% button_bar do %>
@@ -24,31 +30,3 @@
     <%= button('cancel', _('Cancel'), {:controller => 'profile_editor'})%>
   <% end %>
 <% end %>
-
-<%= javascript_include_tag '/plugins/bsc/jquery_tokeninput/src/jquery.tokeninput.js' %>
-<% stylesheet('/plugins/bsc/jquery_tokeninput/styles/token-input.css') %>
-
-<% @roles.each do |role| %>
-  <% search_url = url_for(:controller => 'profile_members', :action => 'search_user', :role => role.id, :profile => profile.identifier) %>
-  <script type="text/javascript">
-    jQuery(<%= ('#search_' + role.key).to_json %>)
-    .tokenInput("<%= search_url %>", {
-      hintText: <%= _('Type in a search term for the new administrator').to_json %>,
-      noResultsText: <%= _('No results').to_json %>,
-      searchingText: <%= _('Searching...').to_json %>,
-      searchDelay: 500,
-      backspaceDeleteItem: false,
-      preventDuplicates: true,
-      tokenLimit: 1,
-      queryParam: <%= ('q_'+role.key).to_json %>
-    })
-    .focus();
-
-    jQuery("#token-input-search-enterprises")
-    .live("keydown", function(event){
-      if(event.keyCode == "13") return false;
-    });
-  </script>
-<% end %>
-
-
@@ -0,0 +1,55 @@
+<h1><%= @contract.client_name %></h1>
+
+<table class='bsc-fields-table' style="float: left;">
+  <tr>
+    <th colspan='2'><%= _('Basic information') %></th>
+  </tr>
+  <%= display_text_field(_('Client type'), BscPlugin::Contract::ClientType.names[@contract.client_type]) %>
+  <%= display_text_field(_('Business type'), BscPlugin::Contract::BusinessType.names[@contract.business_type]) %>
+  <%= display_text_field(_('State'), @contract.state) %>
+  <%= display_text_field(_('City'), @contract.city) %>
+  <%= display_text_field(_('Status'), BscPlugin::Contract::Status.names[@contract.status]) %>
+  <%= display_text_field(_('Number of producers'), @contract.number_of_producers) %>
+  <%= display_text_field(_('Supply period'), show_period(@contract.supply_start, @contract.supply_end, true)) %>
+</table>
+
+<table class='bsc-fields-table' style="float: right;">
+  <tr>
+    <th colspan='2'><%= _('Enterprises') %></th>
+  </tr>
+  <%= display_list_field(@contract.enterprises.map {|enterprise| link_to(enterprise.short_name(60), enterprise.url)}) %>
+</table>
+
+<% if !@contract.sales.blank?%>
+  <table id='bsc-plugin-sales-table' class="bsc-plugin-view-contract alternate-colors">
+    <tr>
+      <th><%= _('Product') %></th>
+      <th align="center"><%= _('Quantity') %></th>
+      <th><%= _('Unit price') %></th>
+    </tr>
+    <% @contract.sales.each do |sale| %>
+      <tr>
+        <td><%= short_text(product_display_name(Product.find(sale.product_id)), 110) %></td>
+        <td align="center"><%= sale.quantity %></td>
+        <td align="right"><%= float_to_currency(sale.price) %></td>
+      </tr>
+    <% end %>
+    <tr>
+      <td id="bsc-plugin-contract-total-string" class="bsc-plugin-total" colspan='2'><%= _('Total')%></td>
+      <td id="bsc-plugin-contract-total" class="bsc-plugin-total"><%= float_to_currency(@contract.total_price) %></td>
+    </tr>
+  </table>
+<% end %>
+
+<br style="clear: both" />
+
+<% if !@contract.annotations.blank? %>
+  <div class="bsc-plugin-annotation">
+    <div class="bsc-plugin-annotation-title"><%= _("Annotations") %></div>
+    <div class="bsc-plugin-annotation-content"><%= @contract.annotations %></div>
+  </div>
+<% end %>
+
+<% button_bar do %>
+  <%= button(:back, _('Go back'), :action => 'manage_contracts') %>
+<% end %>
@@ -0,0 +1,86 @@		@@ -0,0 +1,86 @@
	1	+var BSCContracts = {};
	2	+
	3	+(function($){
	4	+ BSCContracts.onDelete = function(item){
	5	+ $('.token-input-dropdown').hide();
	6	+ $('#bsc-plugin-row-'+item.sale_id.toString()).remove();
	7	+ BSCContracts.updateTotal();
	8	+ };
	9	+
	10	+ BSCContracts.onAdd = function(item){
	11	+ var quantity = $('#bsc-plugin-sale-'+item.sale_id.toString()+'-quantity');
	12	+ var price = $('#bsc-plugin-sale-'+item.sale_id.toString()+'-price');
	13	+ quantity.addClass('required');
	14	+ price.addClass('required');
	15	+ quantity.val(1);
	16	+ price.val(item.product_price);
	17	+ BSCContracts.updateTotal();
	18	+ };
	19	+
	20	+ BSCContracts.newID = function(){
	21	+ if ( !this.idNum ) this.idNum = 0;
	22	+ return this.idNum++;
	23	+ };
	24	+
	25	+ BSCContracts.newProductLine = function(item){
	26	+ var id = this.newID();
	27	+ var tr = $('<tr class="bsc-plugin-sales-product" id="bsc-plugin-row-'+id+'"></tr>');
	28	+ var tds = $('<td></td><td></td><td>'+this.currencyUnit+'</td>').appendTo(tr);
	29	+ var input = $('<input name="sales['+id+'][product_id]" class="search-product-field"/>').appendTo(tds[0]);
	30	+ var searchUrl = this.searchUrl
	31	+ .replace('ENTERPRISES', $('#involved-enterprises').val())
	32	+ .replace('SALE_ID', id)
	33	+ .replace('ADDED_PRODUCTS', $.map($('.search-product-field'), function(item){return item.value}).join(','));
	34	+ var prePopulation = [];
	35	+ var quantity = '';
	36	+ var price = '';
	37	+ var required = '';
	38	+ if(item) {
	39	+ item.sale_id = id;
	40	+ prePopulation = [item];
	41	+ quantity = item.quantity;
	42	+ price = item.product_price;
	43	+ required = 'required';
	44	+ }
	45	+ var opts = $.extend( { prePopulate: prePopulation, queryParam: input[0].name }, this.tokenInputOptions );
	46	+
	47	+ input.keydown(function(event){ if(event.keyCode == '13') return false })
	48	+ .tokenInput(searchUrl, opts);
	49	+ $('#bsc-plugin-contract-total-row').before(tr);
	50	+ $('<input id="bsc-plugin-sale-'+id+'-quantity" class="bsc-plugin-sales-quantity '+required+' digits" name="sales['+id+'][quantity]" align="center" size="7" value="'+quantity+'"/>').appendTo(tds[1]);
	51	+ $('<input id="bsc-plugin-sale-'+id+'-price" class="bsc-plugin-sales-price '+required+' number" name="sales['+id+'][price]" value="'+price+'"/>').appendTo(tds[2]);
	52	+ };
	53	+
	54	+ BSCContracts.prePopulate = function(items){
	55	+ $(items).each(function(index, item){BSCContracts.newProductLine(item)});
	56	+ }
	57	+
	58	+ BSCContracts.updateTotal = function(){
	59	+ var total = 0;
	60	+ var quantity = 0;
	61	+ var price = 0;
	62	+ $('.bsc-plugin-sales-product').each(function(index){
	63	+ quantity = $('#' + $(this).attr('id') + " .bsc-plugin-sales-quantity").val();
	64	+ price = $('#'+$(this).attr('id') + " .bsc-plugin-sales-price").val();
	65	+ total += quantity*price;
	66	+ });
	67	+ $('#bsc-plugin-sales-total-value').text(BSCContracts.currencyUnit+' '+total);
	68	+ }
	69	+
	70	+ $(".bsc-plugin-sales-price, .bsc-plugin-sales-quantity").live('change', function(e){
	71	+ BSCContracts.updateTotal();
	72	+ });
	73	+
	74	+ $("#bsc-plugin-add-new-product").click(function(){
	75	+ var last = $('.search-product-field:last');
	76	+ if(!last.val() && last.size() != 0){
	77	+ last.focus();
	78	+ return false;
	79	+ }
	80	+ var next_id = parseInt(last.attr('data-sale-id'))+1;
	81	+ var enterprises = $('#involved-enterprises').val().replace(/,/g,'-');
	82	+ BSCContracts.newProductLine();
	83	+ return false;
	84	+ });
	85	+
	86	+})(jQuery);
@@ -0,0 +1,14 @@		@@ -0,0 +1,14 @@
	1	+var dates = jQuery( "#from, #to" ).datepicker({
	2	+ defaultDate: "+1w",
	3	+ changeMonth: true,
	4	+ dateFormat: 'yy-mm-dd',
	5	+ onSelect: function( selectedDate ) {
	6	+ var option = this.id == "from" ? "minDate" : "maxDate",
	7	+ instance = jQuery( this ).data( "datepicker" ),
	8	+ date = jQuery.datepicker.parseDate(
	9	+ instance.settings.dateFormat \|\|
	10	+ jQuery.datepicker._defaults.dateFormat,
	11	+ selectedDate, instance.settings );
	12	+ dates.not( this ).datepicker( "option", option, date );
	13	+ }
	14	+});
	@@ -0,0 +1 @@		@@ -0,0 +1 @@
		1	+Subproject commit bd879003043b4a93b78cbd4a582b6e0650900bcb
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+jQuery('#bsc-plugin-contract-spinner').spinner({
	2	+ min: 0,
	3	+ increment: 'fast',
	4	+ mouseWheel: true,
	5	+});
		1	+@import url(jquery.ui.spinner/ui.spinner.css);
		2	+
1	.controller-profile_editor a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.png)}	3	.controller-profile_editor a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.png)}
2	.controller-profile_editor .msie6 a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.gif)}	4	.controller-profile_editor .msie6 a.control-panel-bsc-enterprises {background-image: url(images/manage-bsc-enterprises.gif)}
3		5
4	.controller-profile_editor a.control-panel-transfer-enterprise-ownership {background-image: url(images/transfer-ownership.png)}	6	.controller-profile_editor a.control-panel-transfer-enterprise-ownership {background-image: url(images/transfer-ownership.png)}
5		7
		8	+.ui-spinner-up{
		9	+ height: 6.5px !important;
		10	+}
		11	+
		12	+.ui-spinner-down{
		13	+ height: 8.5px !important;
		14	+}
		15	+
		16	+.ui-icon-triangle-1-n {
		17	+ margin-top: -4px !important;
		18	+}
		19	+
		20	+.ui-icon-triangle-1-s {
		21	+ margin-left: -1px !important;
		22	+ margin-top: -3.5px !important;
		23	+}
		24	+
6	.icon-menu-bsc {	25	.icon-menu-bsc {
7	background-image: url(images/manage-bsc-enterprises-icon.png);	26	background-image: url(images/manage-bsc-enterprises-icon.png);
8	}	27	}
	@@ -10,3 +29,154 @@		@@ -10,3 +29,154 @@
10	#content .token-input-list {	29	#content .token-input-list {
11	margin-bottom: 30px;	30	margin-bottom: 30px;
12	}	31	}
		32	+
		33	+#bsc-plugin-sorter {
		34	+ text-align: right;
		35	+ margin: 3px 0px;
		36	+}
		37	+
		38	+#bsc-plugin-sales-table th,
		39	+#bsc-plugin-sales-table td {
		40	+ border: 1px solid #000;
		41	+ border-collapse: collapse;
		42	+ padding: 0px
		43	+}
		44	+
		45	+#content #bsc-plugin-sales-table td .token-input-list{
		46	+ margin-bottom: 0px;
		47	+}
		48	+
		49	+#bsc-plugin-sales-table {
		50	+ border: 1px solid #000;
		51	+ border-collapse: collapse;
		52	+}
		53	+
		54	+#bsc-plugin-sales-table th {
		55	+ background-color: #cdcdcd;
		56	+ padding: 0px 10px;
		57	+}
		58	+
		59	+.alternate-colors tr:nth-child(odd),
		60	+.alternate-colors tr:nth-child(odd):hover td {
		61	+ background-color: #f4f4f4;
		62	+}
		63	+
		64	+.alternate-colors tr:nth-child(even),
		65	+.alternate-colors tr:nth-child(even):hover td {
		66	+ background-color: #fff;
		67	+}
		68	+
		69	+#bsc-plugin-sales-table input.error{
		70	+ background-color: #F8DBDD;
		71	+ border: 1px solid #f5697c;
		72	+ margin-left: 2px;
		73	+}
		74	+
		75	+.bsc-plugin-sales-price {
		76	+ width: 85%;
		77	+}
		78	+
		79	+.bsc-plugin-sales-products-column {
		80	+ width: 70%;
		81	+}
		82	+
		83	+.bsc-plugin-sales-quantity-column {
		84	+ width: 10%;
		85	+ text-align: center;
		86	+}
		87	+
		88	+.bsc-plugin-sales-price-column {
		89	+ width: 18%;
		90	+}
		91	+
		92	+#bsc-plugin-sales-add-new-row {
		93	+ padding: 0px 10px;
		94	+}
		95	+
		96	+#bsc-plugin-manage-contracts-table a {
		97	+ color: #555753;
		98	+}
		99	+
		100	+#bsc-plugin-manage-contracts-table {
		101	+ border:none;
		102	+}
		103	+#bsc-plugin-manage-contracts-table td {
		104	+ padding: 5px 10px;
		105	+}
		106	+
		107	+#bsc-plugin-manage-contracts-table td.links {
		108	+ text-align: right;
		109	+}
		110	+
		111	+#bsc-plugin-contracts-filter {
		112	+ float: left;
		113	+ width: 20%;
		114	+ height: 100%;
		115	+}
		116	+
		117	+
		118	+#bsc-plugin-contracts-results {
		119	+ float: left;
		120	+ width: 80%;
		121	+}
		122	+
		123	+#bsc-plugin-contract-total-string,
		124	+#bsc-plugin-contract-total {
		125	+ text-align: right;
		126	+}
		127	+
		128	+.bsc-fields-table {
		129	+ border: collapse;
		130	+ width: 49%;
		131	+}
		132	+
		133	+.bsc-fields-table th{
		134	+ font-size: 14px;
		135	+ padding: 0px;
		136	+}
		137	+
		138	+.bsc-fields-table td {
		139	+ border: none;
		140	+ padding: 0px;
		141	+}
		142	+
		143	+.bsc-fields-table tr:hover td {
		144	+ background-color: transparent;
		145	+}
		146	+
		147	+.bsc-field-label {
		148	+ font-weight: bold;
		149	+}
		150	+
		151	+.bsc-full-table {
		152	+ margin: 3px 0px;
		153	+}
		154	+
		155	+.bsc-plugin-view-contract {
		156	+ margin-top: 10px;
		157	+}
		158	+
		159	+.bsc-plugin-view-contract td {
		160	+ padding: 2px 10px !important;
		161	+}
		162	+
		163	+.bsc-plugin-total {
		164	+ font-weight: bold;
		165	+}
		166	+
		167	+.bsc-plugin-annotation {
		168	+ background-color: #eeeeec;
		169	+ margin: 10px 0px;
		170	+ padding: 5px 10px;
		171	+ border-radius: 5px;
		172	+}
		173	+
		174	+.bsc-plugin-annotation-title {
		175	+ font-weight: bold;
		176	+ font-size: 15px;
		177	+ margin-bottom: 5px;
		178	+}
		179	+
		180	+.bsc-plugin-annotation-content {
		181	+ font-style: italic;
		182	+}
@@ -0,0 +1,4 @@		@@ -0,0 +1,4 @@
	1	+jQuery("#bsc-plugin-sales-form").validate({
	2	+ errorPlacement: function(error, element){element.attr('title', error.text())}
	3	+});
	4	+
1	<h1><%= _('Validate enterprises') %></h1>	1	<h1><%= _('Validate enterprises') %></h1>
2		2
3	<% form_tag :action => 'save_validations' do %>	3	<% form_tag :action => 'save_validations' do %>
4	- <%= text_field_tag(:q, nil, :id => 'search-enterprises') %>	4	+ <%= token_input_field_tag(:q, 'search-enterprises', {:action => 'search_enterprise'},
		5	+ { :hint_text => _('Type in a search term for enterprise'),
		6	+ :focus => true }) %>
5		7
6	<% button_bar do %>	8	<% button_bar do %>
7	<%= submit_button('save', _('Save'))%>	9	<%= submit_button('save', _('Save'))%>
8	<%= button('cancel', _('Cancel'), {:controller => 'admin_panel'})%>	10	<%= button('cancel', _('Cancel'), {:controller => 'admin_panel'})%>
9	<% end %>	11	<% end %>
10	<% end %>	12	<% end %>
11	-
12	-<%= javascript_include_tag '/plugins/bsc/jquery_tokeninput/src/jquery.tokeninput.js' %>
13	-<% stylesheet('/plugins/bsc/jquery_tokeninput/styles/token-input.css') %>
14	-<% search_url = url_for(:action => 'search_enterprise') %>
15	-<script type="text/javascript">
16	- jQuery("#search-enterprises")
17	- .tokenInput("<%= search_url %>", {
18	- hintText: <%= _('Type in a search term for enterprise').to_json %>,
19	- noResultsText: <%= _('No results').to_json %>,
20	- searchingText: <%= _('Searching...').to_json %>,
21	- searchDelay: 500,
22	- backspaceDeleteItem: false
23	- })
24	- .focus();
25	-
26	- jQuery("#token-input-search-enterprises")
27	- .live("keydown", function(event){
28	- if(event.keyCode == "13") return false;
29	- });
30	-</script>
31	-
@@ -0,0 +1,83 @@		@@ -0,0 +1,83 @@
	1	+<%= error_messages_for :contract %>
	2	+
	3	+<% labelled_form_for :contract, @contract, :html => {:id => 'bsc-plugin-sales-form'} do \|f\| %>
	4	+ <%= hidden_field_tag :contract_id, @contract.id %>
	5	+ <%= required f.text_field(:client_name) %>
	6	+ <%= labelled_form_field(_('Client type'), f.select(:client_type, BscPlugin::Contract::ClientType.types.map{\|type\| [BscPlugin::Contract::ClientType.names[type], type]}))%>
	7	+ <%= labelled_form_field(_('Business type'), f.select(:business_type, BscPlugin::Contract::BusinessType.types.map{\|type\| [BscPlugin::Contract::BusinessType.names[type], type]}))%>
	8	+ <%= f.text_field(:state) %>
	9	+ <%= f.text_field(:city) %>
	10	+ <%= labelled_form_field(_('Status'), f.select(:status, BscPlugin::Contract::Status.types.
	11	+ map { \|s\| [BscPlugin::Contract::Status.names[s], s] })) %>
	12	+ <%= f.text_field(:number_of_producers, :size => 8, :id => 'bsc-plugin-contract-spinner') %>
	13	+ <%= _('Empreendimentos')+':' %>
	14	+
	15	+ <% search_action = {:action => 'search_contract_enterprises', :profile => profile.identifier} %>
	16	+ <%= token_input_field_tag(:enterprises, 'involved-enterprises', search_action,
	17	+ { :pre_populate => @contract.enterprises_to_token_input,
	18	+ :hint_text => _('Type in serach term for enterprise') }) %>
	19	+
	20	+ <table id="bsc-plugin-sales-table" class="alternate-colors">
	21	+ <tr>
	22	+ <th class="bsc-plugin-sales-products-column"><%= _('Products') %></th>
	23	+ <th class="bsc-plugin-sales-quantity-column" ><%= _('Quantity') %></th>
	24	+ <th class="bsc-plugin-sales-price-column" ><%= _('Unit price') %></th>
	25	+ </tr>
	26	+ <tr id='bsc-plugin-contract-total-row'>
	27	+ <td id="bsc-plugin-contract-total-string" colspan="2" ><strong><%= _('Total')%></strong></td>
	28	+ <td id="bsc-plugin-contract-total"><strong id='bsc-plugin-sales-total-value'><%= float_to_currency(@contract.total_price)%></strong></td>
	29	+ </tr>
	30	+ <tr>
	31	+ <td colspan="3" class="bsc-plugin-sales-add-new-row"><%= link_to(_('Add new product'), {}, :id => 'bsc-plugin-add-new-product', 'data-bsc' => profile.identifier) %></td>
	32	+ </tr>
	33	+ </table>
	34	+
	35	+ <%= labelled_form_field( _('Supply period'),
	36	+ text_field_tag('contract[supply_start]', (@contract.supply_start ? @contract.supply_start.strftime("%Y-%m-%d") : nil), :id => 'from', :size => 9) +
	37	+ _(' to ') +
	38	+ text_field_tag('contract[supply_end]', (@contract.supply_end ? @contract.supply_end.strftime("%Y-%m-%d") : nil), :id => 'to', :size => 9) )
	39	+ %>
	40	+
	41	+ <%= f.text_area(:annotations, :rows => 5, :cols => 68) %>
	42	+ <% button_bar do%>
	43	+ <%= submit_button(:save, _('Save'), :cancel => {:action => 'manage_contracts'})%>
	44	+ <% end %>
	45	+<% end %>
	46	+
	47	+<% scripts = %w{/plugins/bsc/jquery.ui.spinner/ui.spinner.js
	48	+ /plugins/bsc/contracts /plugins/bsc/datepicker
	49	+ /plugins/bsc/spinner} %>
	50	+<% scripts.each do \|script\|%>
	51	+ <%= javascript_include_tag script %>
	52	+<% end %>
	53	+
	54	+<script>
	55	+ BSCContracts.tokenInputOptions = {
	56	+ minChars: 3,
	57	+ hintText: <%= _('Type in a search term for product').to_json %>,
	58	+ noResultsText: <%= _("No results").to_json %>,
	59	+ searchingText: <%= _("Searching...").to_json %>,
	60	+ searchDelay: 1000,
	61	+ preventDuplicates: true,
	62	+ backspaceDeleteItem: false,
	63	+ tokenLimit: 1,
	64	+ onDelete: BSCContracts.onDelete,
	65	+ onAdd: BSCContracts.onAdd
	66	+ };
	67	+ BSCContracts.searchUrl = <%= url_for(
	68	+ :action => 'search_sale_product',
	69	+ :profile => profile.identifier,
	70	+ :enterprises => 'ENTERPRISES',
	71	+ :sale_id => 'SALE_ID',
	72	+ :added_products => 'ADDED_PRODUCTS',
	73	+ :escape => true).to_json %>.replace(/amp;/g,"");
	74	+ BSCContracts.currencyUnit = <%= profile.environment.currency_unit.to_json %>;
	75	+ BSCContracts.prePopulate( <%= @contract.sales.map{\|sale\| {
	76	+ :id => sale.product_id,
	77	+ :name => short_text(product_display_name(sale.product), 60),
	78	+ :product_price => sale.price \|\| sale.product.price \|\| 0,
	79	+ :quantity => sale.quantity}}.to_json
	80	+ %>);
	81	+</script>
	82	+
	83	+<%= javascript_include_tag '/plugins/bsc/validation' %>
@@ -0,0 +1,3 @@		@@ -0,0 +1,3 @@
	1	+<h1><%= _("New contract") %></h1>
	2	+<%= render :partial => 'contract_form', :locals => {:url => {:action => 'update_contract'}}%>
	3	+
	@@ -10,7 +10,11 @@		@@ -10,7 +10,11 @@
10	<% end %>	10	<% end %>
11		11
12	<% form_tag :action => 'save_associations' do %>	12	<% form_tag :action => 'save_associations' do %>
13	- <%= text_field_tag(:q, nil, :id => 'search-enterprises') %>	13	+ <% search_action = {:action => 'search_enterprise', :profile => profile.identifier} %>
		14	+ <%= token_input_field_tag(:q, 'search-enterprises', search_action,
		15	+ { :pre_populate => profile.enterprises_to_token_input,
		16	+ :hint_text => _('Type in a search term for enterprise'),
		17	+ :focus => true }) %>
14		18
15	<%= button('add', _('Add new enterprise'), {:action => 'create_enterprise'}) %>	19	<%= button('add', _('Add new enterprise'), {:action => 'create_enterprise'}) %>
16		20
	@@ -20,24 +24,3 @@		@@ -20,24 +24,3 @@
20	<% end %>	24	<% end %>
21		25
22	<% end %>	26	<% end %>
23	-<%= javascript_include_tag '/plugins/bsc/jquery_tokeninput/src/jquery.tokeninput.js' %>
24	-<% stylesheet('/plugins/bsc/jquery_tokeninput/styles/token-input.css') %>
25	-<% search_url = url_for(:action => 'search_enterprise', :profile => profile.identifier) %>
26	-<script type="text/javascript">
27	- jQuery("#search-enterprises")
28	- .tokenInput("<%= search_url %>", {
29	- minChars: 3,
30	- prePopulate: <%= profile.enterprises_to_json %>,
31	- hintText: <%= _('Type in a search term for enterprise').to_json %>,
32	- noResultsText: <%= _('No results').to_json %>,
33	- searchingText: <%= _('Searching...').to_json %>,
34	- searchDelay: 500,
35	- backspaceDeleteItem: false
36	- })
37	- .focus();
38	-
39	- jQuery("#token-input-search-enterprises")
40	- .live("keydown", function(event){
41	- if(event.keyCode == "13") return false;
42	- });
43	-</script>