2016-06-08 06:23:11 +00:00
< rd-header >
2016-06-14 02:32:44 +00:00
< rd-header-title title = "Network list" >
< a data-toggle = "tooltip" title = "Refresh" ui-sref = "networks" ui-sref-opts = "{reload: true}" >
< i class = "fa fa-refresh" aria-hidden = "true" > < / i >
< / a >
< / rd-header-title >
2016-06-08 06:23:11 +00:00
< rd-header-content > Networks< / rd-header-content >
< / rd-header >
2016-09-14 04:28:38 +00:00
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-header icon = "fa-plus" title = "Add a network" >
< / rd-widget-header >
< rd-widget-body >
< form class = "form-horizontal" >
<!-- name - input -->
< div class = "form-group" >
< label for = "network_name" class = "col-sm-1 control-label text-left" > Name< / label >
< div class = "col-sm-11" >
< input type = "text" class = "form-control" ng-model = "config.Name" id = "network_name" placeholder = "e.g. myNetwork" >
< / div >
< / div >
<!-- !name - input -->
<!-- tag - note -->
< div class = "form-group" ng-if = "swarm" >
< div class = "col-sm-12" >
< span class = "small text-muted" > Note: The network will be created using the overlay driver and will allow containers to communicate across the hosts of your cluster.< / span >
< / div >
< / div >
< div class = "form-group" ng-if = "!swarm" >
< div class = "col-sm-12" >
< span class = "small text-muted" > Note: The network will be created using the bridge driver.< / span >
< / div >
< / div >
<!-- !tag - note -->
< div class = "form-group" >
< div class = "col-sm-12" >
< button type = "button" class = "btn btn-default btn-sm" ng-disabled = "!config.Name" ng-click = "createNetwork()" > Create< / button >
< button type = "button" class = "btn btn-default btn-sm" ui-sref = "actions.create.network" > Advanced settings...< / button >
< i id = "createNetworkSpinner" class = "fa fa-cog fa-spin" style = "margin-left: 5px; display: none;" > < / i >
< / div >
< / div >
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
< div class = "row" >
< div class = "col-lg-12 col-md-12 col-xs-12" >
< rd-widget >
< rd-widget-header icon = "fa-sitemap" title = "Networks" >
< div class = "pull-right" >
< i id = "loadNetworksSpinner" class = "fa fa-cog fa-2x fa-spin" style = "margin-top: 5px;" > < / i >
< / div >
< / rd-widget-header >
< rd-widget-taskbar classes = "col-lg-12" >
< div class = "pull-left" >
< button type = "button" class = "btn btn-danger" ng-click = "removeAction()" ng-disabled = "!state.selectedItemCount" > < i class = "fa fa-trash btn-ico" aria-hidden = "true" > < / i > Remove< / button >
< / div >
< div class = "pull-right" >
< input type = "text" id = "filter" ng-model = "state.filter" placeholder = "Filter..." class = "form-control input-sm" / >
< / div >
< / rd-widget-taskbar >
< rd-widget-body classes = "no-padding" >
< div class = "table-responsive" >
< table class = "table table-hover" >
< thead >
< tr >
< th > < / th >
< th >
< a ui-sref = "networks" ng-click = "order('Name')" >
Name
< span ng-show = "sortType == 'Name' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'Name' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('Id')" >
Id
< span ng-show = "sortType == 'Id' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'Id' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('Scope')" >
Scope
< span ng-show = "sortType == 'Scope' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'Scope' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('Driver')" >
Driver
< span ng-show = "sortType == 'Driver' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'Driver' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('IPAM.Driver')" >
IPAM Driver
< span ng-show = "sortType == 'IPAM.Driver' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'IPAM.Driver' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('IPAM.Config[0].Subnet')" >
IPAM Subnet
< span ng-show = "sortType == 'IPAM.Config[0].Subnet' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'IPAM.Config[0].Subnet' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< th >
< a ui-sref = "networks" ng-click = "order('IPAM.Config[0].Gateway')" >
IPAM Gateway
< span ng-show = "sortType == 'IPAM.Config[0].Gateway' && !sortReverse" class = "glyphicon glyphicon-chevron-down" > < / span >
< span ng-show = "sortType == 'IPAM.Config[0].Gateway' && sortReverse" class = "glyphicon glyphicon-chevron-up" > < / span >
< / a >
< / th >
< / tr >
< / thead >
< tbody >
< tr ng-repeat = "network in ( state.filteredNetworks = (networks | filter:state.filter | orderBy:sortType:sortReverse))" >
< td > < input type = "checkbox" ng-model = "network.Checked" ng-change = "selectItem(network)" / > < / td >
< td > < a ui-sref = "network({id: network.Id})" > {{ network.Name|truncate:40}}< / a > < / td >
< td > {{ network.Id }}< / td >
< td > {{ network.Scope }}< / td >
< td > {{ network.Driver }}< / td >
< td > {{ network.IPAM.Driver }}< / td >
< td > {{ network.IPAM.Config[0].Subnet ? network.IPAM.Config[0].Subnet : '-' }}< / td >
< td > {{ network.IPAM.Config[0].Gateway ? network.IPAM.Config[0].Gateway : '-' }}< / td >
< / tr >
2016-10-08 01:59:58 +00:00
< tr ng-if = "!networks" >
< td colspan = "8" class = "text-center text-muted" > Loading...< / td >
< / tr >
2016-10-07 04:55:09 +00:00
< tr ng-if = "networks.length == 0" >
< td colspan = "8" class = "text-center text-muted" > No networks available.< / td >
< / tr >
2016-09-14 04:28:38 +00:00
< / tbody >
< / table >
< / div >
< / rd-widget-body >
< rd-widget >
< / div >
2015-12-18 05:35:04 +00:00
< / div >