Added logic to handle file too large errors

Author: Myztiq

client/directives/activePanel/tabs/editor/directiveFileEditor.js

@@ -11,7 +11,6 @@ function fileEditor(
   debounce,
   errs,
   keypather,
-  hasKeypaths,
   modelist,
   promisify,
   loadingPromises
@@ -61,7 +60,11 @@ function fileEditor(
         return promisify($scope.file, 'fetch')()
           .then(resetFileBodyState)
           .catch(function (error) {
-            $scope.hasError = 'failure';
+            if (keypather.get(error, 'data.res.statusCode') === 413) {
+              $scope.hasError = 'tooLarge';
+            } else {
+              $scope.hasError = 'failure';
+            }
             errs.report(error);
           })
           .finally(function () {

client/directives/activePanel/tabs/editor/viewFileEditor.jade

@@ -9,6 +9,11 @@
 )
   p.p We're Sorry, but your file is in another castle… and that castle just blew up! 😱
 
+.blank-panel(
+  ng-if = "!loading && hasError === 'tooLarge'"
+)
+  p.p The requested file is too large to load.
+
 .pre(
   lazy-load = "ui.ace"
   ng-if = "!hasError && file.attrs.fileType !== 'ssh'"