diff --git a/demo-shell-ng2/app/components/files/files.component.html b/demo-shell-ng2/app/components/files/files.component.html
new file mode 100644
index 0000000000..1e8e217a92
--- /dev/null
+++ b/demo-shell-ng2/app/components/files/files.component.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ -
+ {{event.name}}: {{event.value.displayName}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/demo-shell-ng2/app/components/files/files.component.ts b/demo-shell-ng2/app/components/files/files.component.ts
index 88f99c2962..74a5891721 100644
--- a/demo-shell-ng2/app/components/files/files.component.ts
+++ b/demo-shell-ng2/app/components/files/files.component.ts
@@ -15,69 +15,18 @@
* limitations under the License.
*/
import {Component} from 'angular2/core';
-import {DOCUMENT_LIST_DIRECTIVES, DOCUMENT_LIST_PROVIDERS} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
+import {
+ DOCUMENT_LIST_DIRECTIVES,
+ DOCUMENT_LIST_PROVIDERS
+} from 'ng2-alfresco-documentlist/ng2-alfresco-documentlist';
import {MDL} from 'ng2-alfresco-core/material';
+declare let __moduleName:string;
+
@Component({
+ moduleId: __moduleName,
selector: 'files-component',
- template: `
-
-
-
-
-
-
- -
- {{event.name}}: {{event.value.displayName}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- `,
+ templateUrl: './files.component.html',
directives: [DOCUMENT_LIST_DIRECTIVES, MDL],
providers: [DOCUMENT_LIST_PROVIDERS]
})