Add catch-all address interface

webadmin/src/views/email.html

@@ -58,6 +58,21 @@
     </div>
 </div>
 
+<div class="section-header" ng-show="mailConfig.enabled && false">
+    <div class="text-left">
+        <h3>Catch-All</h3>
+    </div>
+</div>
+
+<div class="card" style="margin-bottom: 15px;" ng-show="mailConfig.enabled && false">
+    <div class="row">
+        <div class="col-md-12">
+            Catch all Emails sent to non existing addresses and forward to those accounts:
+            <multiselect ng-model="catchall.addresses" options="address for address in catchall.availableAddresses" data-multiple="true"></multiselect>
+            <button class="btn btn-outline btn-primary" ng-disabled="catchall.busy" ng-click="catchall.submit()"><i class="fa fa-circle-o-notch fa-spin" ng-show="catchall.busy"></i> Save</button>        </div>
+    </div>
+</div>
+
 <div class="section-header" ng-show="dnsConfig.provider && dnsConfig.provider !== 'caas'">
     <div class="text-left">
         <h3>DNS Records</h3>

webadmin/src/views/email.js

@@ -17,6 +17,7 @@ angular.module('Application').controller('EmailController', ['$scope', '$locatio
         { name: 'PTR', value: 'ptr' }
     ];
     $scope.mailConfig = null;
+    $scope.users = [];
 
     $scope.showView = function (view) {
         // wait for dialog to be fully closed to avoid modal behavior breakage when moving to a different view already
@@ -28,6 +29,21 @@ angular.module('Application').controller('EmailController', ['$scope', '$locatio
         $('.modal').modal('hide');
     };
 
+    $scope.catchall = {
+        addresses: [],
+        busy: false,
+
+        submit: function () {
+            $scope.catchall.busy = true;
+
+            Client.setCatchallAddresses($scope.catchall.addresses, function (error) {
+                if (error) console.error('Unable to add catchall address.', error);
+
+                $scope.catchall.busy = false;
+            });
+        }
+    };
+
     $scope.email = {
         refreshBusy: false,
 
@@ -107,9 +123,31 @@ angular.module('Application').controller('EmailController', ['$scope', '$locatio
         });
     }
 
+    function getUsers() {
+        Client.getUsers(function (error, result) {
+            if (error) return console.error('Unable to get user listing.', error);
+
+            // only allow users with a Cloudron email address
+            $scope.catchall.availableAddresses = result.filter(function (u) { return !!u.email; }).map(function (u) { return u.email; });
+        });
+    }
+
+    function getCatchallAddresses() {
+        Client.getCatchallAddresses(function (error, result) {
+            if (error) return console.error('Unable to get catchall address listing.', error);
+
+            // dedupe in case to avoid angular breakage
+            $scope.catchall.addresses = result.filter(function(item, pos, self) {
+                return self.indexOf(item) == pos;
+            });
+        });
+    }
+
     Client.onReady(function () {
         getMailConfig();
         getDnsConfig();
+        getUsers();
+        getCatchallAddresses();
         $scope.email.refresh();
     });