From ebe280eedea416c84c2300c9b952bb42d73cdb53 Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin
Date: Fri, 7 Mar 2014 19:57:39 +0000
Subject: docs(404 errors): provide a better 404 experience

It is a bit rough and ready but does a better job than nothing.
---
 docs/app/assets/Error404.html                 | 13 +++++++++++++
 docs/app/src/docs.js                          |  2 +-
 docs/app/src/search.js                        |  4 ++++
 docs/config/templates/indexPage.template.html |  2 +-
 4 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 docs/app/assets/Error404.html

diff --git a/docs/app/assets/Error404.html b/docs/app/assets/Error404.html
new file mode 100644
index 00000000..d9ba1d72
--- /dev/null
+++ b/docs/app/assets/Error404.html
@@ -0,0 +1,13 @@
+<h1>Welcome To AngularJS</h1>
+
+<p>The page you were looking for is not here. Perhaps you were looking for something else...</p>
+
+<div class="search-results-frame" ng-controller="Error404SearchCtrl">
+
+  <div ng-repeat="(key, value) in results" ng-show="value.length">
+    <h4>{{ key }}</h4>
+    <ul class="search-results">
+      <li ng-repeat="item in value"><a ng-href="{{ item.path }}">{{ item.name }}</a></li>
+    </ul>
+  </div>
+</div>
diff --git a/docs/app/src/docs.js b/docs/app/src/docs.js
index 5163e982..74d78136 100644
--- a/docs/app/src/docs.js
+++ b/docs/app/src/docs.js
@@ -87,7 +87,7 @@ angular.module('DocsController', [])
         breadcrumbPath += '/';
       });
     } else {
-      $scope.currentArea = null;
+      $scope.currentArea = NG_NAVIGATION['api'];
       $scope.breadcrumb = [];
     }
   });
diff --git a/docs/app/src/search.js b/docs/app/src/search.js
index 9ae18ff6..49d73343 100644
--- a/docs/app/src/search.js
+++ b/docs/app/src/search.js
@@ -45,6 +45,10 @@ angular.module('search', [])
   };
 }])
 
+.controller('Error404SearchCtrl', ['$scope', '$location', 'docsSearch', function($scope, $location, docsSearch) {
+  $scope.results = docsSearch($location.path().split(/[\/\.:]/).pop());
+}])
+
 .factory('lunrSearch', function() {
   return function(properties) {
     if (window.RUNNING_IN_NG_TEST_RUNNER) return null;
diff --git a/docs/config/templates/indexPage.template.html b/docs/config/templates/indexPage.template.html
index 0dfe6cc0..b5ec7122 100644
--- a/docs/config/templates/indexPage.template.html
+++ b/docs/config/templates/indexPage.template.html
@@ -219,7 +219,7 @@
         </div>
         <div class="grid-right">
           <div id="loading" ng-show="loading">Loading...</div>
-          <div ng-hide="loading" ng-include="currentPage.outputPath" onload="afterPartialLoaded()"  autoscroll></div>
+          <div ng-hide="loading" ng-include="currentPage.outputPath || 'Error404.html'" onload="afterPartialLoaded()"  autoscroll></div>
         </div>
       </div>
     </section>
-- 
cgit v1.2.3