Only show support ticket and remote support UI for paid plans

src/views/support.html

@@ -10,7 +10,11 @@
 
   <div class="card">
     <div class="grid-item-top">
-          <div class="row animateMeOpacity">
+      <div class="row animateMeOpacity" ng-show="subscription.plan.id === 'free'">
+        <p class="text-bold">Support tickets are only available in the paid plans.</p>
+        <p>You may find answers in our <a href="https://cloudron.io/documentation/apps/?support_view" target="_blank">documentation</a> or ask on the <a href="https://forum.cloudron.io/" target="_blank">Forum</a>.</p>
+      </div>
+      <div class="row animateMeOpacity" ng-hide="subscription.plan.id === 'free'">
         <div class="col-lg-12">
           <div ng-bind-html="supportConfig.ticketFormBody | markdown2html"></div>
           <form ng-show="supportConfig.submitTickets" name="feedbackForm" ng-submit="submitFeedback()">
@@ -55,7 +59,10 @@
 
   <div class="card" ng-show="supportConfig.remoteSupport">
     <div class="grid-item-top">
-          <div class="row animateMeOpacity">
+      <div class="row animateMeOpacity" ng-show="subscription.plan.id === 'free'">
+        <b>This features is only available in the paid plans.</b>
+      </div>
+      <div class="row animateMeOpacity" ng-hide="subscription.plan.id === 'free'">
         <div class="col-lg-12">
           Enable this option to allow support engineers to connect to this server via SSH.
           <br/>

src/views/support.js

@@ -71,6 +71,8 @@ angular.module('Application').controller('SupportController', ['$scope', '$locat
     }
 
     Client.onReady(function () {
+        getSubscription();
+
         Client.getSupportConfig(function (error, supportConfig) {
             if (error) return console.error(error);
 
@@ -80,8 +82,6 @@ angular.module('Application').controller('SupportController', ['$scope', '$locat
                 if (error) return console.error(error);
 
                 $scope.sshSupportEnabled = enabled;
-
-                getSubscription();
             });
         });
     });