Improve UI/UX

[chinggg]

The app will have different behavior on different operating systems and terminals.

• Menu Bar

• Problem: On Windows, mouse click event is not supported at all. And shift+tab will be captured as tab, so it may be impossible to switch between elements on Windows using screen.focusNext() and screen.focusPrevious(). Once textarea is focused and inputOnFocus is enabled, it will grab key events as inputs. You can only use escape to quit the input mode and restore focus on the last focused element. Then tab will focus textarea again, thus leading a loop between the last element and textarea.

• Solution: We can bind each keyable element with a non-vi key, so we can switch to different elements smoothly.Listbar works well as this kind of menu bar.

• rightPanel

  • Problem: Now rightPanel will show all members of a room, which is a typical design for IRC client. But I have no idea what it should display when chatting with a friend. Moreover, TreeElement and terminal itself will limit interaction.
  • Solution: Since rightPanel is a TreeElement, it is suitable for displaying elemens with same type. So we can just use it as "active" list, users will easily select the contact when new messages receive.

• textArea

  • Problem: duplication of input chjj/blessed#109

• Display

  • Problem: border broken when text line is too long