Files
octavia-dashboard/neutron_lbaas_dashboard/static/dashboard/project/lbaasv2/pools/detail.html
Lucas Palm 7b90156da1 Add the angular LBaaS V2 members table and detail pages
This change implements the members table under the 'Members' tab on the pools
detail page that shows all of the members that belong to that particular pool.
It also adds the member detail page which includes the details for a specific
member in the pool.

Partially-Implements: blueprint horizon-lbaas-v2-ui
Change-Id: I879c840d174630c697375c5ce7649b01303aeb00
2016-02-05 14:54:00 +00:00

64 lines
2.5 KiB
HTML

<div class="content" ng-controller="PoolDetailController as ctrl">
<div class='page-header'>
<ol class="breadcrumb">
<li><a href="project/ngloadbalancersv2/"><translate>Load Balancers</translate></a></li>
<li><a href="project/ngloadbalancersv2/detail/{$ ::ctrl.loadbalancer.id $}">{$ ::(ctrl.loadbalancer.name || ctrl.loadbalancer.id) $}</a></li>
<li><a href="project/ngloadbalancersv2/listeners/detail/{$ ::ctrl.listener.id $}">{$ ::(ctrl.listener.name || ctrl.listener.id) $}</a></li>
<li class="active">{$ ::(ctrl.pool.name || ctrl.pool.id) $}</li>
</ol>
<p ng-if="::ctrl.pool.description">{$ ::ctrl.pool.description $}</p>
</div>
<div class="detail-page">
<tabset>
<tab heading="{$ 'Overview' | translate $}">
<dl class="dl-horizontal">
<div>
<dt translate>Pool ID</dt>
<dd>{$ ::ctrl.pool.id $}</dd>
</div>
<div>
<dt translate>Admin State Up</dt>
<dd>{$ ::ctrl.pool.admin_state_up | yesno $}</dd>
</div>
<div>
<dt translate>Tenant ID</dt>
<dd>{$ ::ctrl.pool.tenant_id $}</dd>
</div>
<div>
<dt translate>Protocol</dt>
<dd>{$ ::ctrl.pool.protocol $}</dd>
</div>
<div>
<dt translate>Load Balancer Algorithm</dt>
<dd>{$ ctrl.pool.lb_algorithm | decode:ctrl.lb_algorithm_mappings $}</dd>
</div>
<div>
<dt translate>Session Persistence</dt>
<dd>
<div ng-if="ctrl.pool.session_persistence">
{$ ::ctrl.pool.session_persistence $}
</div>
<div ng-if="!ctrl.pool.session_persistence">
{$ 'None' | translate $}
</div>
</dd>
</div>
<div>
<dt translate>Health Monitor ID</dt>
<dd>
<div ng-if="ctrl.pool.healthmonitor_id">
<a ng-href="project/ngloadbalancersv2/healthmonitors/detail/{$ ::ctrl.pool.healthmonitor_id $}">{$ ::ctrl.pool.healthmonitor_id $}</a>
</div>
<div ng-if="!ctrl.pool.healthmonitor_id">
{$ 'None' | translate $}
</div>
</dd>
</div>
</dl>
</tab>
<tab heading="{$ 'Members' | translate $}">
<ng-include src="'static/dashboard/project/lbaasv2/members/table.html'"></ng-include>
</tab>
</tabset>
</div>
</div>