Overview Aa-Fileupload

This library contains a fileupload control for TRIBE Angular 2+ application development.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run npm test to execute the unit tests via Karma.

Installation

aa-fileupload is available as an NPM package. To install aa-fileupload in your project directory run:

$ npm install aa-fileupload --save

After installtion you can import aa-fileupload in your angular 2+ project by adding the AaFileuploadModule to your Module declaration as followed:

import { AaFileuploadModule } from 'aa-fileupload';

@NgModule({
  imports: [
    AaFileuploadModule
  ],
})
export class Module { }

How to use the control

To use the this fileupload control in an angular 2+ project simply add a wizard component to the html template of your component, like this:

<oo-tribe-fileupload 
    chooseLabel="Upload new file..." 
    name="myfile[]" url="http://localhost:63135/api/values" 
    accept="image/*" 
    dragPanelWide="false" 
    styleClass="ui-fileupload" 
    maxFileSize="1000000"></oo-tribe-fileupload>

Parameter overview

Possible <oo-tribe-fileupload> parameters:

| Parameter name | Possible Values | Default Value | | ----------------- | ----------------------------------------------------------------------------------------------------- | ------------- | | [chooseLabel] | Any string | Choose | | [styleClass] | Any available css classes as string | ui-fileupload | | [maxFileSize] | File size in Number | - | | [accept] | Mime type | - | | [url] | file POST location | - | | [allowDragAndDrop] | Boolean | false | | [allowMultiple] | Boolean | false |

Please note, this library is still under active development!!!

TODO

• [X] SCSS Compilation
• [X] Rollup bundling
• [X] Verify Minify / Uglify
• [X] Install on Demo project
• [X] Bundle component SASS files
• [ ] Test Integration
• [ ] Progress Bar
• [ ] Inline Feedback/ Messages
• [ ] Build it locally through TeamCity