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-07-06 07:04:45 +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 shared 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" >
< 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 >
<!-- !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 >
< / div >
< / div >
< / form >
< / rd-widget-body >
< / rd-widget >
< / div >
< / div >
2016-06-02 05:34:03 +00:00
< div class = "col-lg-12" >
< rd-widget >
< rd-widget-header icon = "fa-sitemap" title = "Networks" >
< / rd-widget-header >
< rd-widget-taskbar classes = "col-lg-12" >
< div class = "pull-left" >
2016-07-06 03:38:34 +00:00
< button type = "button" class = "btn btn-danger" ng-click = "removeAction()" ng-disabled = "!state.selectedItemCount" > Remove< / button >
2016-06-02 05:34:03 +00:00
< / 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" >
< thead >
< tr >
< th > < label > < input type = "checkbox" ng-model = "state.toggle" ng-change = "toggleSelectAll()" / > Select< / label > < / th >
< th >
2016-06-14 02:13:52 +00:00
< a ui-sref = "networks" ng-click = "order('Name')" >
2016-06-02 05:34:03 +00:00
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 >
2016-06-14 02:13:52 +00:00
< a ui-sref = "networks" ng-click = "order('Scope')" >
2016-06-02 05:34:03 +00:00
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 >
2016-06-14 02:13:52 +00:00
< a ui-sref = "networks" ng-click = "order('IPAM.Config[0].Subnet')" >
2016-07-06 07:04:45 +00:00
Subnet
2016-06-02 05:34:03 +00:00
< 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 >
2016-06-14 02:13:52 +00:00
< a ui-sref = "networks" ng-click = "order('IPAM.Config[0].Gateway')" >
2016-07-06 07:04:45 +00:00
Gateway
2016-06-02 05:34:03 +00:00
< 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 >
2016-07-06 07:04:45 +00:00
< td > < a ui-sref = "network({id: network.Id})" > {{ network.Name|truncate:40}}< / a > < / td >
2016-06-02 05:34:03 +00:00
< td > {{ network.Scope }}< / td >
2016-07-06 07:04:45 +00:00
< td > {{ network.IPAM.Config[0].Subnet ? network.IPAM.Config[0].Subnet : '-' }}< / td >
< td > {{ network.IPAM.Config[0].Gateway ? network.IPAM.Config[0].Gateway : '-' }}< / td >
2016-06-02 05:34:03 +00:00
< / tr >
< / tbody >
< / table >
< / div >
< / rd-widget-body >
< rd-widget >
2015-12-18 05:35:04 +00:00
< / div >