<dom-module id="gr-checks-item">
  <template>
    <style>
      :host {
        border-top: 1px solid #ddd;
      }

      td:first-child {
        padding-left: 1rem;
      }

      td {
        padding: 1px 32px 1px 0;
        white-space: nowrap;
      }

      a.log {
        margin-right: 16px;
        display: inline-block;
      }
      .nav-icon {
        cursor: pointer;
      }
    </style>
    <td>
      <template is="dom-if" if="[[check.message]]">
          <iron-icon class="nav-icon" on-tap="_toggleMessageShown"
            icon="[[_computeExpandIcon(showCheckMessage)]]">
          </iron-icon>
      </template>
    </td>
    <td>[[check.checker_name]]</td>
    <td>[[_requiredForMerge]]</td>
    <td>
      <gr-checks-status show-text status="[[check.state]]" downgrade-failure-to-warning="[[false]]"></gr-checks-status>
    </td>
    <td><!--Check System--></td>
    <td>[[_startTime]]</td>
    <td>[[_duration]]</td>
    <td>
        <a href$="[[check.url]]" target="_blank" class="log">
          <gr-button link no-uppercase disabled="[[!check.url]]">
            View log
          </gr-button>
        </a>
<!--      disabling re-run button until the API for rerun is ready-->
<!--        <gr-button-->
<!--          link-->
<!--          no-uppercase-->
<!--          on-tap="handleClick">-->
<!--          Re-run-->
<!--        </gr-button>-->
      </td>
      <td>[[check.checker_description]]</td>
  </template>
  <script src="gr-checks-item.js"></script>
</dom-module>