inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

update doc

Browse Source
This commit is contained in:
Mario Romano
2016-06-02 16:13:23 +01:00
parent c2c4a38c20
commit 99bac064df
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ng2-components/ng2-alfresco-upload/README.md
View File

@@ -92,6 +92,7 @@ npm install --save material-design-icons material-design-lite
[acceptedFilesType]=".jpg,.gif,.png,.svg" [acceptedFilesType]=".jpg,.gif,.png,.svg"
(onSuccess)="customMethod($event)"> (onSuccess)="customMethod($event)">
</alfresco-upload-button> </alfresco-upload-button>
<file-uploading-dialog></file-uploading-dialog>
``` ```
Example of an App that declares upload button component : Example of an App that declares upload button component :
@@ -100,37 +101,37 @@ Example of an App that declares upload button component :
import { Component } from 'angular2/core'; import { Component } from 'angular2/core';
import { bootstrap } from 'angular2/platform/browser'; import { bootstrap } from 'angular2/platform/browser';
import { HTTP_PROVIDERS } from 'angular2/http'; import { HTTP_PROVIDERS } from 'angular2/http';
import { AlfrescoSettingsService, AlfrescoTranslationService, AlfrescoTranslationLoader } from 'ng2-alfresco-core/dist/ng2-alfresco-core'; import { AlfrescoSettingsService , ALFRESCO_CORE_PROVIDERS } from 'ng2-alfresco-core/dist/ng2-alfresco-core';
import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload'; import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload';
@Component({ @Component({
selector: 'my-app', selector: 'my-app',
template: `<alfresco-upload-button [showUdoNotificationBar]="true" template: `<alfresco-upload-button [showUdoNotificationBar]="true"
[uploadFolders]="true" [uploadFolders]="false"
[multipleFiles]="false" [multipleFiles]="false"
[acceptedFilesType]="'.jpg,.gif,.png,.svg'" [acceptedFilesType]="'.jpg,.gif,.png,.svg'"
(onSuccess)="customMethod($event)"> (onSuccess)="customMethod($event)">
</alfresco-upload-button>`, </alfresco-upload-button>
directives: [ALFRESCO_ULPOAD_COMPONENT] <file-uploading-dialog></file-uploading-dialog>`,
directives: [ALFRESCO_ULPOAD_COMPONENTS]
}) })
export class MyDemoApp { export class MyDemoApp {
constructor(alfrescoSettingsService: AlfrescoSettingsService) { constructor(alfrescoSettingsService: AlfrescoSettingsService) {
alfrescoSettingsService.host = 'http://myalfrescoip'; alfrescoSettingsService.host = 'http://myalfrescoip';
} }
public customMethod(event: Object): void { public customMethod(event: Object): void {
console.log('File uploaded'); console.log('File uploaded');
} }
} }
bootstrap(MyDemoApp, [ bootstrap(MyDemoApp, [
HTTP_PROVIDERS, HTTP_PROVIDERS,
AlfrescoTranslationService, ALFRESCO_CORE_PROVIDERS,
AlfrescoTranslationLoader,
AlfrescoSettingsService,
UploadService UploadService
]); ]);
``` ```
#### Events #### Events
**onSuccess**: The event is emitted when the file is uploaded<br /> **onSuccess**: The event is emitted when the file is uploaded<br />
@@ -149,6 +150,7 @@ This component, provide a drag and drop are to upload files to alfresco.
```html ```html
<alfresco-upload-drag-area (onSuccess)="customMethod($event)"></alfresco-upload-drag-area> <alfresco-upload-drag-area (onSuccess)="customMethod($event)"></alfresco-upload-drag-area>
<file-uploading-dialog></file-uploading-dialog>
``` ```
Example of an App that declares upload drag and drop component : Example of an App that declares upload drag and drop component :
@@ -157,7 +159,7 @@ Example of an App that declares upload drag and drop component :
import { Component } from 'angular2/core'; import { Component } from 'angular2/core';
import { bootstrap } from 'angular2/platform/browser'; import { bootstrap } from 'angular2/platform/browser';
import { HTTP_PROVIDERS } from 'angular2/http'; import { HTTP_PROVIDERS } from 'angular2/http';
import { AlfrescoSettingsService, AlfrescoTranslationService, AlfrescoTranslationLoader } from 'ng2-alfresco-core/dist/ng2-alfresco-core'; import { AlfrescoSettingsService, ALFRESCO_CORE_PROVIDERS } from 'ng2-alfresco-core/dist/ng2-alfresco-core';
import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload'; import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload';
@@ -167,26 +169,26 @@ import { ALFRESCO_ULPOAD_COMPONENTS, UploadService } from 'ng2-alfresco-upload/d
<div style="width: 200px; height: 100px; border: 1px solid #888888"> <div style="width: 200px; height: 100px; border: 1px solid #888888">
DRAG HERE DRAG HERE
</div> </div>
</alfresco-upload-drag-area>`, </alfresco-upload-drag-area>
directives: [ALFRESCO_ULPOAD_COMPONENT] <file-uploading-dialog></file-uploading-dialog>`,
directives: [ALFRESCO_ULPOAD_COMPONENTS]
}) })
export class MyDemoApp { export class MyDemoApp {
constructor(alfrescoSettingsService: AlfrescoSettingsService) { constructor(alfrescoSettingsService: AlfrescoSettingsService) {
alfrescoSettingsService.host = 'http://myalfrescoip'; alfrescoSettingsService.host = 'http://myalfrescoip';
} }
public customMethod(event: Object): void { public customMethod(event: Object): void {
console.log('File uploaded'); console.log('File uploaded');
} }
} }
bootstrap(MyDemoApp, [ bootstrap(MyDemoApp, [
HTTP_PROVIDERS, HTTP_PROVIDERS,
AlfrescoTranslationService, ALFRESCO_CORE_PROVIDERS,
AlfrescoTranslationLoader,
AlfrescoSettingsService,
UploadService UploadService
]); ]);
``` ```
#### Events #### Events
**onSuccess**: The event is emitted when the file is uploaded<br /> **onSuccess**: The event is emitted when the file is uploaded<br />