Feature/HomeMenu

[alex-zhang]

HomeMenu

User can see the home menu in the home page.

UX

Pages & Components & Widgets

/widgets/HomeMenuList

API Spec

http://106.14.147.173:7001/swagger#/Menu/get_api_v1_resource_home_menu

{
  "node": {
    "appLevel": 0,
    "parent": null,
    "type": "homeMenu",
    "icon": null,
    "hasPermission": true,
    "i18nLabelKey": null,
    "desc": null,
    "status": "normal",
    "resourceCode": "Setting",
    "appNo": "6840691987687931904",
    "priority": 0,
    "label": "Setting",
    "createAt": "2021-09-07T01:07:43.834Z",
    "updateAt": "2021-09-07T01:07:43.834Z"
  },
  "children": [
    {
      "node": {
        "appLevel": 0,
        "parent": "Setting",
        "type": "homeMenu",
        "icon": null,
        "hasPermission": true,
        "i18nLabelKey": null,
        "desc": null,
        "status": "normal",
        "resourceCode": "Setting-1",
        "appNo": "6840691987687931904",
        "priority": 0,
        "label": "Setting-1",
        "createAt": "2021-09-07T01:07:43.846Z",
        "updateAt": "2021-09-07T01:07:43.846Z"
      },
      "children": null
    }
  ]
}

CSS Variables

/

I18n Keys

/

Acceptance Criteria

Given: As an user login to system
When: Navigate to home page
Then: Use can see the home menu in the home page left region.

the max depth of home menu tree is 3
this home menu item can show the icon and label from the api response data.
api response 404 then the home menu list is empty

Given: The home menu Item has children nodes
When: Use click the arrow the of the home menu Item
Then: Use can expand and collapse the children nodes

Responsive for mobile