-
Notifications
You must be signed in to change notification settings - Fork 230
/
routes.html
91 lines (90 loc) · 4.65 KB
/
routes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<project-header class="top-header"></project-header>
<project-page>
<!-- Middle section -->
<div class="middle-section">
<div class="middle-container">
<div class="middle-header header-toolbar">
<div class="container-fluid">
<div class="page-header page-header-bleed-right page-header-bleed-left">
<div class="pull-right" ng-if="project && ('routes' | canI : 'create')">
<a ng-href="project/{{project.metadata.name}}/create-route" class="btn btn-default">Create Route</a>
</div>
<h1>Routes</h1>
</div>
<alerts alerts="alerts"></alerts>
<div ng-if="!renderOptions.showGetStarted" class="data-toolbar">
<div class="data-toolbar-filter">
<project-filter></project-filter>
</div>
</div>
</div>
</div><!-- /middle-header-->
<div class="middle-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 gutter-top">
<table class="table table-bordered table-hover table-mobile">
<thead>
<tr>
<th>Name</th>
<th>Hostname</th>
<th>Routes To</th>
<th>Target Port</th>
<th>TLS Termination</th>
</tr>
</thead>
<tbody ng-if="(routes | hashSize) == 0">
<tr><td colspan="5"><em>{{emptyMessage}}</em></td></tr>
</tbody>
<tbody ng-repeat="route in routes | orderObjectsByDate : true">
<tr>
<td data-title="Name">
<a href="{{route | navigateResourceURL}}">{{route.metadata.name}}</a>
<route-warnings ng-if="route.spec.to.kind !== 'Service' || services"
route="route"
service="services[route.spec.to.name]">
</route-warnings>
</td>
<td data-title="Hostname">
<span ng-if="(route | isWebRoute)" class="word-break">
<a href="{{route | routeWebURL}}" target="_blank">{{route | routeLabel}}</a>
</span>
<span ng-if="!(route | isWebRoute)" class="word-break">
{{route | routeLabel}}
</span>
<span ng-if="!route.status.ingress" data-toggle="popover" data-trigger="hover" data-content="The route is not accepting traffic yet because it has not been admitted by a router." style="cursor: help; padding-left: 5px;">
<status-icon status="'Pending'" disable-animation></status-icon>
<span class="sr-only">Pending</span>
</span>
</td>
<td data-title="Routes To">
<span ng-if="route.spec.to.kind !== 'Service'">{{route.spec.to.kind}}: {{route.spec.to.name}}</span>
<span ng-if="route.spec.to.kind === 'Service'"><a ng-href="{{route.spec.to.name | navigateResourceURL : 'Service': route.metadata.namespace}}">{{route.spec.to.name}}</a></span>
</td>
<!-- Add non-breaking space to empty cells. Otherwise, table-mobile layout is broken. -->
<td data-title="Target Port">
<span ng-if="route.spec.port.targetPort">
<span ng-if="route.spec.to.kind !== 'Service'">{{route.spec.port.targetPort}}</span>
<!-- Show the short display port in the table, but the long in the title attr. -->
<span ng-if="route.spec.to.kind === 'Service'"
ng-attr-title="{{route | routeTargetPortMapping : services[route.spec.to.name]}}">
{{route.spec.port.targetPort}}
</span>
</span>
<span ng-if="!route.spec.port.targetPort"> </span>
</td>
<!-- Use shorter Termination title for table-mobile to avoid overlapping text. -->
<td data-title="Termination">
{{route.spec.tls.termination}}
<span ng-if="!route.spec.tls.termination"> </span>
</td>
</tr>
</tbody>
</table>
</div><!-- /col-* -->
</div>
</div>
</div><!-- /middle-content -->
</div><!-- /middle-container -->
</div><!-- /middle-section -->
</project-page>