<div class="robots-manager-element">
  <div class="quay-spinner" ng-show="loading"></div>
  <div class="alert alert-info">Robot accounts allow for delegating access in multiple repositories to role-based accounts that you manage</div>

  <div class="container" ng-show="!loading">
    <div class="side-controls">
      <span class="popup-input-button" pattern="ROBOT_PATTERN" placeholder="'Robot Account Name'"
            submitted="createRobot(value)">
        <i class="fa fa-wrench"></i> Create Robot Account
      </span>
    </div>

    <table class="table">
      <thead>
        <th>Robot Account Name</th>
        <th style="width: 150px"></th>
      </thead>

      <tr ng-repeat="robotInfo in robots">
        <td class="robot">
          <i class="fa fa-wrench"></i>
          <a ng-click="showRobot(robotInfo)">
            <span class="prefix">{{ getPrefix(robotInfo.name) }}+</span>{{ getShortenedName(robotInfo.name) }}
          </a>
        </td>
        <td>
          <span class="delete-ui" delete-title="'Delete Robot Account'" perform-delete="deleteRobot(robotInfo)"></span>
        </td>
      </tr>
    </table>
  </div>

  <div class="docker-auth-dialog" username="shownRobot.name" token="shownRobot.token"
       shown="!!shownRobot" counter="showRobotCounter" supports-regenerate="true" regenerate="regenerateToken(username)">
    <i class="fa fa-wrench"></i> {{ shownRobot.name }}
  </div>
</div>