2017-02-18 09:45:00 +00:00
< div class = "manage-trigger-githost-element manage-trigger-control" >
2017-02-23 01:22:34 +00:00
< linear-workflow
done-title="Create Trigger"
on-workflow-complete="$ctrl.createTrigger()">
2017-02-18 09:45:00 +00:00
<!-- Section: Namespace -->
2017-02-23 01:22:34 +00:00
< linear-workflow-section class = "row"
section-id="namespace"
section-title="{{ 'Select ' + $ctrl.namespaceTitle }}"
section-valid="$ctrl.local.selectedNamespace">
< div class = "col-lg-7 col-md-7 col-sm-12 main-col"
ng-if="$ctrl.local.namespaces">
2017-02-18 09:45:00 +00:00
< h3 > Select {{ $ctrl.namespaceTitle }}< / h3 >
2017-02-21 23:59:26 +00:00
< strong > Please select the {{ $ctrl.namespaceTitle }} under which the repository lives< / strong >
2017-02-18 09:45:00 +00:00
< div class = "co-top-bar" >
< div class = "co-filter-box" >
< span class = "page-controls"
total-count="$ctrl.local.orderedNamespaces.entries.length"
current-page="$ctrl.local.namespaceOptions.page"
page-size="$ctrl.namespacesPerPage">< / span >
< input class = "form-control" type = "text"
2017-02-20 02:17:12 +00:00
ng-model="$ctrl.local.namespaceOptions.filter"
2017-02-18 09:45:00 +00:00
placeholder="Filter {{ $ctrl.namespaceTitle }}s...">
< / div >
< / div >
2017-03-07 19:11:37 +00:00
< table class = "co-table" >
2017-02-18 09:45:00 +00:00
< thead >
2017-02-20 02:17:12 +00:00
< td class = "checkbox-col" > < / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('id', $ctrl.local.namespaceOptions.predicate, $ctrl.local.namespaceOptions.reverse)" >
< a ng-click = "$ctrl.TableService.orderBy('id', $ctrl.local.namespaceOptions)" > {{ $ctrl.namespaceTitle }}< / a >
< / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('score', $ctrl.local.namespaceOptions.predicate, $ctrl.local.namespaceOptions.reverse)"
class="importance-col hidden-xs">
< a ng-click = "$ctrl.TableService.orderBy('score', $ctrl.local.namespaceOptions)" > Importance< / a >
< / td >
2017-02-18 09:45:00 +00:00
< / thead >
< tr class = "co-checkable-row"
ng-repeat="namespace in $ctrl.local.orderedNamespaces.visibleEntries | slice:($ctrl.namespacesPerPage * $ctrl.local.namespaceOptions.page):($ctrl.namespacesPerPage * ($ctrl.local.namespaceOptions.page + 1))"
2017-03-07 19:27:52 +00:00
ng-class="$ctrl.local.selectedNamespace == namespace ? 'checked' : ''"
2017-02-18 09:45:00 +00:00
bindonce>
< td >
< input type = "radio"
ng-model="$ctrl.local.selectedNamespace"
2017-02-20 02:17:12 +00:00
ng-value="namespace">
2017-02-18 09:45:00 +00:00
< / td >
< td >
2017-02-20 02:17:12 +00:00
< img class = "namespace-avatar" ng-src = "{{ namespace.avatar_url }}" >
2017-02-23 01:22:34 +00:00
< span class = "anchor"
href="{{ namespace.url }}"
is-text-only="!namespace.url">{{ namespace.id }}< / span >
2017-02-18 09:45:00 +00:00
< / td >
< td class = "importance-col hidden-xs" >
2017-02-20 02:17:12 +00:00
< span class = "strength-indicator" value = "::namespace.score" maximum = "::$ctrl.local.maxScore"
2017-02-18 09:45:00 +00:00
log-base="10">< / span >
< / td >
< / tr >
< / table >
2017-02-23 01:22:34 +00:00
< div class = "empty"
ng-if="$ctrl.local.namespaces.length & & !$ctrl.local.orderedNamespaces.entries.length"
2017-02-18 09:45:00 +00:00
style="margin-top: 20px;">
< div class = "empty-primary-msg" > No matching {{ $ctrl.namespaceTitle }} found.< / div >
< div class = "empty-secondary-msg" > Try expanding your filtering terms.< / div >
< / div >
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-8 col-md-8 col-sm-12 main-col" ng-if = "!$ctrl.local.namespaces" >
2017-02-18 09:45:00 +00:00
< span class = "cor-loader-inline" > < / span > Retrieving {{ $ctrl.namespaceTitle }}s
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-4 col-md-4 hidden-sm hidden-xs help-col" ng-if = "$ctrl.local.namespaces" >
2017-02-18 09:45:00 +00:00
< p >
< span class = "registry-name" > < / span > has been granted access to read and view these {{ $ctrl.namespaceTitle }}s.
< / p >
< p >
Don't see an expected {{ $ctrl.namespaceTitle }} here? Please make sure third-party access is enabled for < span class = "registry-name" > < / span > under that {{ $ctrl.namespaceTitle }}.
< / p >
< / div >
2017-02-23 01:22:34 +00:00
< / linear-workflow-section > <!-- /Section: Namespace -->
2017-02-18 09:45:00 +00:00
<!-- Section: Repository -->
2017-02-23 01:22:34 +00:00
< linear-workflow-section class = "row"
section-id="repo"
section-title="Select Repository"
section-valid="$ctrl.local.selectedRepository">
2017-02-18 09:45:00 +00:00
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.repositories" >
2017-02-18 09:45:00 +00:00
< h3 > Select Repository< / h3 >
< strong >
Select a repository in
< img class = "namespace-avatar" ng-src = "{{ $ctrl.local.selectedNamespace.avatar_url }}" >
{{ $ctrl.local.selectedNamespace.id }}
< / strong >
< div class = "co-top-bar" >
< div class = "co-filter-box" >
< span class = "page-controls"
total-count="$ctrl.local.orderedRepositories.entries.length"
current-page="$ctrl.local.repositoryOptions.page"
page-size="$ctrl.repositoriesPerPage">< / span >
< input class = "form-control" type = "text"
ng-model="$ctrl.local.repositoryOptions.filter"
placeholder="Filter repositories...">
< div class = "filter-options" >
< label >
< input type = "checkbox"
ng-model="$ctrl.local.repositoryOptions.hideStale">
Hide stale repositories
< / label >
< / div >
< / div >
< / div >
< table class = "co-table" style = "margin-top: 20px;" >
< thead >
< td class = "checkbox-col" > < / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('name', $ctrl.local.repositoryOptions.predicate, $ctrl.local.repositoryOptions.reverse)" class = "nowrap-col" >
< a ng-click = "$ctrl.TableService.orderBy('name', $ctrl.local.repositoryOptions)" > Repository Name< / a >
< / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('last_updated_datetime', $ctrl.local.repositoryOptions.predicate, $ctrl.local.repositoryOptions.reverse)"
class="last-updated-col nowrap-col">
< a ng-click = "$ctrl.TableService.orderBy('last_updated_datetime', $ctrl.local.namespaceOptions)" > Last Updated< / a >
< / td >
< td class = "hidden-xs" > Description< / td >
< / thead >
< tr class = "co-checkable-row"
ng-repeat="repository in $ctrl.local.orderedRepositories.visibleEntries | slice:($ctrl.repositoriesPerPage * $ctrl.local.repositoryOptions.page):($ctrl.repositoriesPerPage * ($ctrl.local.repositoryOptions.page + 1))"
ng-class="$ctrl.local.selectedRepository == repository ? 'checked' : ''"
bindonce>
< td >
< span ng-if = "!repository.has_admin_permissions" >
< i class = "fa fa-exclamation-triangle"
data-title="Admin access is required to add the webhook trigger to this repository" bs-tooltip>< / i >
< / span >
2017-02-23 01:22:34 +00:00
< input type = "radio"
ng-model="$ctrl.local.selectedRepository"
ng-value="repository"
2017-02-18 09:45:00 +00:00
ng-if="repository.has_admin_permissions">
< / td >
< td class = "nowrap-col" >
< i class = "service-icon fa {{ $ctrl.getTriggerIcon() }}" > < / i >
2017-02-23 01:22:34 +00:00
< span class = "anchor"
href="{{ repository.url }}"
is-text-only="!repository.url">{{ repository.name }}< / span >
2017-02-18 09:45:00 +00:00
< / td >
< td class = "last-updated-col nowrap-col" >
< span am-time-ago = "repository.last_updated_datetime" > < / span >
< / td >
< td class = "hidden-xs" >
< span ng-if = "repository.description" > {{ repository.description }}< / span >
< span class = "empty-description" ng-if = "!repository.description" > (None)< / span >
< / td >
< / tr >
< / table >
2017-02-23 01:22:34 +00:00
< div class = "empty"
ng-if="$ctrl.local.repositories.length & & !$ctrl.local.orderedRepositories.entries.length"
2017-02-18 09:45:00 +00:00
style="margin-top: 20px;">
< div class = "empty-primary-msg" > No matching repositories found.< / div >
< div class = "empty-secondary-msg" > Try expanding your filtering terms.< / div >
< / div >
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-8 col-md-8 col-sm-12 main-col"
ng-if="!$ctrl.local.repositories">
2017-02-18 09:45:00 +00:00
< span class = "cor-loader-inline" > < / span > Retrieving repositories
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-4 col-md-4 hidden-sm hidden-xs help-col"
ng-if="$ctrl.local.repositories">
2017-02-18 09:45:00 +00:00
< p >
A webhook will be added to the selected repository in order to detect when new commits are made.
< / p >
< p >
Don't see an expected repository here? Please make sure you have admin access on that repository.
< / p >
< / div >
2017-02-23 01:22:34 +00:00
< / linear-workflow-section > <!-- /Section: Repository -->
2017-02-18 09:45:00 +00:00
<!-- Section: Trigger Options -->
2017-02-23 01:22:34 +00:00
< linear-workflow-section class = "row"
section-id="triggeroptions"
section-title="Configure Trigger"
section-valid="$ctrl.local.triggerOptions">
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.repositoryRefs" >
2017-02-18 09:45:00 +00:00
< h3 > Configure Trigger< / h3 >
< strong >
Configure trigger options for
< img class = "namespace-avatar" ng-src = "{{ $ctrl.local.selectedNamespace.avatar_url }}" >
{{ $ctrl.local.selectedNamespace.id }}/{{ $ctrl.local.selectedRepository.name }}
< / strong >
< div class = "radio" style = "margin-top: 20px;" >
< label >
2017-02-23 01:22:34 +00:00
< input type = "radio" name = "optionRadio"
ng-model="$ctrl.local.triggerOptions.hasBranchTagFilter"
ng-value="false">
2017-02-18 09:45:00 +00:00
< div class = "title" > Trigger for all branches and tags < span class = "weak" > (default)< / span > < / div >
< div class = "description" > Build a container image for each commit across all branches and tags< / div >
< / label >
< / div >
< div class = "radio" >
< label >
< input type = "radio" name = "optionRadio" ng-model = "$ctrl.local.triggerOptions.hasBranchTagFilter" ng-value = "true" >
< div class = "title" > Trigger only on branches and tags matching a regular expression< / div >
< div class = "description" > Only build container images for a subset of branches and/or tags.< / div >
< div class = "extended" ng-if = "$ctrl.local.triggerOptions.hasBranchTagFilter" >
< table >
< tr >
< td style = "white-space: nowrap;" > Regular Expression:< / td >
< td >
2017-02-23 01:22:34 +00:00
< input type = "text" class = "form-control"
ng-model="$ctrl.local.triggerOptions.branchTagFilter"
required>
2017-02-18 09:45:00 +00:00
< div class = "description" > Examples: heads/master, tags/tagname, heads/.+< / div >
< regex-match-view
items="$ctrl.local.repositoryFullRefs"
regex="$ctrl.local.triggerOptions.branchTagFilter"
ng-if="$ctrl.local.triggerOptions.branchTagFilter">< / regex-match-view >
< / td >
< / tr >
< / table >
< / div >
< / label >
< / div >
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-8 col-md-8 col-sm-12 main-col"
ng-if="!$ctrl.local.repositoryRefs">
2017-02-18 09:45:00 +00:00
< span class = "cor-loader-inline" > < / span > Retrieving repository refs
< / div >
< div class = "col-lg-4 col-md-4 hidden-sm hidden-xs help-col" >
< p > Do you want to build a new container image for commits across all branches and tags, or limit to a subset?< / p >
< p > For example, if you use release branches instead of < code > master< / code > for building versions of your software, you can configure the trigger to only build images for these branches.< / p >
< p > All images built will be tagged with the name of the branch or tag whose change invoked the trigger< / p >
< / div >
2017-02-23 01:22:34 +00:00
< / linear-workflow-section > <!-- /Section: Trigger Options -->
2017-02-18 09:45:00 +00:00
<!-- Section: Dockerfile Location -->
2017-02-23 01:22:34 +00:00
< linear-workflow-section class = "row"
section-id="dockerfilelocation"
section-title="Select Dockerfile"
section-valid="$ctrl.local.hasValidDockerfilePath">
< div class = "col-lg-7 col-md-7 col-sm-12 main-col"
ng-if="$ctrl.local.dockerfileLocations.status == 'error'">
2017-02-18 09:45:00 +00:00
< div class = "co-alert co-alert-warning" >
{{ $ctrl.local.dockerfileLocations.message }}
< / div >
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.dockerfileLocations.status == 'success'" >
2017-02-18 09:45:00 +00:00
< h3 > Select Dockerfile< / h3 >
< strong >
2017-02-20 02:17:12 +00:00
Please select the location of the Dockerfile to build when this trigger is invoked
2017-02-18 09:45:00 +00:00
< / strong >
< dockerfile-path-select
current-path="$ctrl.local.dockerfilePath"
paths="$ctrl.local.dockerfileLocations.subdir"
supports-full-listing="true"
is-valid-path="$ctrl.local.hasValidDockerfilePath">< / dockerfile-path-select >
< / div >
2017-02-23 01:22:34 +00:00
< div class = "col-lg-8 col-md-8 col-sm-12 main-col"
ng-if="!$ctrl.local.dockerfileLocations">
2017-02-18 09:45:00 +00:00
< span class = "cor-loader-inline" > < / span > Retrieving Dockerfile locations
< / div >
< div class = "col-lg-4 col-md-4 hidden-sm hidden-xs help-col" >
< p > Please select the location containing the Dockerfile to be built.< / p >
< p > The build context will start at the location selected.< / p >
< / div >
2017-02-23 01:22:34 +00:00
< / linear-workflow-section > <!-- /Section: Dockerfile Location -->
2017-02-18 09:45:00 +00:00
<!-- Section: Verification and Robot Account -->
2017-02-23 01:22:34 +00:00
< linear-workflow-section class = "row"
section-id="verification"
section-title="Confirm"
section-valid="$ctrl.local.triggerAnalysis.status != 'error' & & ($ctrl.local.triggerAnalysis.status != 'requiresrobot' || $ctrl.local.robotAccount != null)">
2017-02-18 09:45:00 +00:00
<!-- Error -->
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col"
ng-if="$ctrl.local.triggerAnalysis.status == 'error'">
2017-02-18 09:45:00 +00:00
< h3 class = "error" > < i class = "fa fa-exclamation-circle" > < / i > Verification Error< / h3 >
< strong >
There was an error when verifying the state of < img class = "namespace-avatar" ng-src = "{{ $ctrl.local.selectedNamespace.avatar_url }}" >
{{ $ctrl.local.selectedNamespace.id }}/{{ $ctrl.local.selectedRepository.name }}
< / strong >
{{ $ctrl.local.triggerAnalysis.message }}
< / div >
<!-- Warning -->
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.triggerAnalysis.status == 'warning'" >
2017-02-18 09:45:00 +00:00
< h3 class = "warning" > < i class = "fa fa-exclamation-triangle" > < / i > Verification Warning< / h3 >
{{ $ctrl.local.triggerAnalysis.message }}
< / div >
<!-- Public base -->
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.triggerAnalysis.status == 'publicbase'" >
2017-02-18 09:45:00 +00:00
< h3 class = "success" > < i class = "fa fa-check-circle" > < / i > Ready to go!< / h3 >
< strong > Click "Create Trigger" to complete setup of this build trigger< / strong >
< / div >
<!-- Requires robot and is not admin -->
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.triggerAnalysis.status == 'requiresrobot' && !$ctrl.local.triggerAnalysis.is_admin" >
2017-02-18 09:45:00 +00:00
< h3 > Robot Account Required< / h3 >
< p > The selected Dockerfile in the selected repository depends upon a private base image< / p >
< p > A robot account with access to the base image is required to setup this trigger, but you are not the administrator of this namespace.< / p >
< p > Administrative access is required to continue to ensure security of the robot credentials.< / p >
< / div >
<!-- Requires robot and is admin -->
2017-02-23 01:22:34 +00:00
< div class = "col-lg-7 col-md-7 col-sm-12 main-col" ng-if = "$ctrl.local.triggerAnalysis.status == 'requiresrobot' && $ctrl.local.triggerAnalysis.is_admin" >
2017-02-18 09:45:00 +00:00
< h3 > Select Robot Account< / h3 >
< strong >
The selected Dockerfile in the selected repository depends upon a private base image. Select a robot account with access:
< / strong >
< div class = "co-top-bar" >
< div class = "co-filter-box" >
< span class = "page-controls"
total-count="$ctrl.local.orderedRobotAccounts.entries.length"
current-page="$ctrl.local.robotOptions.page"
page-size="$ctrl.robotsPerPage">< / span >
< input class = "form-control" type = "text" ng-model = "$ctrl.local.robotOptions.filter" placeholder = "Filter robot accounts..." >
< / div >
< / div >
< table class = "co-table" style = "margin-top: 20px;" >
< thead >
< td class = "checkbox-col" > < / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('name', $ctrl.local.robotOptions.predicate, $ctrl.local.robotOptions.reverse)" >
< a ng-click = "$ctrl.TableService.orderBy('name', $ctrl.local.robotOptions)" > Robot Account< / a >
< / td >
< td ng-class = "$ctrl.TableService.tablePredicateClass('can_read', $ctrl.local.robotOptions.predicate, $ctrl.local.robotOptions.reverse)" >
< a ng-click = "$ctrl.TableService.orderBy('can_read', $ctrl.local.robotOptions)" > Has Read Access< / a >
< / td >
< / thead >
< tr class = "co-checkable-row"
ng-repeat="robot in $ctrl.local.orderedRobotAccounts.visibleEntries | slice:($ctrl.robotsPerPage * $ctrl.local.namespaceOptions.page):(robotsPerPage * ($ctrl.local.robotOptions.page + 1))"
ng-class="$ctrl.local.robotAccount == robot ? 'checked' : ''"
bindonce>
< td >
2017-02-23 01:22:34 +00:00
< input type = "radio"
ng-model="$ctrl.local.robotAccount"
ng-value="robot">
2017-02-18 09:45:00 +00:00
< / td >
< td >
< span class = "entity-reference" entity = "robot" > < / span >
< / td >
< td >
< span ng-if = "robot.can_read" class = "success" > Can Read< / span >
< span ng-if = "!robot.can_read" > Read access will be added if selected< / span >
< / td >
< / tr >
< / table >
< div class = "empty" ng-if = "$ctrl.local.triggerAnalysis.robots.length && !$ctrl.local.orderedRobotAccounts.entries.length"
style="margin-top: 20px;">
< div class = "empty-primary-msg" > No matching robot accounts found.< / div >
< div class = "empty-secondary-msg" > Try expanding your filtering terms.< / div >
< / div >
< / div >
< div class = "col-lg-4 col-md-4 hidden-sm hidden-xs help-col"
ng-if="$ctrl.local.triggerAnalysis.status == 'requiresrobot' & & $ctrl.local.triggerAnalysis.is_admin">
< p > The Dockerfile you selected utilizes a private base image.< / p >
< p > In order for the < span class = "registry-name" > < / span > to pull the base image during the build process, a robot account with access must be selected.< / p >
< p > Robot accounts that already have access to this base image are listed first. If you select a robot account that does not currently have access, read permission will be granted to that robot account on trigger creation.< / p >
< / div >
2017-02-23 01:22:34 +00:00
< / linear-workflow-section > <!-- /Section: Robot Account -->
2017-02-18 09:45:00 +00:00
2017-02-23 01:22:34 +00:00
< / linear-workflow >
< / div >
