39.10. 탐색 메뉴 구성
39.10.1. 상단 탐색 드롭 다운 메뉴
웹 콘솔의 상단 네비게이션 바에는 도움말 아이콘과 사용자 드롭다운 메뉴가 포함되어 있습니다. angular-extension-registry 를 사용하여 추가 메뉴 항목을 해당 메뉴에 추가할 수 있습니다.
사용 가능한 확장 지점은 다음과 같습니다.
-
Nav-help-dropdown- 도움말 아이콘 드롭다운 메뉴, 데스크탑 화면 너비에 표시됩니다. -
Nav-user-dropdown- 사용자 드롭다운 메뉴, 데스크탑 화면 너비에 표시 -
Nav-dropdown-mobile- 모바일 화면 너비에서 상단 탐색 항목을 위한 단일 메뉴
다음 예제에서는 이름이 <myExtensionModule> 인 탐색 -help-dropdown 메뉴를 확장합니다.
참고
<myExtensionModule> 은 플레이스 홀더 이름입니다. 각 드롭다운 메뉴 확장은 향후 angular 모듈과 충돌하지 않도록 충분히 고유해야 합니다.
angular
.module('<myExtensionModule>', ['openshiftConsole'])
.run([
'extensionRegistry',
function(extensionRegistry) {
extensionRegistry
.add('nav-help-dropdown', function() {
return [
{
type: 'dom',
node: '<li><a href="http://www.example.com/report" target="_blank">Report a Bug</a></li>'
}, {
type: 'dom',
node: '<li class="divider"></li>' // If you want a horizontal divider to appear in the menu
}, {
type: 'dom',
node: '<li><a href="http://www.example.com/status" target="_blank">System Status</a></li>'
}
];
});
}
]);
hawtioPluginLoader.addModule('<myExtensionModule>');확장 스크립트 및 스타일시트 로드 에 설명된 대로 스크립트를 추가합니다.
