部屋利用状況用サンプル

物件の部屋利用状況を扱いたいらしい。サンプルとしてAngularJSで処理させたものを置く。

多分IE8で表現できない(CSS3やAngularJS)のであくまでもサンプル。

階数の色表現は、地下(土)、地上(木)、空(水)、太陽(金)へと上っていくイメージです。不明(火)でどうでしょうか。

ただし、ディスプレイによってはグラデーションさせた色表現が表現されません。

グラデーションサンプル

色はCSSで設定。".floor-B7"などがそれです。B7から24Fまで定義済み。

階数 部屋
{{floor}} 不明
{{item.room_number}} 不明
{{item.room_info}}