added periods UI with knockout