Handle limit errors on posts, post type and users

app/common/controllers/notifier.js

@@ -5,13 +5,19 @@ function (
     $scope,
     $rootScope
 ) {
-    $scope.showNotificationslider = false;
+    $scope.showNotificationSlider = false;
+    $scope.showLimitSlider = false;
     $scope.showModalAlerts = false;
     $rootScope.$on('event:show:notification-slider', function (event, message) {
         $scope.notificationSliderMessage = message;
         $scope.showNotificationSlider = true;
     });
 
+    $rootScope.$on('event:show:limit-slider', function (event, message) {
+        $scope.limitSliderMessage = message;
+        $scope.showLimitSlider = true;
+    });
+
     $rootScope.$on('event:show:modal-alerts', function (event, messages) {
         $scope.modalAlertMessages = messages;
         $scope.showModalAlerts = true;

app/common/locales/en.json

@@ -9,6 +9,13 @@
     "feature_limits": {
         "view_unavailable" : "The {{value}} view isn't available on your current plan. <a href=\"/settings/plan\">Upgrade your plan</a> to get it!"
     },
+    "limit": {
+        "plan_limit" : "Ushahidi Plan Limit",
+        "post_limit_reached" : "You have reached the limit of published Posts for your plan. To get more simply <a href=\"/settings/plan\">upgrade your plan</a>.",
+        "admin_limit_reached" : "You have reached the limit of admin users for your plan. To get more simply <a href=\"/settings/plan\">upgrade your plan</a>.",
+        "post_type_limit_reached" : "You have reached the limit of post types for your plan. To get more simply <a href=\"/settings/plan\">upgrade your plan</a>.",
+        "upgrade" : "Upgrade"
+    },
     "form": {
         "add_field" : "Add New Field",
         "add_field_instructions": "Add instructions to this field",

app/common/services/notify.js

@@ -15,6 +15,10 @@ function ($window, _, $q, $rootScope) {
         $rootScope.$emit('event:show:notification-slider', message);
     };
 
+    var showLimitSlider = function (message) {
+        $rootScope.$emit('event:show:limit-slider', message);
+    };
+
     var showAlerts = function (alertMessages) {
         $rootScope.$emit('event:show:modal-alerts', alertMessages);
     };
@@ -40,7 +44,8 @@ function ($window, _, $q, $rootScope) {
         showNotificationSlider: showNotificationSlider,
         showAlerts: showAlerts,
         showApiErrors: showApiErrors,
-        showConfirm: showConfirm
+        showConfirm: showConfirm,
+        showLimitSlider: showLimitSlider
     };
 
 }];

app/post/directives/post-editor-directive.js

@@ -264,8 +264,22 @@ function (
                         $location.path('/');
                     }
                 }, function (errorResponse) { // errors
+                    var validationErrors = [];
+                    // @todo refactor limit handling
+                    _.each(errorResponse.data.errors, function (value, key) {
+                        // Ultimately this should check individual status codes
+                        // for the moment just check for the message we expect
+                        if (value.title === 'limit::posts') {
+                            $translate('limit.post_limit_reached').then(function (message) {
+                                Notify.showLimitSlider(message);
+                            });
+                        } else {
+                            validationErrors.push(value);
+                        }
+                    });
+
+                    Notify.showApiErrors(validationErrors);
 
-                    Notify.showApiErrors(errorResponse);
                     $scope.saving_post = false;
                 });
             };

app/setting/controllers/setting-forms-controller.js

@@ -6,15 +6,20 @@ module.exports = [
     'FormEndpoint',
     'FormStageEndpoint',
     'Notify',
+    'Config',
+    '_',
 function (
     $scope,
     $translate,
     $location,
     $q,
     FormEndpoint,
     FormStageEndpoint,
-    Notify
+    Notify,
+    Config,
+    _
 ) {
+    $scope.formQuota = Config.features.limits.forms;
 
     $translate('nav.posts_and_entities').then(function (title) {
         $scope.title = title;
@@ -55,6 +60,23 @@ function (
                     });
                     $location.url('/settings/forms/' + form.id + '/stages/' + stage.id);
                 });
+        }, function (errorResponse) {
+            var validationErrors = [];
+            // @todo refactor limit handling
+            _.each(errorResponse.data.errors, function (value, key) {
+                // Ultimately this should check individual status codes
+                // for the moment just check for the message we expect
+                if (value.title === 'limit::admin') {
+                    $translate('limit.post_type_limit_reached').then(function (message) {
+                        Notify.showLimitSlider(message);
+                    });
+                } else {
+                    validationErrors.push(value);
+                }
+            });
+
+            Notify.showApiErrors(validationErrors);
+            $scope.processing = false;
         });
     };
     // End new form

app/setting/controllers/setting-users-create-controller.js

@@ -38,7 +38,21 @@ function (
                 $location.path('/settings/users/' + response.id);
             }
         }, function (errorResponse) { // error
-            Notify.showApiErrors(errorResponse);
+            var validationErrors = [];
+            // @todo refactor limit handling
+            _.each(errorResponse.data.errors, function (value, key) {
+                // Ultimately this should check individual status codes
+                // for the moment just check for the message we expect
+                if (value.title === 'limit::admin') {
+                    $translate('limit.admin_limit_reached').then(function (message) {
+                        Notify.showLimitSlider(message);
+                    });
+                } else {
+                    validationErrors.push(value);
+                }
+            });
+
+            Notify.showApiErrors(validationErrors);
             $scope.processing = false;
         });
     };

app/setting/controllers/setting-users-edit-controller.js

@@ -44,7 +44,22 @@ function (
             }
             $rootScope.goBack();
         }, function (errorResponse) { // error
-            Notify.showApiErrors(errorResponse);
+            var validationErrors = [];
+            // @todo refactor limit handling
+            _.each(errorResponse.data.errors, function (value, key) {
+                // Ultimately this should check individual status codes
+                // for the moment just check for the message we expect
+                if (value.title === 'limit::admin') {
+                    $translate('limit.admin_limit_reached').then(function (message) {
+                        Notify.showLimitSlider(message);
+                    });
+                } else {
+                    validationErrors.push(value);
+                }
+            });
+
+            Notify.showApiErrors(validationErrors);
+
             $scope.processing = false;
         });
     };

server/www/templates/partials/notification-system.html

@@ -3,6 +3,14 @@
         <p>{{notificationSliderMessage}}</p>
     </notification-slider>
 
+    <notification-slider visible="showLimitSlider" >
+        <h1 translate>limit.plan_limit</h1>
+        <div translate>{{limitSliderMessage}}</div>
+        <div class="divider padded"></div>
+        <a class="button" href="/settings/plan" translate>limit.upgrade</a>
+        <div class="divider white"></div>
+    </notification-slider>
+
     <modal visible="showModalAlerts" title="notify.generic.alerts">
 
         <div id="alert-modal-text" ng-repeat="alert in modalAlertMessages">

server/www/templates/settings/forms/forms.html

@@ -13,11 +13,14 @@ <h1 class="title">{{title}}</h1>
 
     <h4>Start from scratch:</h4>
     <div class="cards-select">
-        <div class="selection-card custom">
+        <div class="selection-card custom" ng-show="forms.length < formQuota || formQuota === true">
             <a ng-click="openNewForm()" >
                 <h3>Add a new post type</h3>
             </a>
         </div>
+        <p ng-show="forms.length >= formQuota && formQuota !== true">
+            <span translate>limit.post_type_limit_reached</span>
+        </p>
     </div>
 
     <div ng-show="forms.length">