diff --git a/demo-shell-ng2/app/app.component.html b/demo-shell-ng2/app/app.component.html index ba0533b794..d3729187c9 100644 --- a/demo-shell-ng2/app/app.component.html +++ b/demo-shell-ng2/app/app.component.html @@ -57,6 +57,7 @@ @@ -80,6 +81,7 @@ Alfresco diff --git a/demo-shell-ng2/app/app.component.ts b/demo-shell-ng2/app/app.component.ts index 828d5c55ac..31de410d17 100644 --- a/demo-shell-ng2/app/app.component.ts +++ b/demo-shell-ng2/app/app.component.ts @@ -22,6 +22,7 @@ import {MDL} from 'ng2-alfresco-core/material'; import {FilesComponent} from './components/files/files.component'; import {Login} from 'ng2-alfresco-login/ng2-alfresco-login'; import {AuthRouterOutlet} from './components/router/AuthRouterOutlet'; +import {UploaderComponent} from './components/uploader/uploader.component'; declare var document: any; @@ -33,6 +34,7 @@ declare var document: any; @RouteConfig([ {path: '/home', name: 'Home', component: FilesComponent}, {path: '/', name: 'Files', component: FilesComponent, useAsDefault: true}, + {path: '/uploader', name: 'Uploader', component: UploaderComponent}, {path: '/login', name: 'Login', component: Login} ]) export class AppComponent { diff --git a/demo-shell-ng2/app/components/uploader/uploader.component.ts b/demo-shell-ng2/app/components/uploader/uploader.component.ts new file mode 100644 index 0000000000..5cdb55dfdc --- /dev/null +++ b/demo-shell-ng2/app/components/uploader/uploader.component.ts @@ -0,0 +1,93 @@ +import {Component, NgZone} from 'angular2/core'; +import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader'; + +@Component({ + selector: 'alfresco-uploader', + styles: [ + ` + :host .dropzone { + width: 100%; + height: 100px; + background-color: #f5f5f5; + margin-top: 2px; + margin-bottom: 2px; + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + text-align: center; + } + ` + ], + template: ` +