受付アプリ：受付済みの人を表示/非表示切り替え可能にした

来年*1のプロ生＠愛媛に向けて受付アプリをいじってる今日この頃。

先週のプログラミング生放送勉強会 第29回＠サイボウズ株式会社 松山オフィスで見えてた問題を改善しました。

• 受付 - 受付アプリ

デフォルトで受付済みの人は表示しないようにしています。これで受付時の「自分を探す時間」がだいぶ改善されると思います。

使ったもの

切り替えをするにあたり、チェックボックスなのはちょっと寂しいので、Bootstrap Switchを使ってみました。

• NuGet Gallery | Bootstrap Switch 3.0.1

<span>受付済みを非表示</span>　<input type="checkbox" name="my-checkbox" checked>

$(function(){
    $("[name='my-checkbox']").bootstrapSwitch();
    $('input[name="my-checkbox"]').on('switchChange.bootstrapSwitch', function (event, state) {
        $(".checked-in").toggle('fast');
    });
});

これだけのことするのに結構時間をかけてしまいました。経験が足りない・・・

*1:今年？