convert to material, add ui-router states