{{!
* 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">
     {{t common.tasks}}
    <div class="select-wrap">
      {{t common.show}}:
      {{view Ember.Select
        contentBinding="view.categories"
        optionValuePath="content.value"
        optionLabelPath="content.label"
        selectionBinding="view.category"
      }}
    </div>
  </div>
  <div id="host-log">
    {{#each taskInfo in view.tasks}}
    <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="" >
          {{{taskInfo.role}} {{taskInfo.command}}
        </a>
        <div class="show-details"><i class="icon-caret-right"></i></div>
      </div>
    </div>
    {{/each}}
    {{#if view.isEmptyList}}
      <div class="log-list-wrap">{{t installer.step9.hostLog.popup.noTasksToShow}}</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;{{t common.tasks}}</a>
    <div>
      <!--<img src="data:image/png;base64,R0lGODlhFAAUAIAAAP///wAAACH5BAEAAAAALAAAAAAUABQAAAIRhI+py+0Po5y02ouz3rz7rxUAOw==" class="task-detail-status-ico" />-->
      <i {{bindAttr class="view.openedTask.status :task-detail-status-ico view.openedTask.icon"}} class="task-detail-status-ico"></i>
      <span class="task-detail-log-rolename" >{{{view.openedTask.role}} {{view.openedTask.command}}</span>
    </div>
    <div class="task-detail-ico-wrap">
      <div title="Click to Copy" {{action "textTrigger" taskInfo target="view"}} class="task-detail-copy"><i class="icon-copy"></i> {{t common.copy}}</div>
      <div title="Open in New Window" {{action openTaskLogInDialog}} class="task-detail-open-dialog"><i class="icon-external-link"></i> {{t common.open}}</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">{{view.openedTask.stderr}}</pre>
        <h5>stdout:</h5>
        <pre class="stdout">{{view.openedTask.stdout}}</pre>
      </div>
    </div>
  </div>
</div>