手順

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

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

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

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

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

   $ sudo podman cp 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 /etc/openstack-dashboard/local_settings.d/_12_mytheme_theme.py
   RUN sudo chown apache:apache /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 アドレスおよびポートに設定します。

   名前

   一貫性を保つため、通常は元のコンテナーイメージと同じ名前で、その後はユーザー独自のテーマの名前になります。ここでは、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 ファイルを保存します。