From f37c6aca082e8f7824530df23d8e67bd27912217 Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Fri, 6 May 2016 14:49:02 +0100
Subject: [PATCH]  #46 upload Readme and css/html improvement

---
 ng2-components/ng2-alfresco-upload/README.md  | 76 ++++++++++++++-----
 .../ng2-alfresco-upload.d.ts                  |  2 +-
 .../ng2-alfresco-upload.ts                    |  2 +-
 .../components/upload-drag-area.component.css |  2 +-
 .../upload-drag-area.component.html           |  2 +-
 5 files changed, 62 insertions(+), 22 deletions(-)

diff --git a/ng2-components/ng2-alfresco-upload/README.md b/ng2-components/ng2-alfresco-upload/README.md
index 658ec66747..ddb11b512b 100644
--- a/ng2-components/ng2-alfresco-upload/README.md
+++ b/ng2-components/ng2-alfresco-upload/README.md
@@ -1,28 +1,68 @@
 # Alfresco Upload Component for Angular 2
+<p>
+  <a href='https://raw.githubusercontent.com/Alfresco/dev-platform-webcomponents/master/ng2-components/ng2-alfresco-upload/LICENSE'>
+     <img src='https://img.shields.io/hexpm/l/plug.svg' alt='license' />
+  </a>
+  <a href='https://www.alfresco.com/'>
+     <img src='https://img.shields.io/badge/style-component-green.svg?label=alfresco' alt='my blog' />
+  </a>
+</p>
+
+## Install
+Alternatively you can build component from sources with the following commands:
+
+
+
+```sh
+npm install --save ng2-alfresco-upload
+```
+
+
+
+## Build from sources
+Alternatively you can build component from sources with the following commands:
+
+
+```sh
+npm install
+npm run build
+```
 
 Components included:
 
-* Upload Component
+- [Upload button](#upload-button)
+- [Drag and Drop](#drag-and-drop)
 
-### Custom Upload Component
+### Upload button
+This component, provide a buttons to upload files to alfresco.
 
-```ts
-import {Component} from 'angular2/core';
-import {Login} from 'ng2-alfresco-login/ng2-alfresco-login';
+#### Basic usage
 
-@Component({
-    selector: 'my-login',
-    template: ' <alfresco-login method="{{methodName}}"></alfresco-login>',
-    directives: [Login]
-})
-export class MyLoginComponent {
-    methodName: string = 'POST';
-}
+
+```html
+<alfresco-upload-button [showDialogUpload]="true"
+                        [showUdoNotificationBar]="true"
+                        [uploadFolders]="true"
+                        [multipleFiles]="false"
+                        [acceptedFilesType]="*">
+</alfresco-upload-button>
+```
+#### Options
+
+**showDialogUpload**: {boolean} optional) default true. Hide/show upload dialog.<br />
+**showUdoNotificationBar**: {boolean} (optional) default true. Hide/show notification bar.<br />
+**uploadFolders**: {boolean} (optional) default false. Allow/disallow upload folders (only for chrome).<br />
+**multipleFiles**: {boolean} (optional) default false. Allow/disallow multiple files.<br />
+**acceptedFilesType**: {string} (optional) default "*". array of allowed file extensions , example: ".jpg,.gif,.png,.svg" .<br />
+
+### Drag and drop
+This component, provide a drag and drop are to upload files to alfresco.
+
+#### Basic usage
+```html
+<alfresco-upload-drag-area [showDialogUpload]="boolean" ></alfresco-upload-drag-area>
 ```
 
-### Build
+#### Options
 
-```
-$ npm install
-$ npm run build
-```
\ No newline at end of file
+**showDialogUpload**: {boolean} optional) default true. Hide/show upload dialog.<br />
diff --git a/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.d.ts b/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.d.ts
index f60e5af1f9..6781e73186 100644
--- a/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.d.ts
+++ b/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.d.ts
@@ -21,7 +21,7 @@ import { UploadButtonComponent } from './src/components/upload-button.component'
  * ng2-alfresco-upload, provide components to upload files to alfresco repository.
  *
  * Components provided:
- *         - A set of buttons to upload files:
+ *         - A button to upload files
  *           <alfresco-upload-button [showDialogUpload]="boolean"
  *                                   [showUdoNotificationBar]="boolean"
  *                                   [uploadFolders]="boolean"
diff --git a/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.ts b/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.ts
index c404f05a35..ddf42d11e5 100644
--- a/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.ts
+++ b/ng2-components/ng2-alfresco-upload/ng2-alfresco-upload.ts
@@ -23,7 +23,7 @@ import {UploadButtonComponent} from './src/components/upload-button.component';
  * ng2-alfresco-upload, provide components to upload files to alfresco repository.
  *
  * Components provided:
- *         - A set of buttons to upload files:
+ *         - A button to upload files
  *           <alfresco-upload-button [showDialogUpload]="boolean"
  *                                   [showUdoNotificationBar]="boolean"
  *                                   [uploadFolders]="boolean"
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
index c22d5f6f5c..0c1e4283ee 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.css
@@ -2,9 +2,9 @@
     vertical-align: middle;
     color: #555;
     padding: 20px;
-    overflow-y: auto;
     display: inline-block;
     text-align: center;
+    overflow-y: hidden;
 }
 
 .input-focus {
diff --git a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.html b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.html
index f1c1cd2764..e96794623e 100644
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.html
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.html
@@ -1,5 +1,5 @@
 <div file-draggable id='UploadBorder' class="upload-border" (onFilesDropped)="onFilesDropped($event)"
-     dropzone="" webkitdropzone="copy file:image/png file:image/gif file:image/jpeg" #droparea>
+     dropzone="" webkitdropzone="*" #droparea>
     <ng-content></ng-content>
 </div>
 <file-uploading-dialog [hidden]="showDialogUpload" [filesUploadingList]="filesUploadingList"