mirror of https://github.com/portainer/portainer
106 lines
3.6 KiB
HTML
106 lines
3.6 KiB
HTML
<rd-header>
|
|
<rd-header-title title-text="Network details"></rd-header-title>
|
|
<rd-header-content>
|
|
<a ui-sref="docker.networks">Networks</a> > <a ui-sref="docker.networks.network({id: network.Id})">{{ network.Name }}</a>
|
|
</rd-header-content>
|
|
</rd-header>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-sitemap" title-text="Network details"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Name</td>
|
|
<td>{{ network.Name }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ID</td>
|
|
<td>
|
|
{{ network.Id }}
|
|
<button class="btn btn-xs btn-danger" ng-click="removeNetwork(network.Id)"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Delete this network</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Driver</td>
|
|
<td>{{ network.Driver }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Scope</td>
|
|
<td>{{ network.Scope }}</td>
|
|
</tr>
|
|
<tr ng-if="network.IPAM.Config[0].Subnet">
|
|
<td>Subnet</td>
|
|
<td>{{ network.IPAM.Config[0].Subnet }}</td>
|
|
</tr>
|
|
<tr ng-if="network.IPAM.Config[0].Gateway">
|
|
<td>Gateway</td>
|
|
<td>{{ network.IPAM.Config[0].Gateway }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- access-control-panel -->
|
|
<por-access-control-panel
|
|
ng-if="network && applicationState.application.authentication"
|
|
resource-id="network.Id"
|
|
resource-control="network.ResourceControl"
|
|
resource-type="'network'">
|
|
</por-access-control-panel>
|
|
<!-- !access-control-panel -->
|
|
|
|
<div class="row" ng-if="!(network.Options | emptyobject)">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-cogs" title-text="Network options"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr ng-repeat="(key, value) in network.Options">
|
|
<td>{{ key }}</td>
|
|
<td>{{ value }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row" ng-if="containersInNetwork.length > 0">
|
|
<div class="col-lg-12 col-md-12 col-xs-12">
|
|
<rd-widget>
|
|
<rd-widget-header icon="fa-server" title-text="Containers in network"></rd-widget-header>
|
|
<rd-widget-body classes="no-padding">
|
|
<table class="table">
|
|
<thead>
|
|
<th>Container Name</th>
|
|
<th>IPv4 Address</th>
|
|
<th>IPv6 Address</th>
|
|
<th>MacAddress</th>
|
|
<th>Actions</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="container in containersInNetwork">
|
|
<td><a ui-sref="docker.containers.container({ id: container.Id, nodeName: nodeName })">{{ container.Name }}</a></td>
|
|
<td>{{ container.IPv4Address || '-' }}</td>
|
|
<td>{{ container.IPv6Address || '-' }}</td>
|
|
<td>{{ container.MacAddress || '-' }}</td>
|
|
<td>
|
|
<button type="button" class="btn btn-xs btn-danger" ng-click="containerLeaveNetwork(network, container)"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Leave Network</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</rd-widget-body>
|
|
</rd-widget>
|
|
</div>
|
|
</div>
|