aa-fileupload

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