Add subscription setup link to paid branding feature

src/js/client.js

@@ -2272,6 +2272,9 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
         // we only allow the owner to do so
         if (!this._userInfo.isAtLeastOwner) return;
 
+        // basically the user has not setup appstore account yet
+        if (!subscription.plan) return window.location.href = '/#/appstore';
+
         var that = this;
 
         var email = subscription.emailEncoded;
@@ -2285,7 +2288,7 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
             var url = that.getConfig().webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + email + '&token=' + token;
 
             // Only open the subscription setup dialog when no subscription exists
-            if (subscription.plan.id === 'free') url += '&cloudronId=' + cloudronId
+            if (!subscription.plan || subscription.plan.id === 'free') url += '&cloudronId=' + cloudronId
 
             window.location.href = url;
         });

src/views/branding.html

@@ -89,6 +89,10 @@
   </div>
 
   <div class="card" ng-hide="config.features.branding">
-    Customizing the footer is only available in the premium plan.
+    <div class="row">
+      <div class="col-md-12">
+        Customizing the footer is only available in the paid plans. <a href="" class="pull-right" ng-click="openSubscriptionSetup()">Setup Subscription Now</a>
+      </div>
+    </div>
   </div>
 </div>

src/views/branding.js

@@ -9,6 +9,10 @@ angular.module('Application').controller('BrandingController', ['$scope', '$loca
     $scope.user = Client.getUserInfo();
     $scope.config = Client.getConfig();
 
+    $scope.openSubscriptionSetup = function () {
+        Client.openSubscriptionSetup($scope.$parent.subscription);
+    };
+
     $scope.avatarChange = {
         avatar: null, // { file, data, url }