Kibana7.4 页面定制显示

Kibana7.4 显示定制

服务还没有准备好提示信息(Kibana server is not ready yet)

src\core\server\http\http_service.ts:
  220:         this.log.debug(`Kibana server is not ready yet ${req.method}:${req.url.href}.`);
  226:           .response('Kibana server is not ready yet')

src\core\server\http\__snapshots__\http_service.test.ts.snap:
  15:       "Kibana server is not ready yet",

Loading Kibana加载定制

Loading Kibana提示信息：
xx\kibana\src\legacy\ui\ui_render\views\ui_app.pug Line:123

Loading Kibana图标：
x:\kibana\src\legacy\ui\ui_render\views\ui_app.pug Line:76
（kibanaLoader样式里面是图标周围转动的那个圈）

ui_app.pug这个文件里面有很多Kibana自己的提示信息，有需要可以将里面的东西都替换成自己的。

登录页面

页面文件：x:\kibana\src\legacy\ui\ui_render\views\chrome.pug
${uiPublicUrl}=\kibana\src\legacy\ui\public\assets\

页签title: Line 9

页签图标替换及其他尺寸图标替换：
修改x:\kibana\src\legacy\ui\public\assets\favicons\目录下对应图片或.svg文件

登录框上部LOGO：
替换：/plugins/opendistro_security/assets/open_distro_for_elasticsearch_logo_h.svg

首页

顶部导航

顶部导航文件：
C:\kibana\src\core\public\chrome\ui\header\header.tsx

左上角Logo:
C:\kibana\src\core\public\chrome\ui\header\header.tsx Line 242
 iconType="logoKibana" 参数
 可以使用.svg文件定制：iconType="https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg"
 参考文档：Elastic UI官网 ==> icon ==> Custom SVGs

 iconType：配置文件C:\kibana\node_modules\@elastic\eui\eui.d.ts

左侧导航

首页引用：
C:\kibana\src\core\public\chrome\ui\header\header.tsx Line 362

菜单定义位置：
C:\kibana\src\legacy\core_plugins\kibana\index.js