-->

部屋利用状況用サンプル

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

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

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

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

グラデーションサンプル

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

階数 部屋
B3
B301
1
B2
B201
1
B1
-1
-11
B101
1
1F
1
11
0101
2
不明
1x
2F
0201
2
3F
0301
2
4F
0401
2
5F
0501
2
6F
0601
2
7F
0701
2
8F
0801
2
9F
0901
2
10F
1001
2
11F
1101
2
12F
1201
2
13F
1301
2
14F
1401
2
15F
1501
2
16F
1601
2
不明
oo
ox
xo
xx