refs #5102 display an error message in case we cannot load any angularjs html template

plugins/CoreHome/CoreHome.php

@@ -119,6 +119,7 @@ class CoreHome extends \Piwik\Plugin
 
         $jsFiles[] = "plugins/CoreHome/angularjs/piwikApp.js";
         $jsFiles[] = "plugins/CoreHome/angularjs/anchorLinkFix.js";
+        $jsFiles[] = "plugins/CoreHome/angularjs/http404check.js";
 
         $jsFiles[] = "plugins/CoreHome/angularjs/siteselector/siteselector-model.js";
         $jsFiles[] = "plugins/CoreHome/angularjs/siteselector/siteselector-controller.js";

plugins/CoreHome/angularjs/http404check.js

+angular.module('piwikApp').factory('http404CheckInterceptor', function($q) {
+
+    function isClientError(rejection)
+    {
+        return rejection.status >= 400 && rejection.status < 408;
+    }
+
+    return {
+
+        'responseError': function(rejection) {
+            if (rejection
+                && isClientError(rejection)
+                && rejection.config
+                && rejection.config.url
+                && -1 !== rejection.config.url.indexOf('.html')
+                && -1 !== rejection.config.url.indexOf('plugins')) {
+
+                var message = 'Please check your server configuration. You may want to whitelist "*.html" files from the "plugins" directory.';
+                message    += ' The HTTP status code is ' + rejection.status;
+
+                var UI = require('piwik/UI');
+                var notification = new UI.Notification();
+                notification.show(message, {
+                    title: 'Failed to load HTML file:',
+                    context: 'error',
+                    id: 'Network_HtmlFileLoadingError'
+                });
+            }
+
+            return $q.reject(rejection);
+        }
+    };
+});
+
+angular.module('piwikApp').config(['$httpProvider',function($httpProvider) {
+    $httpProvider.interceptors.push('http404CheckInterceptor');
+}]);
\ No newline at end of file