Skip to content

User Story: Navigation bar & Side bar

Seongmin Park edited this page Nov 4, 2019 · 1 revision

Feature : Navigation bar & Side bar

As a SNUbot user who use both chat and community, I want a navigation bar and side bar at all page So that I can move other page easily regardless of current page.

Navbar

  • Logo(img)
  • id: `chat-logo'
  • src: 'chat-logo.img'
  • action: redirect to 'chat' page
  • Toggle button
  • id: 'side-bar-toggle'
  • action: if sidebar is not shown, show sidebar. Otherwise, remove sidebar.

Sidebar

  • Account Info Link
  • id: 'account-info'
  • action: redirect to 'account-info' page
  • Community Main Link
  • id: 'community-main'
  • action: redirect to 'community-main' page
  • Board Link
  • id: 'boards-XX'
  • action: redirect to each board(XX) page

Acceptance test:

  1. At any page, user can see Navigation bar.
  2. user clicks 'chat-logo' image.
  3. user is directed to chat page.
  4. user clicks 'side-bar-toggle' button.
  5. If sidebar is already shown screen, remove sidebar form screen.
  6. If sidebar is not shown in screen, show sidebar.
  7. If sidebar is shown, user clicks links.
  8. User is directed to each links page.
  9. If sidebar is shown, user do action such as create article or search article(includes redirect), sidebar will be removed.