knittl
25c010ec3e
Add a button next to the image field when creating a new container, which takes the user to the Docker Hub search page for this image. Version identifiers are trimmed from the image name to ensure that matching images will be found.
84 lines
3.4 KiB
HTML
84 lines
3.4 KiB
HTML
<!-- use registry -->
|
|
<div ng-if="$ctrl.model.UseRegistry">
|
|
<div class="form-group">
|
|
<label for="image_registry" class="control-label text-left" ng-class="$ctrl.labelClass">
|
|
Registry
|
|
</label>
|
|
<div ng-class="$ctrl.inputClass">
|
|
<select
|
|
ng-options="registry as registry.Name for registry in $ctrl.availableRegistries track by registry.Name"
|
|
ng-model="$ctrl.model.Registry"
|
|
id="image_registry"
|
|
selected-item-id="ctrl.selectedItemId"
|
|
class="form-control"
|
|
></select>
|
|
</div>
|
|
<label for="image_name" ng-class="$ctrl.labelClass" class="margin-sm-top control-label text-left">Image</label>
|
|
<div ng-class="$ctrl.inputClass" class="margin-sm-top">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="registry-name">{{ $ctrl.displayedRegistryURL() }}</span>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
aria-describedby="registry-name"
|
|
uib-typeahead="image for image in $ctrl.availableImages | filter:$viewValue | limitTo:5"
|
|
ng-model="$ctrl.model.Image"
|
|
name="image_name"
|
|
placeholder="e.g. myImage:myTag"
|
|
ng-change="$ctrl.onImageChange()"
|
|
required
|
|
/>
|
|
<span ng-if="$ctrl.displayedRegistryURL() === 'docker.io'" class="input-group-btn">
|
|
<a href="https://hub.docker.com/search?type=image&q={{$ctrl.model.Image | trimshasum | trimversiontag}}"
|
|
class="btn btn-default"
|
|
title="Search image on Docker Hub"
|
|
target="_blank">
|
|
<i class="fab fa-docker"></i> Search
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ! use registry -->
|
|
<!-- don't use registry -->
|
|
<div ng-if="!$ctrl.model.UseRegistry">
|
|
<div class="form-group">
|
|
<span class="small">
|
|
<p class="text-muted" style="margin-left: 15px;">
|
|
<i class="fa fa-exclamation-circle blue-icon" aria-hidden="true" style="margin-right: 2px;"></i>
|
|
When using advanced mode, image and repository <b>must be</b> publicly available.
|
|
</p>
|
|
</span>
|
|
<label for="image_name" ng-class="$ctrl.labelClass" class="control-label text-left">Image </label>
|
|
<div ng-class="$ctrl.inputClass">
|
|
<input type="text" class="form-control" ng-model="$ctrl.model.Image" name="image_name" placeholder="e.g. registry:port/myImage:myTag" required />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ! don't use registry -->
|
|
<!-- info message -->
|
|
<div class="form-group" ng-show="$ctrl.form.image_name.$invalid">
|
|
<div class="col-sm-12 small text-warning">
|
|
<div ng-messages="$ctrl.form.image_name.$error">
|
|
<p ng-message="required"
|
|
><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Image name is required.
|
|
<span ng-if="$ctrl.canPull">Tag must be specified otherwise Portainer will pull all tags associated to the image.</span></p
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ! info message -->
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<p>
|
|
<a class="small interactive" ng-if="!$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = true;">
|
|
<i class="fa fa-database space-right" aria-hidden="true"></i> Simple mode
|
|
</a>
|
|
<a class="small interactive" ng-if="$ctrl.model.UseRegistry" ng-click="$ctrl.model.UseRegistry = false;">
|
|
<i class="fa fa-globe space-right" aria-hidden="true"></i> Advanced mode
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|