vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

starting ManageTriggerCustomGitComponent

Browse source
This commit is contained in:
alecmerdler 2017-02-17 17:08:33 -08:00 • committed by Joseph Schorr
parent 5ef4357dec
commit 00b1f0e3cc
5 changed files with 74 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

0
static/js/directives/ui/manage-trigger-custom-git/manage-trigger-custom-git.component.spec.ts Normal file
View file

69
static/js/directives/ui/manage-trigger-custom-git/manage-trigger-custom-git.component.ts Normal file
View file

@ -0,0 +1,69 @@
import { Input, Output, Component } from 'angular-ts-decorators';
@Component({
selector: 'manageTriggerCustomGit',
template: `
<div class="manage-trigger-custom-git-element manage-trigger-control">
<div class="linear-workflow"
workflow-state="$ctrl.currentState"
done-title="Create Trigger"
workflow-complete="$ctrl.activateTrigger({'config': $ctrl.config})">
<!-- Section: Repository -->
<div class="linear-workflow-section row"
section-id="repo"
section-title="Git Repository"
section-valid="$ctrl.config.build_source">
<div class="col-lg-7 col-md-7 col-sm-12 main-col">
<h3>Enter repository</h3>
<strong>
Please enter the HTTP or SSH style URL used to clone your git repository:
</strong>
<input class="form-control" type="text" placeholder="git@example.com:namespace/repository.git"
ng-model="$ctrl.config.build_source"
ng-pattern="$ctrl.gitUrlRegEx">
</div>
<div class="col-lg-5 col-md-5 hidden-sm hidden-xs help-col">
<p>Custom git triggers support any externally accessible git repository, via either the normal git protocol or HTTP.</p>
<p><b>It is the responsibility of the git repository to invoke a webhook to tell <span class="registry-name" short="true"></span> that a commit has been added.</b></p>
</div>
</div><!-- /Section: Repository -->
<!-- Section: Build context -->
<div class="linear-workflow-section row"
section-id="dockerfile"
section-title="Build context"
section-valid="$ctrl.config.subdir">
<div class="col-lg-7 col-md-7 col-sm-12 main-col">
<h3>Select build context directory</h3>
<strong>Please select the build context directory under the git repository:</strong>
<input class="form-control" type="text" placeholder="/"
ng-model="$ctrl.config.subdir" ng-pattern="/^($|\/|\/.+)/">
</div>
<div class="col-lg-5 col-md-5 hidden-sm hidden-xs help-col">
<p>The build context directory is the path of the directory containing the Dockerfile and any other files to be made available when the build is triggered.</p>
<p>If the Dockerfile is located at the root of the git repository, enter <code>/</code> as the build context directory.</p>
</div>
</div><!-- /Section: Build context -->
</div>
`
})
export class ManageTriggerCustomGitComponent implements ng.IComponentController {
// FIXME: Use one-way data binding
@Input('=') public trigger: {config: any};
@Output() public activateTrigger: any;
private config: any = {};
private currentState: any | null;
private gitUrlRegEx: string = "((ssh|http(s)?)|(git@[\w\.]+))(:(//)?)([\w\.@\:/\-~]+)(\.git)(/)?";
public $onChanges(changes: ng.IOnChangesObject): void {
if (changes['trigger'] !== undefined) {
this.config = Object.assign({}, changes['trigger'].currentValue.config);
}
}
}