Add basic styling to order cycle edit page

This commit is contained in:
Rohan Mitchell
2012-12-02 15:14:31 +11:00
parent 97401ca370
commit 25a2732253
4 changed files with 21 additions and 6 deletions

View File

@@ -22,3 +22,15 @@
.ng .ng-invalid.ng-dirty {
background-color: #fa787e;
}
form.order_cycle {
h2 {
margin-top: 2em;
}
table.exchanges {
tr td.active {
width: 20px;
}
}
}

View File

@@ -10,9 +10,9 @@
%h2 Incoming
%table
%table.exchanges
%tr{'ng-repeat' => 'exchange in order_cycle.incoming_exchanges'}
%td= check_box_tag 'order_cycle_exchange_{{ $index }}_active', 1, 1, 'ng-model' => 'exchange.active', 'id' => 'order_cycle_exchange_{{ $index }}_active'
%td.active= check_box_tag 'order_cycle_exchange_{{ $index }}_active', 1, 1, 'ng-model' => 'exchange.active', 'id' => 'order_cycle_exchange_{{ $index }}_active'
%td {{ enterprises[exchange.enterprise_id].name }}
= select_tag :new_supplier_id, options_from_collection_for_select(Enterprise.is_primary_producer, :id, :name), {'ng-model' => 'new_supplier_id'}
@@ -30,5 +30,8 @@
or
= link_to 'Cancel', main_app.admin_order_cycles_path
%pre {{ order_cycle | json }}
%pre {{ enterprises | json }}
<h2>Debug information</h2>
%pre order_cycle = {{ order_cycle | json }}
%pre enterprises = {{ enterprises | json }}

View File

@@ -1,4 +1,4 @@
%h1 Edit Order Cycle
= form_for [main_app, :admin, @order_cycle], :url => '', :html => {:class => 'ng', 'ng-app' => 'order_cycle', 'ng-controller' => 'AdminEditOrderCycleCtrl', 'ng-submit' => 'submit()'} do |f|
= form_for [main_app, :admin, @order_cycle], :url => '', :html => {:class => 'ng order_cycle', 'ng-app' => 'order_cycle', 'ng-controller' => 'AdminEditOrderCycleCtrl', 'ng-submit' => 'submit()'} do |f|
= render 'form', :f => f

View File

@@ -1,4 +1,4 @@
%h1 New Order Cycle
= form_for [main_app, :admin, @order_cycle], :url => '', :html => {:class => 'ng', 'ng-app' => 'order_cycle', 'ng-controller' => 'AdminCreateOrderCycleCtrl', 'ng-submit' => 'submit()'} do |f|
= form_for [main_app, :admin, @order_cycle], :url => '', :html => {:class => 'ng order_cycle', 'ng-app' => 'order_cycle', 'ng-controller' => 'AdminCreateOrderCycleCtrl', 'ng-submit' => 'submit()'} do |f|
= render 'form', :f => f