<page-header title="'Image list'" breadcrumbs="['Images']" reload="true"> </page-header>

<div class="row" authorization="DockerImageCreate">
  <div class="col-lg-12 col-md-12 col-xs-12">
    <rd-widget>
      <rd-widget-header icon="download" title-text="Pull image "> </rd-widget-header>
      <rd-widget-body>
        <form class="form-horizontal">
          <!-- image-and-registry -->
          <por-image-registry
            model="formValues.RegistryModel"
            auto-complete="true"
            label-class="col-sm-1"
            input-class="col-sm-11"
            endpoint="endpoint"
            is-admin="isAdmin"
            set-validity="setPullImageValidity"
            check-rate-limits="true"
          >
            <div ng-if="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'">
              <div class="col-sm-12 form-section-title"> Deployment </div>
              <!-- node-selection -->
              <node-selector model="formValues.NodeName" endpoint-id="endpoint.Id"> </node-selector>
              <!-- !node-selection -->
            </div>
            <div class="form-group">
              <div class="col-sm-12">
                <button
                  type="button"
                  class="btn btn-primary btn-sm"
                  ng-disabled="state.actionInProgress || !formValues.RegistryModel.Image || !state.pullRateValid"
                  ng-click="pullImage()"
                  button-spinner="state.actionInProgress"
                >
                  <span ng-hide="state.actionInProgress">Pull the image</span>
                  <span ng-show="state.actionInProgress">Download in progress...</span>
                </button>
              </div>
            </div>
          </por-image-registry>
          <!-- !image-and-registry -->
        </form>
      </rd-widget-body>
    </rd-widget>
  </div>
</div>

<docker-images-datatable
  is-host-column-visible="applicationState.endpoint.mode.agentProxy && applicationState.endpoint.mode.provider === 'DOCKER_SWARM_MODE'"
  on-download="(downloadAction)"
  on-remove="(confirmRemovalAction)"
  is-export-in-progress="state.exportInProgress"
  environment="endpoint"
></docker-images-datatable>
