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

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

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

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

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

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

2. 追加の情報を表示するには、対応するキーと値のペアをtodoブロック／detailsブロック／appブロック／[ required ブロック] にある translation.json ファイルに追加してください。

   [ requiredブロック]は、タスク情報の task ブロック、プロセス情報の process ブロック、および保留中のタスク情報の currentpendingtask ブロックなど、使用可能なブロックを指します。

   たとえば、タスクの詳細ページに必要なルート選択に関する情報を追加するには、以下のキーと値のペアを 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 で置き換えます。