[wip]設計を修正して、管理者用ページを作りなおす

このPRで何をするか
---------------------------------------
管理者用ページを作ります。
（管理者とは ネスレ公式サイトでお茶注文を入力したり、お茶の引換をしたりする人のことです）

管理者用ページは

1. ネスレ公式サイトに入力する際に使うページ
2. ネスレからまだ届いていない注文の情報を見れるページ 
3. 届いたお茶と、お金を引き換えたかどうかの情報を見れるページ

以上３つからなります。


（５月３０日追記）管理者用ページの他、新規注文ページにも手を加えています。


終了条件（どうしたらWIPが取れるか）
------------------------------------------
1. 管理者用ページが正常に機能する。
2. インデントなどコーディング規約に見合ったコードである
3. herokuで動く
4. 新規注文を作るとき、金額合計がページのリロードなしで確認できる。(追記)

以上~~３つ~~４つの条件を満たした場合にマージできるとします。

前回PRとの関係
------------------------------------------
前回のPR#4でも管理者用ページをつくろうとしました。

しかし設計の大幅見直しが生じたため、 PR#4に含まれたコードは破棄することになりました。

そのため、改めてPRを作りました。


新規注文の金額確認について（追記）
------------------------------------------
本来、新規注文の作成処理は、このPRに含めるべきでなかったかもしれませんが私のミスで途中まで作業してしまいました。

そのため、終了条件に加えました。（今後は、現在作業中のPRの終了条件を意識して作業することを心がけたいと思います。）


設計の再度見直し（６月６日追記）
---------------------------------------
ご相談した結果、`order`のとる４つの`state`に対応した、４つのコントローラーを新たに導入することになりました。

こんなのでどうかな。

``` js
$(function() {
  $('.name_price_options, .quantity_options').change(function() {
    var sum = $('div.order_details_form').toArray().reduce(function(acc, detail) {
      var $detail   = $(detail),
          itemLabel = $detail.find('select.name_price_options option:selected').text(),
          price     = itemLabel.match(/(\d+)円/)[1],
          quantity  = $detail.find('select.quantity_options').val();

      return acc + price * quantity;
    }, 0);

    $('#order_create_price_sum').text('合計: ' + sum + '円');
  });
});