Demo app working

Refs #344

ng2-components/ng2-activiti-processlist/demo/src/main.ts

@@ -16,12 +16,18 @@
  */
 import { Component } from '@angular/core';
 import { bootstrap } from '@angular/platform-browser-dynamic';
-import { Ng2ActivitiProcesslistComponent } from 'ng2-activiti-processlist/dist/ng2-activiti-processlist';
+import {
+    ACTIVITI_PROCESSLIST_PROVIDERS,
+    ACTIVITI_PROCESSLIST_DIRECTIVES
+} from 'ng2-activiti-processlist/dist/ng2-activiti-processlist';
+import { ALFRESCO_CORE_PROVIDERS } from 'ng2-alfresco-core';
+import { HTTP_PROVIDERS } from '@angular/http';
 
 @Component({
   selector: 'my-app',
-  template: `<ng2-activiti-processlist></ng2-activiti-processlist>`,
+  template: `<activiti-processlist></activiti-processlist>`,
-  directives: [Ng2ActivitiProcesslistComponent]
+  providers: [ACTIVITI_PROCESSLIST_PROVIDERS],
+  directives: [ACTIVITI_PROCESSLIST_DIRECTIVES]
 })
 class MyDemoApp {
   constructor() {
@@ -29,5 +35,6 @@ class MyDemoApp {
   }
 }
 bootstrap(MyDemoApp, [
-  Ng2ActivitiProcesslistComponent
+    ALFRESCO_CORE_PROVIDERS,
+    HTTP_PROVIDERS
 ]);

ng2-components/ng2-activiti-processlist/demo/systemjs.config.js

@@ -19,11 +19,13 @@
 
   // map tells the System loader where to look for things
   var map = {
-    'ng2-activiti-processlist': 'node_modules/ng2-activiti-processlist',
+    'app': 'dist',
     '@angular': 'node_modules/@angular',
     'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
     'rxjs': 'node_modules/rxjs',
-    'app': 'dist/'
+    'ng2-translate': 'node_modules/ng2-translate',
+    'ng2-activiti-processlist': 'node_modules/ng2-activiti-processlist',
+    'ng2-alfresco-core': 'node_modules/ng2-alfresco-core/dist'
   };
 
   // packages tells the System loader how to load when no filename and/or no extension
@@ -31,7 +33,9 @@
     'app': { main: 'main.js',  defaultExtension: 'js' },
     'rxjs': { defaultExtension: 'js' },
     'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
-    'ng2-activiti-processlist': { main: 'index.js', defaultExtension: 'js' }
+    'ng2-translate': { defaultExtension: 'js' },
+    'ng2-activiti-processlist': { main: 'index.js', defaultExtension: 'js' },
+    'ng2-alfresco-core': { main: 'index.js', defaultExtension: 'js' }
   };
 
   var ngPackageNames = [

ng2-components/ng2-activiti-processlist/ng2-activiti-processlist.ts

@@ -15,4 +15,19 @@
  * limitations under the License.
  */
 
+import { Ng2ActivitiProcesslistComponent } from './src/components/ng2-activiti-processlist.component';
+import { ActivitiProcessService } from './src/services/activiti-process-service.service';
+
+// components
 export * from './src/components/ng2-activiti-processlist.component';
+
+// services
+export * from './src/services/activiti-process-service.service';
+
+export const ACTIVITI_PROCESSLIST_DIRECTIVES: [any] = [
+    Ng2ActivitiProcesslistComponent
+];
+
+export const ACTIVITI_PROCESSLIST_PROVIDERS: [any] = [
+    ActivitiProcessService
+];

ng2-components/ng2-activiti-processlist/src/components/ng2-activiti-processlist.component.ts

@@ -27,7 +27,7 @@ declare let __moduleName: string;
 
 @Component({
     moduleId: __moduleName,
-    selector: 'ng2-activiti-processlist',
+    selector: 'activiti-processlist',
     styles: [
       `
               :host h1 {

ng2-components/ng2-alfresco-datatable/demo/package.json

@@ -42,10 +42,7 @@
 
     "material-design-icons": "2.2.3",
     "material-design-lite": "1.1.3",
-    "ng2-translate": "2.2.2",
+    "ng2-activiti-processlist": "^0.1.0"
-
-    "ng2-alfresco-datatable": "^0.1.12",
-    "ng2-alfresco-core": "^0.1.36"
   },
   "devDependencies": {
     "browser-sync": "2.10.0",