Atlassian User Interface のアップグレード

アイコンはこの変更内容にかかわらず適切に表示されるようにしていますが、念のため、表示をご確認ください。AUI の縦揃えをオーバーライドしている場合、オーバーライドを削除して、既定の text-bottom を使用します。

1. 代わりに <aui-spinner></aui-spinner> を使用します。

2. この依存関係を適切な Web リソース直下の atlassian-plugin.xml に追加します。

   <dependency>com.atlassian.auiplugin:aui-spinner</dependency>

1. 代わりに次の AMD モジュールをインポートします。require('underscore')


2. この依存関係を適切なWeb リソース直下の atlassian-plugin.xml に追加します。
   • <dependency>jira.webresources:underscore-1.8.3</dependency>

1. *.js ファイルで “Backbone” の使用状況を確認します。

2. 次の AMD モジュールをインポートします。require('backbone')

3. これらの依存関係のいずれかを適切なWeb リソース直下の atlassian-plugin.xml に追加します。

   • (推奨) <dependency>jira.webresources:backbone-1.3.3</dependency>

   • <dependency>jira.webresources:ajs-backbone-amd-shim</dependency>

1. アドオンに AUI ヘッダーが存在するかどうかを確認します。

   • soy 内: call aui.page.header

   • css 内: class aui-header

   • html 内: nav.aui-header

2. 必要に応じて、次の依存関係を追加します。

   • com.atlassian.auiadd-on:aui-header (旧: aui-header-async)

   • com.atlassian.auiadd-on:aui-header-unresponsive (静的ヘッダー)

基本的な jQuery UI

Jira はAUI を介して基本的な jQuery UI を引き続き提供します。これで要件が満たされる場合、次の依存関係を追加することで使用できます。

<dependency>jira.webresources:jquery-ui</dependency>

その他の機能

アドオンに jQuery UI のほかの機能を追加する必要がある場合は、次の Web リソース キーを見つけ、関連する依存関係を追加します。

これを修正する方法は 2 つあります。

• 代わりに aui-inline-dialog2 を使用します。
  
  
• 次の依存関係を追加して現在のコードを動作させます。com.atlassian.auiplugin:inline-dialog

これを修正する方法は 2 つあります。

• 代わりに aui-dialog2 を使用します。

• 次の依存関係を追加して現在のコードを動作させます。com.atlassian.auiplugin:dialog

これを修正する方法は 2 つあります。

• 代わりに aui-dropdown2 を使用します。

• 次の依存関係を追加して現在のコードを動作させます。com.atlassian.auiplugin:dropdown

1. AJS() が関数として実行されている箇所を見つけます。

2. 次のいずれかを使用してコードを書き直します。

   • ネイティブな DOM 関数

   • jQuery

例:

• AJS("div") を document.createElement、または jQuery("<div></div>")、または他のテンプレート ソリューションに変更します。
• AJS.$(AJS).trigger('abcd') を $(document).trigger('abcd') に変更します。
• AJS.$(AJS).bind('abcd') を $(document).on('abcd') に変更します。

Cookie に関連するコードは jslibs に含まれているため、次のように再使用できます。

• AMD モジュール: atlassian/libs/cookie-1.0.0

• XML 依存関係: com.atlassian.plugin.jslibs:cookie-1.0.0

なお、AJS.Cookie は非推奨の Web リソースとして引き続き AUI 8 に同梱されています。

• XML 依存関係: com.atlassian.auiplugin:cookie

1. アドオンで Zepto を見つけます。

2. 次のソリューションのいずれかを使用します。

   • プロジェクトに Zepto をインポート

   • 代わりに jQuery を使用

ソース コード (java、js、soy、jsp、vm) で aui-message クラスを検索します。

1. success、hint、warning、info、および error のなどクラスを確認します。

2. aui-message プレフィクスをそれぞれのクラスに追加します。例:

   • info → aui-message-info

   • error → aui-message-error

• .aui-icon-success
• .aui-icon-warning
• .aui-icon-info
• .aui-icon-error
• .aui-icon-hint
• .aui-icon-generic
• .icon-generic
• .icon-error
• .icon-hint
• .icon-info
• .icon-success
• .icon-warning

代替方法:

代替方法として iconfont を使用できます。

• .icon-dropdown

• .icon-dropdown-active
• .icon-dropdown-active-d
• .icon-maximize
• .icon-maximize-d
• .icon-minimize
• .icon-minimize-d
• .icon-move
• .icon-move-d

代替方法:

代替方法として iconfont を使用できます。

以下のクラスは削除され、AUI 8 での代替方法は提供されていません。


• .aui-dropdown-icon

• .aui-box-shadow
• .vertical-tabs-aui-legacystyle2011
• .aui-nav-current
• .aui-zebra
• ヘッダー サイズの -hero および -marketing 変数