angular-schema-form-nwp-file-upload

Angular Schema Form File-Upload add-on by Netzwerkplan GmbH
=================

This file upload add-on uses the angular-file-upload plugin by danial farid to provide a file upload interface. ng-file-upload is used.

Installation
------------
The editor is an add-on to the Bootstrap decorator. To use it, just include
schema-form-file.min.js.

Easiest way is to install is with bower, this will also include dependencies:
``bash
$ bower install angular-schema-form-nwp-file-upload
`

You'll need to load a few additional files to use the editor:

Be sure to load this projects files after you load angular schema form

Example

`HTML













`

When you create your module, be sure to depend on this project's module as well.

`javascript
angular.module('yourModule', ['schemaForm','pascalprecht.translate', 'ngSchemaFormFile']);
`

Usage
-----
The add-on adds three new form type, datepicker, timepicker, datetimepicker, and three new default
mappings.

| Schema | Default Form type |
|:-------------------|:------------:|
| "type": "array" and "format": "singlefile" | nwpFileUpload |
| "type": "array" and "format": "multifile" | nwpFileUpload |


Options
-------

$3

Example

`javascript
{
"schema": {
"type": "object",
"title": "Album",
"properties": {
"image": {
"title": "Image",
"type": "array",
"format": "singlefile",
"x-schema-form": {
"type": "array"
},
"pattern": {
"mimeType": "image/*",
"validationMessage": "Falscher Dateityp: "
},
"maxSize": {
"maximum": "2MB",
"validationMessage": "Erlaubte Dateigröße überschritten: ",
"validationMessage2": "Aktuelle Dateigröße: "
},
"maxItems": {
"validationMessage": "Es wurden mehr Dateien hochgeladen als erlaubt."
},
"minItems": {
"validationMessage": "Sie müssen mindestens eine Datei hochladen"
}
},
"images": {
"title": "Images",
"type": "array",
"format": "multifile",
"x-schema-form": {
"type": "array"
},
"pattern": {
"mimeType": "image/*,!.gif",
"validationMessage": "Falscher Dateityp: "
},
"maxSize": {
"maximum": "2MB",
"validationMessage": "Erlaubte Dateigröße überschritten: ",
"validationMessage2": "Aktuelle Dateigröße: "
},
"maxItems": {
"validationMessage": "Es wurden mehr Dateien hochgeladen als erlaubt."
},
"minItems": {
"validationMessage": "Sie müssen mindestens eine Datei hochladen"
}
}
},
"required": [
"images"
]
},
"form": [
{
"key": "image",
"type": "nwpFileUpload",
"endpoint": "https://angular-file-upload-cors-srv.appspot.com/upload"
},
{
"key": "images",
"type": "nwpFileUpload",
"endpoint": "https://angular-file-upload-cors-srv.appspot.com/upload"
}
]
}
``

Example pictures
-------
Initial state

!alt tag

Preview

!alt tag

On error

!alt tag