Eui dashboard listing

src/core_plugins/kibana/public/dashboard/index.js

@@ -6,23 +6,46 @@ import uiRoutes from 'ui/routes';
 import { toastNotifications } from 'ui/notify';
 
 import dashboardTemplate from './dashboard_app.html';
-import dashboardListingTemplate from './listing/dashboard_listing.html';
+import dashboardListingTemplate from './listing/dashboard_listing_ng_wrapper.html';
 
-import { DashboardListingController } from './listing/dashboard_listing';
 import { DashboardConstants, createDashboardEditUrl } from './dashboard_constants';
 import { SavedObjectNotFound } from 'ui/errors';
 import { FeatureCatalogueRegistryProvider, FeatureCatalogueCategory } from 'ui/registry/feature_catalogue';
 import { SavedObjectsClientProvider } from 'ui/saved_objects';
 import { recentlyAccessed } from 'ui/persisted_log';
+import { SavedObjectRegistryProvider } from 'ui/saved_objects/saved_object_registry';
+import { DashboardListing, EMPTY_FILTER } from './listing/dashboard_listing';
+import { uiModules } from 'ui/modules';
+
+const app = uiModules.get('app/dashboard', [
+  'ngRoute',
+  'react',
+]);
+
+app.directive('dashboardListing', function (reactDirective) {
+  return reactDirective(DashboardListing);
+});
 
 uiRoutes
   .defaults(/dashboard/, {
     requireDefaultIndex: true
   })
   .when(DashboardConstants.LANDING_PAGE_PATH, {
     template: dashboardListingTemplate,
-    controller: DashboardListingController,
-    controllerAs: 'listingController',
+    controller($injector, $location, $scope, Private, config) {
+      const services = Private(SavedObjectRegistryProvider).byLoaderPropertiesName;
+      const dashboardConfig = $injector.get('dashboardConfig');
+
+      $scope.listingLimit = config.get('savedObjects:listingLimit');
+      $scope.find = (search) => {
+        return services.dashboards.find(search, $scope.listingLimit);
+      };
+      $scope.delete = (ids) => {
+        return services.dashboards.delete(ids);
+      };
+      $scope.hideWriteControls = dashboardConfig.getHideWriteControls();
+      $scope.initialFilter = ($location.search()).filter || EMPTY_FILTER;
+    },
     resolve: {
       dash: function ($route, Private, courier, kbnUrl) {
         const savedObjectsClient = Private(SavedObjectsClientProvider);