Hueのヘッダを変更する

Hueのブログにトップバナーを変更する方法が掲載されていたので、手元の環境でもやってみました。
http://gethue.com/add-a-top-banner-to-hue-2/?lang=ja
hue_banner
上記のスクリーンショットの黄色いバナー(と文字列)が追加したものです。
テスト環境と本番環境につなげる場合、色で区別するのはわかりやすいですね。

バナーを追加する

Cloudera Managerの場合は安全バルブに設定、そうでない場合は hue.iniを直接変更します。
手元の環境では以下のように変更しました。
Cloudera Manager
Hue -> 設定 -> Hue_safety_valve.ini のHueサービスの高度な設定スニペット(安全バルブ)に以下を追加
[code]
[desktop]
[[custom]]
# Top banner HTML code
banner_top_html='</pre><div style="background-color:#FFCC00;text-align:center;"><b>Hoge Cluster!</b></div><pre>’
[/code]

まとめ

Hueのブログにあるような、JavaScriptや画像を入れる方が見栄えがいいですね。
しかし、手元の環境では手打ちでJavaScirpt/HTMLを埋め込んだためか、うまくいかなかったです。あと、日本語文字列はうまくいかないようなのでご注意ください。

コメント