タスクの詳細ページのカスタマイズ

タスクの詳細ページには、タスクおよびそのプロセスに関する情報が含まれています。しかしながら、タスクの詳細ページをカスタマイズして情報を追加したり、削除したりすることができます。

次の情報をタスクの詳細ページに追加することができます。

• タスクの JSON オブジェクトで入手できる情報（AEM Forms Workspace JSON オブジェクトの説明の「タスク」セクション）
• プロセスインスタンスの JSON オブジェクトで入手できる情報（AEM Forms Workspace JSON オブジェクトの説明の「プロセスインスタンス」セクション）

タスクの詳細ページをカスタマイズするには：

1. AEM Forms Workspace のカスタマイズの一般的な手順に従います。

2. 追加の情報を表示するには、対応するキーと値のペアをtranslation.jsonファイル(todoblock > detailsblock > appblock > [ requiredblock] )に追加します。

   [ requiredblock]は、タスク情報用のタスクブロック、プロセス情報用のプロセスブロック、保留中のタスク情報用の現在の保留中のタスクブロックなど、使用可能なブロックを指します。

   たとえば、タスクの詳細ページに必要なルート選択に関する情報を追加するには、以下のキーと値のペアを task ブロックに追加することができます。

   "todo" : {
       .
       .
       .
       "details" : {
           .
           .
           "task" : {
               .
               .
               "RouteSelectionRequired" : "Route Selection Required"
           }
       }
   }
   

   メモ

   対応するキーと値のペアをすべてのサポートされている言語に追加します。

3. /libs/ws/js/runtime/templates/taskdetails.html を /apps/ws/js/runtime/templates/taskdetails.html にコピーします。

   /apps/ws/js/runtime/templates/taskdetails.htmlに新しい情報を追加します。 次に例を示します。

   <div class="detailsContainer">
       .
       .
       <ul>
           .
           .
           <li>
               <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label>
               <div>
                   <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span>
               </div>
           </li>
           .
           .
       </ul>
   </div>
   

4. /apps/ws/js/registry.js を開いて編集します。

   text!/lc/libs/ws/js/runtime/templates/taskdetails.htmlを検索してtext!/lc/apps/ws/js/runtime/templates/taskdetails.htmlに置き換えます。