<commit_before>  <!-- TODO: lots of stuff. -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="page-title"><i class="xo-icon-host xo-color-{{host.power_state | lowercase}}"></i> {{host.name_label}}</p>
  </div>
</div>
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="fa fa-cogs" style="color: #e25440;"></i> General<a class="edit-button" href="#"><i class="fa fa-edit"></i></a></p>
    <div class="general-properties">
      <dl class="dl-horizontal">
        <dt>Name</dt>
          <dd>{{host.name_label}}</dd>
        <dt>Description</dt>
          <dd>{{host.name_description}}</dd>
        <dt>Enabled</dt>
          <dd>{{host.enabled}}</dd>
        <dt>Tags</dt>
          <dd>
            <span ng-repeat="tag in host.tags">
              <span class="label label-primary">{{tag}}</span>
            </span>
          </dd>
        <dt>CPUs</dt>
          <dd>{{host.CPUs}}</dd>
        <dt>Hostname</dt>
          <dd>{{host.hostname}}</dd>
        <dt>UUID</dt>
          <dd>{{host.uuid}}</dd>
        <dt>iSCSI IQN</dt>
          <dd>{{host.iscsi_iqn}}</dd>
      </dl>
    </div>
  </div>
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
    <div class="grid">
      <div class="grid-cell">
        <p class="stat-name">vCPUs/CPU usage:</p>
        <p class="center big">8/{{host.CPUs}}</p>
      </div>
      <div class="grid-cell">
        <p class="stat-name">RAM used:</p>
        <p class="center big">42%</p>
      </div>
      <div class="grid-cell">
        <p class="stat-name">Running VM:</p>
        <p class="center big">5</p>
      </div>
    </div>
  </div>
</div>

<!-- Memory panel -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="xo-icon-memory" style="color: #e25440;"></i> Memory</p>
    <div class="progress">
      <div class="progress-bar-host" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
      {{host.name_label}}
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 12%;">
      VM1
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
      VM Dev
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
      VM Dev2
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
      VM PHP
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
      VM Dev 3
      </div>
    </div>
    <ul class="list-inline text-center">
      <li>Total: {{host.memory.size | bytes}}</li>
      <li>Currently used: {{host.memory.usage | bytes}}</li>
      <li>Available: {{host.memory.available | bytes}}</li>
    </ul>
  </div>
</div>

<!-- Storage panel -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="xo-icon-sr" style="color: #e25440;"></i> Storage</p>
    <table class="table table-hover">
      <th>Name</th>
      <th>Description</th>
      <th>Type</th>
      <th>Shared</th>
      <th>Size</th>
      <th>Physical usage</th>
      <th>Allocated</th>
      <tr>
        <td>ZFS1</td>
        <td>Nexenta SAN</td>
        <td>lvmoiscsi</td>
        <td>Yes</td>
        <td>100GB</td><commit_msg>add action panel for host<commit_after>  <!-- TODO: lots of stuff. -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="page-title"><i class="xo-icon-host xo-color-{{host.power_state | lowercase}}"></i> {{host.name_label}}</p>
  </div>
</div>
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="fa fa-cogs" style="color: #e25440;"></i> General<a class="edit-button" href="#"><i class="fa fa-edit"></i></a></p>
    <div class="general-properties">
      <dl class="dl-horizontal">
        <dt>Name</dt>
          <dd>{{host.name_label}}</dd>
        <dt>Description</dt>
          <dd>{{host.name_description}}</dd>
        <dt>Enabled</dt>
          <dd>{{host.enabled}}</dd>
        <dt>Tags</dt>
          <dd>
            <span ng-repeat="tag in host.tags">
              <span class="label label-primary">{{tag}}</span>
            </span>
          </dd>
        <dt>CPUs</dt>
          <dd>{{host.CPUs}}</dd>
        <dt>Hostname</dt>
          <dd>{{host.hostname}}</dd>
        <dt>UUID</dt>
          <dd>{{host.uuid}}</dd>
        <dt>iSCSI IQN</dt>
          <dd>{{host.iscsi_iqn}}</dd>
      </dl>
    </div>
  </div>
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
    <div class="grid">
      <div class="grid-cell">
        <p class="stat-name">vCPUs/CPU usage:</p>
        <p class="center big">8/{{host.CPUs}}</p>
      </div>
      <div class="grid-cell">
        <p class="stat-name">RAM used:</p>
        <p class="center big">42%</p>
      </div>
      <div class="grid-cell">
        <p class="stat-name">Running VM:</p>
        <p class="center big">5</p>
      </div>
    </div>
  </div>
</div>

<!-- Memory panel -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="xo-icon-memory" style="color: #e25440;"></i> Memory</p>
    <div class="progress">
      <div class="progress-bar-host" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
      {{host.name_label}}
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 12%;">
      VM1
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
      VM Dev
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
      VM Dev2
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
      VM PHP
      </div>
      <div class="progress-bar progress-bar-vm" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
      VM Dev 3
      </div>
    </div>
    <ul class="list-inline text-center">
      <li>Total: {{host.memory.size | bytes}}</li>
      <li>Currently used: {{host.memory.usage | bytes}}</li>
      <li>Available: {{host.memory.available | bytes}}</li>
    </ul>
  </div>
</div>

<!-- Action panel -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="fa fa-flash" style="color: #e25440;"></i> Actions</p>
    <div class="grid">
      <div class="grid-cell text-center grid-button" tooltip="Add SR">
        <i class="xo-icon-sr fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Add VM">
        <i class="xo-icon-vm fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Reboot Host">
        <i class="fa fa-refresh fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Shutdown Host">
        <i class="fa fa-power-off fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Restart Toolstack">
        <i class="fa fa-retweet fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Remove from Pool">
        <i class="fa fa-cloud-upload fa-2x fa-fw"></i>
      </div>
      <div class="grid-cell text-center grid-button" tooltip="Host Console">
        <i class="xo-icon-console fa-2x fa-fw"></i>
      </div>
    </div>
  </div>
</div>

<!-- Storage panel -->
<div class="grid">
  <div class="grid-cell flat-panel">
    <p class="flat-panel-title"><i class="xo-icon-sr" style="color: #e25440;"></i> Storage</p>
    <table class="table table-hover">
      <th>Name</th>
      <th>Description</th>
      <th>Type</th>
      <th>Shared</th>
      <th>Size</th>
      <th>Physical usage</th>
      <th>Allocated</th>
      <tr>
        <td>ZFS1</td>
        <td>Nexenta SAN</td>
        <td>lvmoiscsi</td>
        <td>Yes</td>
        <td>100GB</td>
{'fraction_non_alphanumeric': 0.21845272206303726, 'fraction_numerical': 0.019484240687679084, 'mean_word_length': 2.678752107925801, 'pattern_counts': {'":': 0, '<': 344, '<?xml version=': 0, '>': 344, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '613928', 'n_tokens_mistral': 3313, 'n_tokens_neox': 3152, 'n_words': 588}