You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aggregation-platform/plugins/kubernetes/html/pipelines.html

132 lines
6.3 KiB

<div class="row" ng-controller="Kubernetes.PipelinesController">
<script type="text/ng-template" id="hostLinkTemplate.html">
<div class="ngCellText">
</div>
</script>
<div class="row filter-header">
<div class="col-md-12">
<span>
<hawtio-filter ng-show="pipelines.length"
ng-model="filterText"
css-class="input-xxlarge"
placeholder="Filter builds..."></hawtio-filter>
</span>
<a class="btn btn-default pull-right"
title="Create a new project"
ng-show="forgeEnabled"
href="/workspaces/{{namespace}}/forge/createProject"><i class="fa fa-plus"></i> Create Project</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div ng-hide="fetched">
<div class="align-center">
<i class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div ng-show="fetched">
<div ng-hide="pipelines.length" class="align-center">
<p class="alert alert-info">There are no build pipelines available.</p>
<a class="btn btn-primary" href="{{baseUri}}/kubernetes/buildConfig">Create Build Configuration</a>
</div>
</div>
</div>
</div>
<div ng-show="fetched && pipelines.length">
<div ng-repeat="pipeline in pipelines | filter:filterText">
<div class="row">
<div class="pipeline-row">
<div ng-repeat="step in pipeline.triggersSteps">
<div ng-switch="step.buildConfig.kind">
<div ng-switch-default="">
<div class="col-md-1" ng-hide="$first">
<div class="pipeline-arrow">
<i class="fa fa-long-arrow-right"></i>
</div>
</div>
<div class="col-md-2 pipeline-build" title="Build configuration">
<span class="pipeline-build-details">
<a title="View details for this build configuration"
href="{{baseUri}}/kubernetes/buildConfigs/{{step.buildConfig.metadata.name}}">
<i class="fa fa-cog"></i>
{{step.buildConfig.metadata.name}}
</a>
</span>
&nbsp;&nbsp;&nbsp;
<span class="pipeline-last-build" ng-show="step.buildConfig.$lastBuild">
<a href="{{step.buildConfig.$lastBuild.$viewLink}}" title="view this build">
<i class="fa fa-info"></i>
build
</a>
</span>
<div class="ngCellText" class="pipeline-last-build-time"
title="last build was at: {{step.buildConfig.$lastBuild.$creationDate | date : 'h:mm:ss a, EEE MMM yyyy'}}">
<div ng-switch="step.buildConfig.$lastBuild.status">
<span ng-switch-when="New" class="text-primary">
<i class="fa fa-spin fa-spinner"></i> new: {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
<span ng-switch-when="Pending" class="text-primary">
<i class="fa fa-spin fa-spinner"></i> pending: {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
<span ng-switch-when="Running" class="text-primary">
<i class="fa fa-spin fa-spinner"></i> running {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
<span ng-switch-when="Complete" class="text-success">
<i class="fa fa-check-circle"></i> completed {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
<span ng-switch-when="Failed" class="text-danger">
<i class="fa fa-exclamation-circle"></i> failed {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
<span ng-switch-default class="text-warning">
<i class="fa fa-exclamation-triangle"></i> {{step.buildConfig.$lastBuild.status}}: {{step.buildConfig.$lastBuild.$creationDate.relative()}}
</span>
</div>
</div>
<div class="pipeline-last-build-logs">
<a href="{{step.buildConfig.$lastBuild.$logsLink}}" title="view the logs of this build">
<i class="fa fa-file-text-o"></i>
logs
</a>
</div>
</div>
</div>
<div ng-switch-when="DeploymentConfig">
<div class="col-md-1">
<div class="pipeline-arrow">
<i class="fa fa-long-arrow-right"></i>
</div>
</div>
<div class="col-md-2 pipeline-deploy" title="Deployment Configuration">
<div class="pipeline-build-details">
<a title="View details for this deployment configuration"
href="{{baseUri}}/kubernetes/deploymentConfigs/{{step.buildConfig.metadata.name}}">
<i class="fa fa-cogs"></i>
{{step.buildConfig.metadata.name}}
</a>
</div>
<div class="pipeline-deploy-pods">
<div class="pipeline-pod-counts" ng-show="step.$podCounters">pods:
<a ng-show="step.$podCounters.podsLink" target="pods" href="{{step.$podCounters.podsLink}}"
title="View pods for this deployment">
<span class="badge badge-success">{{step.$podCounters.ready}}</span>
<span class="badge badge-info">{{step.$podCounters.valid}}</span>
<span ng-show="step.$podCounters.waiting" class="badge">{{step.$podCounters.waiting}}</span>
<span ng-show="step.$podCounters.error"
class="badge badge-warning">{{step.$podCounters.error}}</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>