From 767b31caa2c9926cabba0e7664a05e89b2cbc12b Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Wed, 21 Feb 2018 10:10:19 -0800
Subject: [PATCH] Display the pretty domain provider name in the table

This is especially needed to distinguish wildcard/manual.
---
 webadmin/src/views/domains.html |  2 +-
 webadmin/src/views/domains.js   | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/webadmin/src/views/domains.html b/webadmin/src/views/domains.html
index 9549b6734..13ba81517 100644
--- a/webadmin/src/views/domains.html
+++ b/webadmin/src/views/domains.html
@@ -214,7 +214,7 @@
                   {{ domain.domain }}
                 </td>
                 <td class="text-left elide-table-cell hidden-xs hidden-sm">
-                  {{ domain.provider }}
+                  {{ prettyProviderName(domain) }}
                 </td>
                 <td class="text-right no-wrap" style="vertical-align: bottom">
                   <button class="btn btn-xs btn-default" ng-click="domainMigrate.show(domain)" ng-show="domain.domain !== config.adminDomain && domain.provider !== 'caas' && provider === 'caas'" title="Migrate Domain"><i class="fa fa-exchange"></i></button>
diff --git a/webadmin/src/views/domains.js b/webadmin/src/views/domains.js
index c52002441..83f3f3969 100644
--- a/webadmin/src/views/domains.js
+++ b/webadmin/src/views/domains.js
@@ -22,6 +22,18 @@ angular.module('Application').controller('DomainsController', ['$scope', '$locat
         { name: 'No-op (only for development)', value: 'noop' }
     ];
 
+    $scope.prettyProviderName = function (domain) {
+        switch (domain.provider) {
+        case 'route53': return 'AWS Route53';
+        case 'cloudflare': return 'Cloudflare (DNS only)';
+        case 'digitalocean': return 'Digital Ocean';
+        case 'gcdns': return 'Google Cloud';
+        case 'manual': return domain.config.wildcard ? 'Wildcard' : 'Manual';
+        case 'noop': return 'No-op';
+        default: return 'Unknown';
+        }
+    };
+
     function readFileLocally(obj, file, fileName) {
         return function (event) {
             $scope.$apply(function () {