From b7e3447a462a65075f2a1ce9841ed4ed434834a2 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 6 Jun 2017 13:14:50 +0200
Subject: [PATCH] Show subscription dialog on app update

---
 webadmin/src/index.html    |  4 ++--
 webadmin/src/js/main.js    | 16 ++++++++++------
 webadmin/src/views/apps.js |  7 ++++++-
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/webadmin/src/index.html b/webadmin/src/index.html
index 55be8ea16..b85e11bef 100644
--- a/webadmin/src/index.html
+++ b/webadmin/src/index.html
@@ -145,10 +145,10 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    <h4 class="modal-title" id="updateModalLabel">Setup Auto Update Subscription</h4>
+                    <h4 class="modal-title" id="updateModalLabel">Setup Update Subscription</h4>
                 </div>
                 <div class="modal-body">
-                    To get effortless automatic app and platform updates, subscribe to our Cloudron.io plans.<br/>
+                    To get effortless and automatic app and platform updates, subscribe to our Cloudron.io plans.<br/>
                     <br/>
                     See detailed information <a ng-href="{{ config.webServerOrigin + '/pricing.html' }}" target="_blank">here</a>.
                 </div>
diff --git a/webadmin/src/js/main.js b/webadmin/src/js/main.js
index 0b43e2347..e40b2c9da 100644
--- a/webadmin/src/js/main.js
+++ b/webadmin/src/js/main.js
@@ -33,14 +33,18 @@ angular.module('Application').controller('MainController', ['$scope', '$route',
     };
 
     $scope.showUpdateModal = function (form) {
-        $scope.update.error.generic = null;
-        $scope.update.error.password = null;
-        $scope.update.password = '';
+        if ($scope.currentSubscription.plan && $scope.currentSubscription.plan.id === 'free') {
+            $('#setupSubscriptionModal').modal('show');
+        } else {
+            $scope.update.error.generic = null;
+            $scope.update.error.password = null;
+            $scope.update.password = '';
 
-        form.$setPristine();
-        form.$setUntouched();
+            form.$setPristine();
+            form.$setUntouched();
 
-        $('#updateModal').modal('show');
+            $('#updateModal').modal('show');
+        }
     };
 
     $scope.doUpdate = function () {
diff --git a/webadmin/src/views/apps.js b/webadmin/src/views/apps.js
index 03c326bf1..dfc74a28b 100644
--- a/webadmin/src/views/apps.js
+++ b/webadmin/src/views/apps.js
@@ -329,7 +329,7 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
 
         Client.getAppBackups(app.id, function (error, backups) {
             if (error) {
-                Client.error(error)
+                Client.error(error);
             } else {
                 $scope.appRestore.backups = backups;
                 if (backups.length) $scope.appRestore.selectedBackup = backups[0]; // pre-select first backup
@@ -393,6 +393,11 @@ angular.module('Application').controller('AppsController', ['$scope', '$location
     };
 
     $scope.showUpdate = function (app) {
+        if ($scope.$parent.currentSubscription.plan && $scope.$parent.currentSubscription.plan.id === 'free') {
+            $('#setupSubscriptionModal').modal('show');
+            return;
+        }
+
         $scope.reset();
 
         $scope.appUpdate.app = app;