feat(network): add the ability to specify a subnet/gateway when creating a network (#53)

app/components/createNetwork/createNetworkController.js

@@ -2,13 +2,18 @@ angular.module('createNetwork', [])
 .controller('CreateNetworkController', ['$scope', '$state', 'Messages', 'Network', 'errorMsgFilter',
 function ($scope, $state, Messages, Network, errorMsgFilter) {
   $scope.formValues = {
-    DriverOptions: []
+    DriverOptions: [],
+    Subnet: '',
+    Gateway: ''
   };
 
   $scope.config = {
     Driver: 'bridge',
     CheckDuplicate: true,
-    Internal: false
+    Internal: false,
+    IPAM: {
+      Config: []
+    }
   };
 
   $scope.addDriverOption = function() {
@@ -36,6 +41,17 @@ function ($scope, $state, Messages, Network, errorMsgFilter) {
     });
   }
 
+  function prepareIPAMConfiguration(config) {
+    if ($scope.formValues.Subnet) {
+      var ipamConfig = {};
+      ipamConfig.Subnet = $scope.formValues.Subnet;
+      if ($scope.formValues.Gateway) {
+        ipamConfig.Gateway = $scope.formValues.Gateway  ;
+      }
+      config.IPAM.Config.push(ipamConfig);
+    }
+  }
+
   function prepareDriverOptions(config) {
     var options = {};
     $scope.formValues.DriverOptions.forEach(function (option) {
@@ -46,6 +62,7 @@ function ($scope, $state, Messages, Network, errorMsgFilter) {
 
   function prepareConfiguration() {
     var config = angular.copy($scope.config);
+    prepareIPAMConfiguration(config);
     prepareDriverOptions(config);
     return config;
   }

app/components/createNetwork/createnetwork.html

@@ -18,6 +18,18 @@
             </div>
           </div>
           <!-- !name-input -->
+          <!-- subnet-gateway-inputs -->
+          <div class="form-group">
+            <label for="network_subnet" class="col-sm-1 control-label text-left">Subnet</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" ng-model="formValues.Subnet" id="network_subnet" placeholder="e.g. 172.20.0.0/16">
+            </div>
+            <label for="network_gateway" class="col-sm-1 control-label text-left">Gateway</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" ng-model="formValues.Gateway" id="network_gateway" placeholder="e.g. 172.20.10.11">
+            </div>
+          </div>
+          <!-- !subnet-gateway-inputs -->
           <!-- driver-input -->
           <div class="form-group">
             <label for="network_driver" class="col-sm-1 control-label text-left">Driver</label>