なか日記

一度きりの人生、楽しく生きよう。

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

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

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

f:id:nakaji999:20140620022147p:plain

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

使ったもの

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

<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:今年?