Implement upgrade request dialog

This is currently merely a placeholder for some real upgrade ui

webadmin/src/index.html

@@ -111,6 +111,25 @@
         </div>
     </div>
 
+    <!-- Modal plan upgrade -->
+    <div class="modal fade" id="upgradeModal" tabindex="-1" role="dialog">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title">Cloudron Upgrade</h4>
+                </div>
+                <div class="modal-body">
+                    <p>See available plans for upgrade at <a href="{{ config.webServerOrigin + '/pricing.html' }}" target="_blank">cloudron.io</a>.</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                    <button type="button" class="btn btn-success" ng-click="requestUpgrade()" ng-disabled="upgradeRequest.busy"><i class="fa fa-spinner fa-pulse" ng-show="upgradeRequest.busy"></i> Request Upgrade</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="animateMe ng-hide" ng-show="initialized">
 
         <!-- Navigation -->

webadmin/src/js/main.js

@@ -13,6 +13,10 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
         password: ''
     };
 
+    $scope.upgradeRequest = {
+        busy: false
+    };
+
     $scope.isActive = function (url) {
         if (!$route.current) return false;
         return $route.current.$$route.originalPath.indexOf(url) === 0;
@@ -37,6 +41,23 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
         window.location.href = '/error.html';
     };
 
+    $scope.requestUpgrade = function () {
+        $scope.upgradeRequest.busy = true;
+
+        var subject = 'User requested upgrade for ' + $scope.config.fqdn;
+        var description = 'User ' + $scope.user.email + ' requested an upgrade for ' + $scope.config.fqdn + '. Get back to him!!';
+
+        Client.feedback('upgrade_request', subject, description, function (error) {
+            $scope.upgradeRequest.busy = false;
+
+            if (error) return Client.notify('Error', error.message, false, 'error');
+
+            Client.notify('Success', 'We will get back to you as soon as possible for the upgrade.', true, 'success');
+
+            $('#upgradeModal').modal('hide');
+        });
+    };
+
     $scope.showUpdateModal = function (form) {
         $scope.update.error.password = null;
         $scope.update.password = '';

webadmin/src/views/appstore.html

@@ -104,11 +104,10 @@
                 <div class="collapse" id="collapseResourceConstraint" data-toggle="false">
                     <h4 class="text-danger">This Cloudron is running low on resources.</h4>
                     <p>Installing this app might decrease the performance of other apps. The Cloudron's resources can be extended with a plan upgrade or available resources may be freed up by uninstalling unused applications.</p>
-                    <p>See available plans for upgrade at <a href="{{ config.webServerOrigin + '/pricing.html' }}" target="_blank">cloudron.io</a>.</p>
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-success pull-left" ng-show="!appInstall.installFormVisible && user.admin && appInstall.resourceConstraintVisible" ng-click="">Upgrade Cloudron</button>
+                <button type="button" class="btn btn-success pull-left" ng-show="!appInstall.installFormVisible && user.admin && appInstall.resourceConstraintVisible" ng-click="showRequestUpgrade()">Upgrade Cloudron</button>
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                 <button type="button" class="btn btn-danger" ng-show="!appInstall.installFormVisible && user.admin && appInstall.resourceConstraintVisible" ng-click="appInstall.showForm(true)">Install anyway</button>
                 <button type="button" class="btn btn-success" ng-show="!appInstall.installFormVisible && user.admin && !appInstall.resourceConstraintVisible" ng-click="appInstall.showForm()">Install</button>

webadmin/src/views/appstore.js

@@ -314,6 +314,11 @@ angular.module('Application').controller('AppStoreController', ['$scope', '$loca
         $('#appNotFoundModal').modal('show');
     };
 
+    $scope.showRequestUpgrade = function () {
+        $('#appInstallModal').modal('hide');
+        $('#upgradeModal').modal('show');
+    };
+
     $scope.gotoApp = function (app) {
         $location.path('/appstore/' + app.manifest.id, false).search({ version : app.manifest.version });
     };

webadmin/src/views/settings.html

@@ -107,6 +107,10 @@
                     <td class="text-right" style="vertical-align: top; white-space: nowrap;">{{ config.version }}</td>
                 </tr>
             </table>
+            <br/>
+            <br/>
+            <br/>
+            <button class="btn btn-primary pull-right" data-toggle="modal" data-target="#upgradeModal">Upgrade</button>
         </div>
     </div>
 </div>