手順

1. 自分専用のテーマ用のディレクトリーを作成します。

   $ mkdir ~/horizon-themes
   $ cd ~/horizon-themes

2. ヌルループを実行するコンテナーを起動します。たとえば、以下のコマンドを実行します。

   $ sudo podman run --rm -d --name horizon-temp registry.redhat.io/rhosp-rhel8/openstack-horizon /usr/bin/sleep infinity

3. RCUE テーマをコンテナーからローカルディレクトリーにコピーします。

   $ sudo podman cp -a horizon-temp:/usr/share/openstack-dashboard/openstack_dashboard/themes/rcue .

4. コンテナーを強制終了します。

   $ sudo podman kill horizon-temp

   結果: これで、RCUE テーマのローカルコピーができました。

手順

1. horizon-themes ディレクトリー内に _12_mytheme_theme.py という名前の新たなファイルを作成し、以下の内容を追加します。

   AVAILABLE_THEMES = [('mytheme', 'My Custom Theme', 'themes/mytheme')]

   ファイル名の 12 により、このファイルが 11 を使用する RCUE ファイルの後に読み込まれ、AVAILABLE_THEMES パラメーターが上書きされます。

2. (オプション): _12_mytheme_theme.py ファイルで、カスタムパラメーターを設定することもできます。以下の例を目安にしてください。

   SITE_BRANDING

   ブラウザーウィンドウの上部に表示される HTML タイトルを設定します。

   SITE_BRANDING = "Example, Inc. Cloud"

   SITE_BRANDING_LINK

   デフォルトでは、テーマのロゴのハイパーリンクは horizon:user_home にリダイレクトします。

   SITE_BRANDING_LINK = "http://example.com"

手順

1. 以下の例に示すように、dockerfile により、元の horizon イメージをベースとして使用し、新たなコンテナーイメージを生成します。

   FROM registry.redhat.io/rhosp-rhel8/openstack-horizon
   MAINTAINER Acme
   LABEL name="rhosp-rhel8/openstack-horizon-mytheme" vendor="Acme" version="0" release="1"
   COPY mytheme /usr/share/openstack-dashboard/openstack_dashboard/themes/mytheme
   COPY _12_mytheme_theme.py /var/lib/config-data/horizon/etc/openstack-dashboard/local_settings.d/_12_mytheme_theme.py
   RUN sudo chown horizon:horizon /var/lib/config-data/horizon/etc/openstack-dashboard/local_settings.d/_12_mytheme_theme.py

2. このファイルを dockerfile という名前でご自分の horizon-themes ディレクトリーに保存します。

3. dockerfile を使用して新しいイメージを生成します。

   $ sudo podman build . -t "172.24.10.10:8787/rhosp-rhel8/openstack-horizon:0-5" --log-level debug

   -t オプションで、生成されるイメージに名前およびタグを付けます。このオプションには、以下の構文を使用します。

   [LOCATION]/[NAME]:[TAG]

   LOCATION

   これは通常、最終的にオーバークラウドがイメージをプルするのに使用するコンテナーレジストリーの場所です。ここでは、このイメージをアンダークラウドのコンテナーレジストリーにプッシュするので、この項目をアンダークラウドの IP アドレスおよびポートに設定します。

   NAME

   一貫性を保つため、通常は元のコンテナーイメージと同じ名前に続いて自分専用のテーマの名前を定義します。ここでは、rhosp-rhel8/openstack-horizon-mytheme になります。

   TAG

   イメージのタグです。Red Hat では、このタグのベースとして version および release ラベルを使用します。このイメージの新しいバージョンを生成する場合には、release の数字を増やします (例: 0-2)。

4. イメージをアンダークラウドのコンテナーレジストリーにプッシュします。

   $ sudo openstack tripleo container image push --local 172.24.10.10:8787/rhosp-rhel8/openstack-horizon:0-5

5. イメージがローカルレジストリーにアップロードされたことを確認します。

     [stack@director horizon-themes]$ curl http://172.24.10.10:8787/v2/_catalog | jq .repositories[] | grep -i hori
     "rhosp-rhel8/openstack-horizon"
     [stack@director horizon-themes]$
   
     [stack@director ~]$ sudo openstack tripleo container image list | grep hor
     | docker://director.ctlplane.localdomain:8787/rhosp-rhel8/openstack-horizon:16.0-84
     | docker://director.ctlplane.localdomain:8787/rhosp-rhel8/openstack-horizon:0-5  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,Uploaded
     [stack@director ~]$

手順

1. DockerHorizonConfigImage および DockerHorizonImage パラメーターを編集して、変更したコンテナーイメージをポイントします。

   parameter_defaults:
     ...
     ContainerHorizonConfigImage: 192.168.24.1:8787/rhosp-rhel8/openstack-horizon-mytheme:0-1
     ContainerHorizonImage: 192.168.24.1:8787/rhosp-rhel8/openstack-horizon-mytheme:0-1
     ...

2. この新しいバージョンの overcloud-images.yaml ファイルを保存します。