Technical Document

Jump to bottom Edit New page

Kang Chen edited this page Dec 8, 2015 · 10 revisions

Component structure

The component hierarchy on the index page:

App
- Header
  - SignIn
    - LoginButton
    - LoginModal
  - SignUp
    - RegisterButton
    - RegisterModal
  - UpdateUser
    - UserUpdateButton
    - UserUpdateModal
  - SignOutButton
- CommentBox
  - CommentList
    - Comment
  - CommentStatistics
  - CommentForm
- SearchBar
- Footer

The state on the index page:

appConfig
comments
commentListType
commentsTotalNumber
currentPage
currentUser: The user identity
searchText: The search text the user has entered
translations

Administration Control Panel

ACPBox
- ACPHeader
- ACPTabHeader
  - ACPTableHeaderItem
- ACPTabContent
  - ACPOverview
  - ACPConfig
  - ACPMessages
  - ACPIpConfig
  - ACPUsers
- ACPFooter

State on the administration control panel:

acpData
activeTab
appConfig
currentUser
translations