Add a wildcard provider option

src/views/domains.html

@@ -84,11 +84,11 @@
               <input type="text" class="form-control" ng-model="domainConfigure.nameComToken" name="nameComToken" ng-disabled="domainConfigure.busy" ng-minlength="1" ng-required="domainConfigure.provider === 'namecom'">
             </div>
 
-            <p ng-show="domainConfigure.provider === 'wildcard'">
+            <p class="small text-info" ng-show="domainConfigure.provider === 'wildcard'">
                 Setup <i>A</i> records for <b>*.{{ domainConfigure.newDomain || domainConfigure.domain.domain }}</b> and <b>{{ domainConfigure.newDomain || domainConfigure.domain.domain }}</b> to this server's IP.
             </p>
 
-            <p ng-show="domainConfigure.provider === 'manual'">
+            <p class="small text-info" ng-show="domainConfigure.provider === 'manual'">
                 <b>All DNS records have to be setup manually before each app installation.</b>
             </p>
 
@@ -110,6 +110,7 @@
               <div class="form-group">
                 <label class="control-label">Certificate Provider</label>
                 <select class="form-control" ng-model="domainConfigure.tlsConfig.provider" ng-options="a.value as a.name for a in tlsProvider"></select>
+                <small class="text-info" ng-show="domainConfigure.tlsConfig.provider === 'letsencrypt-prod' || domainConfigure.tlsConfig.provider === 'letsencrypt-staging'">Let's Encrypt requires your server to be reachable on port 80</small>
               </div>
 
               <!-- Fallback certificate -->

src/views/domains.js

@@ -8,9 +8,12 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
     $scope.config = Client.getConfig();
     $scope.domains = [];
     $scope.ready = false;
+    // currently, validation of wildcard with various provider is done server side
     $scope.tlsProvider = [
         { name: 'Let\'s Encrypt Prod', value: 'letsencrypt-prod' },
+        { name: 'Let\'s Encrypt Wildcard Prod', value: 'letsencrypt-prod-wildcard' },
         { name: 'Let\'s Encrypt Staging', value: 'letsencrypt-staging' },
+        { name: 'Let\'s Encrypt Wildcard Staging', value: 'letsencrypt-staging-wildcard' },
         { name: 'Custom Wildcard Certificate', value: 'fallback' },
     ];
 
@@ -153,6 +156,9 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
                 $scope.domainConfigure.provider = domain.provider;
 
                 $scope.domainConfigure.tlsConfig.provider = domain.tlsConfig.provider;
+                if (domain.tlsConfig.provider.indexOf('letsencrypt') === 0) {
+                    if (domain.tlsConfig.wildcard) $scope.domainConfigure.tlsConfig.provider += '-wildcard';
+                }
                 $scope.domainConfigure.zoneName = domain.zoneName;
 
                 $scope.domainConfigure.hyphenatedSubdomains = !!domain.config.hyphenatedSubdomains;
@@ -216,10 +222,19 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
                 };
             }
 
+            var tlsConfig = {
+                provider: $scope.domainConfigure.tlsConfig.provider,
+                wildcard: false
+            };
+            if ($scope.domainConfigure.tlsConfig.provider.indexOf('-wildcard') !== -1) {
+                tlsConfig.provider = tlsConfig.provider.replace('-wildcard', '');
+                tlsConfig.wildcard = true;
+            }
+
             // choose the right api, since we reuse this for adding and configuring domains
             var func;
-            if ($scope.domainConfigure.adding) func = Client.addDomain.bind(Client, $scope.domainConfigure.newDomain, $scope.domainConfigure.zoneName, provider, data, fallbackCertificate, $scope.domainConfigure.tlsConfig);
-            else func = Client.updateDomain.bind(Client, $scope.domainConfigure.domain.domain, $scope.domainConfigure.zoneName, provider, data, fallbackCertificate, $scope.domainConfigure.tlsConfig);
+            if ($scope.domainConfigure.adding) func = Client.addDomain.bind(Client, $scope.domainConfigure.newDomain, $scope.domainConfigure.zoneName, provider, data, fallbackCertificate, tlsConfig);
+            else func = Client.updateDomain.bind(Client, $scope.domainConfigure.domain.domain, $scope.domainConfigure.zoneName, provider, data, fallbackCertificate, tlsConfig);
 
             func(function (error) {
                 $scope.domainConfigure.busy = false;