add navigator view and refactor the format