{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}
<div {{bindAttr class="view.isLogWrapHidden::hidden :task-list-main-warp"}}>
  <div class="task-top-wrap">
     Tasks
    <div class="select-wrap">
      Show:
      {{view Ember.Select
        contentBinding="view.categories"
        optionValuePath="content.value"
        optionLabelPath="content.label"
        selectionBinding="view.category"
      }}
    </div>
  </div>
  <div id="host-log">
    {{#each role in view.roles}}
    {{#each taskInfo in role.taskInfos}}
    <div {{bindAttr class="taskInfo.isVisible::hidden :log-list-wrap"}}>
      <div {{action toggleTaskLog taskInfo}} class="task-list-line-cursor">
        <i {{bindAttr class="taskInfo.status taskInfo.icon"}}></i>
        <a href="#" class="" >
          {{{role.roleName}} {{taskInfo.command}}
        </a>
        <div class="show-details"><i class="icon-caret-right"></i></div>
      </div>
    </div>
    {{/each}}
    {{/each}}
    {{#if view.isEmptyList}}
      <div class="log-list-wrap">No tasks to show</div>
    {{/if}}
  </div>
</div>

<div {{bindAttr class="view.isLogWrapHidden:hidden :task-detail-info"}}>
  <div class="task-top-wrap">
    <a class="task-detail-back" href="javascript:void(null)" {{action backToTaskList}} ><i class="icon-arrow-left"></i>&nbsp;Tasks</a>
    <div>
      <!--<img src="data:image/png;base64,R0lGODlhFAAUAIAAAP///wAAACH5BAEAAAAALAAAAAAUABQAAAIRhI+py+0Po5y02ouz3rz7rxUAOw==" class="task-detail-status-ico" />-->
      <i class="task-detail-status-ico"></i>
      <span class="task-detail-log-rolename" ></span>
    </div>
    <div class="task-detail-ico-wrap">
      <div {{action "textTrigger" taskInfo target="view"}} class="task-detail-copy"><i class="icon-copy"></i></div>
      <div {{action openTaskLogInDialog}} class="task-detail-open-dialog"><i class="icon-external-link"></i></div>
    </div>
  </div>
  <div class="task-detail-log-info">
    <div class="content-area" >
      <div class="task-detail-log-clipboard-wrap" ></div>
      <div class="task-detail-log-maintext">
        <h5>stderr:</h5>
        <pre class="stderr"></pre>
        <h5>stdout:</h5>
        <pre class="stdout"></pre>
      </div>
    </div>
  </div>
</div>