Left navigation bar
You can customise the platform’s default left navigation bar by modifying the configuration file (ConfigMap) provided by the platform, including:
-
Hiding the navigation menu displayed by system default
-
Modifying the name of the navigation menu
-
Adding a custom first-level navigation menu (external link)
Hint: The added navigation menu, when clicked, will open a new page and jump to the corresponding external link address.
Configuration file description
When the platform is deployed, a configuration file (ConfigMap) for customising the settings of the left navigation bar is created by default for each view under the system namespace (cpaas-system) of the global cluster. See the following table for the correspondence between view and configuration file names.
| View Name | Profile Name |
|---|---|
| Platform Management | custom-navconfig-platform |
| Project Management | custom-navconfig-project |
| Container Platform | custom-navconfig-acp |
| DevOps | custom-navconfig-devops |
| Service mesh | custom-navconfig-asm |
| Data Services | custom-navconfig-dataservices |
The configuration items are described below:
apiVersion: v1
kind: ConfigMap
metadata: name: custom-navconfig-platform
name: custom-navconfig-platform
data: name: custom-navconfig-platform
// Modify the default left navigation menu
buildIn: |
{
// Modify the name of the navigation menu
"<name>": { // name is the name of the navigation category in the default menu.
"label": "<Sample Demo>" // name corresponds to the name of the navigation menu (in both English and Chinese).
}, // The name of the corresponding navigation menu (same in both Chinese and English).
// Hide the navigation menu
"<name>": {
"hidden": true // Hide the navigation menu for name.
}
}
// Add a custom left navigation level menu
customs: ||
Customs: |
{
"label": "<Example>", // The name of the first level navigation menu.
"iconData": "", // (optional) the icon for the navigation menu, enter the Base64 encoded string for the icon
"hidden": false, // If or not the menu is hidden.
"href": "<http://www.example.com>" // External link to the navigation menu.
}
]Procedures
-
In the left navigation bar, click Cluster Management > Resource Management.
-
Click the Cluster Switch entry in the top navigation bar to switch to the global cluster.
-
Search for ConfigMap in the Resource Search box on the left and select it to search for the corresponding left-navigation configuration file name on the right.
-
After updating the configuration file by referring to the configuration file instructions, click Update and confirm.
After refreshing the platform, you can verify whether the configuration takes effect.
Reference Information: System Default Configuration
The system default left navigation menu is written with the following specifications and instructions:
- name: cluster # The name of the first level navigation category. If there is no corresponding Chinese translation in the translation dictionary, the Chinese name is still displayed as this value.
icon: basic:server_s # (Optional) Icon for the first level navigation category.
children.
- name: cluster # Name of the child navigation category. If there is no Chinese translation in the translation dictionary, the Chinese name is still displayed as this value.
href: cluster # Sub-level navigation links. External links start with http:// or https://, or the absolute path to the feature page if it is a new navigation category for a feature that is not part of the platform.
- name: resource_management
href: resource_management
# The first level of navigation can also define links directly if there is no children field, for example:
- name: notification # First level navigation category name
icon: basic:notice_s # (optional) first level navigation category icon
href: notification # Primary navigation link. External links start with http:// or https://, or the absolute path to the feature page if it is a new navigation category for a feature that is not part of the platform itself.
label: notification # (optional) The navigation uses an internal translation file to translate the name attribute by default, and displays the label directly if it is present.
gate: notification # (Optional) The name of the function switch that can be used in conjunction with the function switch to control whether the currently configured function is displayed in the navigation bar. When this parameter is entered and the function switch is on, the function controlled by this switch will be shown in the navigation bar; when this parameter is entered and the function switch is off, the function controlled by this switch will not be shown in the navigation bar.Platform Management
- name: overview
icon: bar_chart
href: overview
- name: cluster_management
icon: server
children:
- name: clusters
href: cluster-management/cluster
- name: cloud_credentials
href: cluster-management/cloud-credential
- name: crds
href: $cluster/cluster-management/crd
- name: resource_management
href: $cluster/cluster-management/resource
gate: acp-safemode
negate: true
- name: backup_recover
gate: backup-recovery
children:
- name: backup_manage
href: $cluster/cluster-management/backup-restore/backup-manage
- name: restore_manage
href: $cluster/cluster-management/backup-restore/restore-manage
- name: backup_warehouse
href: cluster-management/backup-restore/backup-warehouse
- name: cluster_config_manage
href: cluster-management/config-manage
gate: config-manage
- name: gatekeeper
href: cluster-management/constraint-manage
gate: compliance-manage
- name: compliance_management
href: $cluster/cluster-management/compliance-management
gate: policy-violation-manage
- name: network_management
icon: internet
children:
- name: domains
href: network-management/domain
- name: certificates
href: network-management/certificate
- name: external_address_pool
href: $cluster/network-management/ip-pool
gate: external-ip-pool
- name: bgp_peer
href: $cluster/network-management/bgp-peer
gate: external-ip-pool-bgp
- name: subnets
href: $cluster/network-management/subnet
publicCloud: false
gate: acp-safemode
negate: true
- name: bridge_network
href: $cluster/network-management/bridge-network
publicCloud: false
gate: acp-safemode
negate: true
- name: vlan
href: $cluster/network-management/vlan
publicCloud: false
gate: acp-safemode
negate: true
- name: alb2
gate: alb2
href: $cluster/network-management/load-balancer
- name: cluster_network_policy
href: $cluster/network-management/cluster-network-policy
- name: storage_management
icon: storage
children:
- name: storageclasses
href: $cluster/storage-management/storageclass
- name: nav_pv
href: $cluster/storage-management/pv
- name: object_storage_class
href: $cluster/storage-management/object-storageclass
gate: cosi
- name: bucket
href: $cluster/storage-management/bucket
gate: cosi
- name: distributed_storage
href: $cluster/storage-management/distributed-storage
gate: storage-ceph
- name: local_storage
href: $cluster/storage-management/local-storage
gate: acp-topolvm
- name: object_storage
href: $cluster/storage-management/object-storage
gate: minio
- name: virtualization_management
icon: virtualization
gate: kubevirt
children:
- name: virtualmachine
href: $cluster/virtualization
- name: vm_image
href: vm-image
gate: vm-image-template
- name: maintenance_center
icon: operation_center
children:
- name: monitor
children:
- name: blackbox_monitoring
href: $cluster/maintenance-center/monitor/blackbox-monitoring
- name: dashboard
href: $cluster/maintenance-center/monitor/dashboard
- name: log
children:
- name: log_query
href: $cluster/maintenance-center/log/log-query
- name: log_strategy_management
href: maintenance-center/log/strategy-management
- name: events
href: $cluster/maintenance-center/event
- name: alarm
children:
- name: alarm_realtime
href: maintenance-center/alarm_realtime
- name: alarm_strategy
href: $cluster/maintenance-center/alarm
- name: alarm_template
href: maintenance-center/alarm_template
- name: alarm_history
href: maintenance-center/alarm_history
- name: alarm_setting
href: maintenance-center/alarm_setting
- name: notification
href: maintenance-center/notification
- name: inspection
children:
- name: basic_inspection
href: maintenance-center/inspection
- name: deep_inspection
href: maintenance-center/deep_inspection
gate: functiontest
- name: app_market_management
icon: catalog
children:
- name: application_package_management
href: $cluster/catalog-management/application-package
gate: acp-artifact-manage
- name: chartrepo
href: catalog-management/chartrepo
- name: operators
href: $cluster/catalog-management/operator
- name: cluster_plugin
href: $cluster/catalog-management/cluster-plugin
- name: toolchain_management
icon: devops_tools
children:
- name: toolchain_integration
href: integration
gate: katanomi
- name: nav_toolchain_instance
href: $cluster/toolchain
gate: katanomi
- name: artifact_clear
gate: devops-artifact-cleanup-policy
href: artifact-clear
- name: artifact_promotion_policy
href: promotion-policy
gate: devops-artifact-promotion
- name: artifact_promotion_run
href: promotion-run
gate: devops-artifact-promotion
- name: toolchain_secret
href: integration-secret
gate: katanomi
- name: pipeline_and_retention_management
icon: pipeline
children:
- name: retention_storage_settings
gate: devops-retention-policy
href: pipeline-retention-management/retention-storage-settings
- name: source_management
gate: devops-custom-source-management
href: pipeline-retention-management/source-management
- name: jenkins_official_template
gate: devops-template-allnamespace
href: pipeline-retention-management/official
- name: jenkins_custom_template
href: pipeline-retention-management/custom
gate: devops-chart
- name: jenkins_storage_strategy
href: pipeline-retention-management/archive
gate: devops-chart
- name: service_mesh
icon: service_mesh
product: serviceMesh
children:
- name: mesh_group
href: service-mesh
- name: gateways
href: $meshgroup/gateway
- name: external_services
href: $meshgroup/service-entry
- name: nav_envoy_filter
href: $meshgroup/envoy-filter
gate: asm-envoyfilter
- name: security_setting
icon: security
children:
- name: node_isolation_policy
href: $cluster/security-management/node-isolation-policy
gate: node-isolation
- name: product_management
icon: product
href: product
- name: platform_certificate_manage
icon: certificate
href: certificate
- name: user_role_management
icon: user_role
children:
- name: user_manage
href: user-role-management/user
- name: user_group_manage
href: user-role-management/group
- name: role_manage
href: user-role-management/role
- name: idp_option
href: user-role-management/idp
- name: user_security_policy
href: user-role-management/security-policy
- name: nav_cost
icon: bill
gate: ait-billing
children:
- name: nav_cost_total
href: cost/total
- name: nav_cost_detail
href: cost/detail
- name: meter
icon: bill
gate: ait-billing
negate: true
children:
- name: meter_cost_management
href: meter/cost
gate: acp-cost-management
- name: meter_summary
href: meter/summary
- name: meter_report
href: meter/report
- name: meter_detail
href: meter/detail
- name: audit
icon: audit
href: $cluster/audit
- name: platform_setting
icon: platform_settings
children:
- name: license_manage
href: platform-setting/license
gate: license-manage
- name: login_page
href: platform-setting/login-page
- name: portal
href: platform-setting/portal
- name: logo
href: platform-setting/logo
- name: notification_server
href: platform-setting/notification-server
- name: message_manage
href: platform-setting/message-manage
- name: manage_region
href: platform-setting/manage-region
- name: platform_ops
href: platform-setting/online-opsProject Platform Management
- name: project_overview
icon: bar_chart
href: overview
- name: project_detail
icon: project
href: detail
- name: project_member
icon: member
href: member
- name: namespaces
icon: namespace
href: namespace
- name: toolchain_management
icon: devops_tools
children:
- name: toolchain_integration
href: integration
gate: katanomi
- name: toolchain_secret
href: integration-secret
gate: katanomi
- name: pipeline_management
icon: pipeline
children:
- name: source_management
href: pipeline-management/source-management
gate: devops-custom-source-management
- name: jenkins_custom_template
href: pipeline-management/custom
gate: devops-chart
- name: notification
href: notification
icon: noticeContainer Platform
- name: namespace_scope
title: namespace_scope
items:
- name: overview
icon: bar_chart
href: overview
- name: application_management
icon: application
children:
- name: oam_application
gate: oam
href: oam-app
- name: native_app
href: app
- name: template_app
href: hr
gate: helmrequest-app-view
- name: component_app
href: component_app
gate: operator-backed
- name: workloads
icon: sitemap
children:
- name: deployments
href: deployment
- name: daemon_sets
href: daemon_set
- name: stateful_sets
href: stateful_set
- name: cron_jobs
href: cron_job
- name: jobs
href: job
- name: pods
href: pod
- name: virtualization
icon: virtualization
gate: kubevirt
children:
- name: virtual_machine
href: virtual-machine
- name: virtual_machine_pool
href: virtual-machine-pool
- name: virtual_disks
href: virtual-disk
- name: vm_image
href: vm-image
- name: keypairs
href: keypair
- name: config
icon: sliders_up
children:
- name: configmaps
href: configmap
- name: secrets
href: secret
gate: acp-safemode
negate: true
- name: network
icon: internet
children:
- name: k8s_service
href: service
- name: openshift_routes
gate: openshift-route
href: route
- name: ingresses
href: ingress
- name: inbound_gateway
href: gateway
gate: gatewayapi
- name: route_rule
href: gateway-route
gate: gatewayapi
- name: load_balancer
href: load_balancer
gate: alb2
- name: network_policies
href: network_policy
gate: network-policy
- name: storage
icon: storage
children:
- name: nav_pvc
href: pvc
- name: volume_snapshot
href: volume_snapshot
gate: volume-snapshot
- name: bucket_request
href: bucket-request
gate: cosi
- name: logging
icon: log
href: log
- name: events
icon: events
href: event
- name: audit
icon: audit
href: audit
gate: namespaceaudits
- name: alarm
icon: alarm
children:
- name: alarm_strategy
href: alarm
- name: alarm_history
href: alarm_history
- name: auxiliary_function
icon: auxiliary_function
gate: namespace-resource-manage
children:
- name: resource_management
href: resource-management
- name: project_scope
title: project_scope
items:
- name: gitopsapplication
icon: gitops
gate: gitops-application
href: $project/gitops-appDevOps
- name: nav_dashboard
icon: bar_chart
href: overview
- name: nav_ci_dashboard
href: ci-dashboard
icon: ci
- name: nav_continuous_delivery
icon: devops
children:
- name: nav_builds
href: ci
gate: devops-tektonci
- name: release_pipelines_simple
href: cd
gate:
devops-process-orchestration
- name: nav_jenkins
href: pipelines/all
- name: nav_agile_project_management
icon: scrum
gate: devops-agile
children:
- name: nav_issues_list
href: agile-project-management/issues
- name: nav_test_management
icon: test_management
gate: devops-testmanagement-plan
children:
- name: nav_test_plan
href: test-management/plan
- name: nav_code_management
icon: code
href: code-management
- name: nav_artifact_management
icon: artifactory
children:
- name: nav_artifact_repository
href: artifact-management/repository
- name: nav_artifact_promotion
href: promotion-request
gate: devops-artifact-promotion
- name: nav_secrets
icon: secrets
href: secretsService Mesh
- name: nav_dashboard
icon: bar_chart
href: overview
- name: nav_service_topology
icon: topology
href: service_topology
- name: nav_service_list
icon: file
href: service-list
- name: nav_monitor
icon: monitor
href: data-panel
- name: alarm
icon: alarm
children:
- name: alarm_realtime
href: alarm_realtime
- name: alarm_strategy
href: alarm
- name: nav_jaeger
icon: view_jaeger
href: jaeger
- name: nav_log
icon: log
href: log
- name: nav_resource_list
icon: resource_list
href: resource-list
- name: nav_istio_gateway
icon: gateway
href: gatewayData Services
- name: overview
icon: bar_chart
href: overview
- name: mysql_pxc
icon: mysql
href: mysql-pxc
gate: middleware-mysql
- name: mysql_mgr
icon: mysql
href: mysql-mgr
gate: middleware-mysql-mgr
- name: redis
icon: redis
href: redis
- name: kafka
icon: kafka
href: kafka
- name: rabbit_mq
icon: rabbitmq
href: rabbitmq
- name: rocket_mq
icon: rocketmq
href: rocketmq
gate: middleware-rds-rocketmq
- name: mongo_db
icon: mongodb
href: mongodb
gate: middleware-rds-mongodb
- name: postgre_sql
icon: postgresql
href: postgresql
gate: middleware-rds-postgresql
- name: params_template
icon: params_template
href: params-template
- name: backup_center
icon: backup
children:
- name: backup_manage
href: backup/manage
- name: external_s3_storage
href: backup/s3
- name: inspection_center
icon: inspection
gate: middleware-rds-inspection
children:
- name: inspection_report
href: inspection/report
- name: inspection_tasks
href: inspection/task
- name: alarm_center
icon: alarm
children:
- name: alarm_realtime
href: alarm/realtime
- name: alarm_strategy
href: alarm/strategy
- name: alarm_history
href: alarm/history
- name: operators
icon: catalog
href: operator