Upgrade ng2-alfresco-documentlist/demo

ng2-components/ng2-alfresco-documentlist/demo/src/main.ts

@@ -15,23 +15,24 @@
  * limitations under the License.
  */
 
-import { Component, OnInit } from '@angular/core';
-import { bootstrap } from '@angular/platform-browser-dynamic';
-import { HTTP_PROVIDERS } from '@angular/http';
+
+import { NgModule, Component, OnInit } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { HttpModule, Http } from '@angular/http';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { TranslateModule, TranslateLoader } from 'ng2-translate/ng2-translate';
+import { CoreModule, AlfrescoTranslationLoader } from 'ng2-alfresco-core';
+import { DataTableModule }  from 'ng2-alfresco-datatable';
+import { DocumentListModule } from 'ng2-alfresco-documentlist';
 
 import {
-    ALFRESCO_CORE_PROVIDERS,
     AlfrescoSettingsService,
     AlfrescoAuthenticationService,
-    AlfrescoTranslationService,
-    CONTEXT_MENU_DIRECTIVES
+    AlfrescoTranslationService
 } from 'ng2-alfresco-core';
 
-import {
-    DOCUMENT_LIST_DIRECTIVES,
-    DOCUMENT_LIST_PROVIDERS,
-    DocumentActionsService
-} from 'ng2-alfresco-documentlist';
+import { DocumentActionsService } from 'ng2-alfresco-documentlist';
 
 @Component({
     selector: 'alfresco-documentlist-demo',
@@ -139,9 +140,7 @@ import {
         </alfresco-document-list>
             <context-menu-holder></context-menu-holder>
     `,
-    styles: [':host > .container {padding: 10px}'],
-    directives: [DOCUMENT_LIST_DIRECTIVES, CONTEXT_MENU_DIRECTIVES],
-    providers: [DOCUMENT_LIST_PROVIDERS]
+    styles: [':host > .container {padding: 10px}']
 })
 class DocumentListDemo implements OnInit {
 
@@ -212,7 +211,23 @@ class DocumentListDemo implements OnInit {
     }
 }
 
-bootstrap(DocumentListDemo, [
-    HTTP_PROVIDERS,
-    ALFRESCO_CORE_PROVIDERS
-]);
+@NgModule({
+    imports: [
+        BrowserModule,
+        FormsModule,
+        HttpModule,
+        CoreModule.forRoot(),
+        DataTableModule,
+        DocumentListModule.forRoot(),
+        TranslateModule.forRoot({
+            provide: TranslateLoader,
+            useFactory: (http) => new AlfrescoTranslationLoader(http),
+            deps: [Http]
+        })
+    ],
+    declarations: [ DocumentListDemo ],
+    bootstrap:    [ DocumentListDemo ]
+})
+export class AppModule { }
+
+platformBrowserDynamic().bootstrapModule(AppModule);