dropzone_angular_dart 0.2.0

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 53

dropzone_angular_dart

Dropzone for Angular Dart.

Demo/Docs

Setup

pubspec.yaml:

dependencies:
  dropzone_angular_dart: 

HTML:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/min/dropzone.min.js"></script>

Dart:

import 'package:dropzone_angular_dart/dropzone_angular_dart.dart';

Usage

HTML:

<div (dropzone)="initDropzone($event)" [config]="dropzoneConfiguration" class="dropzone"></div>

<p *ngIf="uploadedFile != null">
    Uploaded file type = {{ uploadedFile.type }}<br/>
    Uploaded file size = {{ uploadedFile.size | number }}<br/>
    Upload response = {{ uploadResponse }}<br/>
</p>

Dart:

import 'dart:html';

import 'package:angular2/core.dart';
import 'package:dropzone_angular_dart/dropzone_angular_dart.dart';

@Component(
    selector: 'my-app',
    styleUrls: const ['AppComponent.css'],
    templateUrl: 'AppComponent.html',
    directives: const [DROPZONE_DIRECTIVES])
class AppComponent {

  DropzoneConfiguration dropzoneConfiguration = new DropzoneConfiguration(
      url: 'http://localhost:8081/upload', addRemoveLinks: true, maxFiles: 1);
  Dropzone dropzone;
  Blob uploadedFile = null;
  String uploadResponse = null;
  NgZone zone;

  AppComponent(this.zone);

  void initDropzone(Dropzone dropzone) {
    this.dropzone = dropzone;
    this.dropzone.on("success", success);
  }

  void success(Blob file, String response, Event event) {
    print('success(' + file.toString() + ", " + response + ", " +
        event.toString() + ")");
    zone.run(() {
      uploadedFile = file;
      uploadResponse = response;
    });
  }
}

Changelog

0.2.0

  • Upgraded angular2 dependency to 3.x

0.1.0

  • Initial version.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  dropzone_angular_dart: "^0.2.0"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


      import 'package:dropzone_angular_dart/dropzone_angular_dart.dart';
  
Version Uploaded Documentation Archive
0.2.0 May 24, 2017 Go to the documentation of dropzone_angular_dart 0.2.0 Download dropzone_angular_dart 0.2.0 archive
0.1.0 Nov 20, 2016 Go to the documentation of dropzone_angular_dart 0.1.0 Download dropzone_angular_dart 0.1.0 archive

Analysis

We analyzed this package on Jun 19, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
10 / 100
Health:
Code health derived from static analysis. [more]
97 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
92 / 100
Overall score:
Weighted score of the above. [more]
53
Learn more about scoring.

Platforms

Detected platforms: web

Primary library: package:dropzone_angular_dart/dropzone_angular_dart.dart with components: html, js.

Suggestions

  • Package is getting outdated.

    The package was released 55 weeks ago.

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 6 hints.

    Run dartfmt to format lib/src/Dropzone.dart.

    Run dartfmt to format lib/src/DropzoneConfiguration.dart.

    Similar analysis of the following files failed:

    • lib/src/DropzoneDirective.dart (hint)
  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use dropzone_angular_dart.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.23.0 <2.0.0
angular2 >=3.0.0 <4.0.0 3.1.0+1
browser >=0.10.0 <0.11.0 0.10.0+3
Transitive dependencies
analyzer 0.30.0+4 0.32.1
args 0.13.7 1.4.3
async 2.0.7
barback 0.15.2+16
build 0.9.3 0.12.6
build_barback 0.2.2 0.5.0+4
charcode 1.1.1
cli_util 0.1.3
code_builder 1.0.4 3.1.0
code_transformers 0.5.1+5
collection 1.14.10
convert 2.0.1
crypto 2.0.5
csslib 0.13.7+1 0.14.4
dart_style 1.0.9+1 1.1.0
fixnum 0.10.7
front_end 0.1.0-alpha.4.1 0.1.1
func 1.0.0
glob 1.1.5
html 0.13.3+1
intl 0.15.6
isolate 1.1.0 2.0.1
js 0.6.1
kernel 0.3.0-alpha.1.1 0.3.1
logging 0.11.3+1
matcher 0.12.3
meta 1.1.5
package_config 1.0.3
path 1.6.1
plugin 0.2.0+2
pool 1.3.5
protobuf 0.5.5 0.9.0
quiver 0.25.0 0.29.0+1
source_gen 0.5.10+1 0.8.2
source_maps 0.10.5
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
typed_data 1.1.5
utf 0.9.0+4
watcher 0.9.7+8
yaml 2.1.14