chore(build): ng2 style guide applied,

- build process updated
- systemjs bundler added

BREAKING CHANGES:
- directives and selectors renamed to ng2FileSelect and ng2FileDrop
This commit is contained in:
Dmitriy Shekhovtsov
2016-05-11 18:40:47 +03:00
parent 13c5c35864
commit aee69d8b80
30 changed files with 743 additions and 740 deletions

View File

@@ -1,10 +1,8 @@
/// <reference path="../../tsd.d.ts" />
import {Component} from '@angular/core';
import {CORE_DIRECTIVES} from '@angular/common';
import {TAB_DIRECTIVES} from 'ng2-bootstrap/ng2-bootstrap';
import {SimpleDemo} from './file-upload/simple-demo';
import {SimpleDemoComponent} from './file-upload/simple-demo';
let name = 'File Upload';
let doc = require('../../components/file-upload/readme.md');
@@ -19,7 +17,7 @@ let tabDesc:Array<any> = [
];
let tabsContent:string = ``;
tabDesc.forEach(desc => {
tabDesc.forEach((desc:any) => {
tabsContent += `
<tab heading="${desc.heading}" (select)="select($event)">
<div class="card card-block panel panel-default panel-body">
@@ -70,12 +68,12 @@ tabDesc.forEach(desc => {
</div>
</section>
`,
directives: [SimpleDemo, TAB_DIRECTIVES, CORE_DIRECTIVES]
directives: [SimpleDemoComponent, TAB_DIRECTIVES, CORE_DIRECTIVES]
})
export class FileUploadSection {
private currentHeading:string = 'Simple';
export class FileUploadSectionComponent {
public currentHeading:string = 'Simple';
private select(e:any) {
public select(e:any):void {
if (e.heading) {
this.currentHeading = e.heading;
}

View File

@@ -1,3 +1,4 @@
/*eslint-disable*/
var express = require('express');
var multer = require('multer');
var fs = require('fs');

View File

@@ -20,7 +20,7 @@
<h3>Select files</h3>
<div ng2-file-drop
<div ng2FileDrop
[ngClass]="{'nv-file-over': hasBaseDropZoneOver}"
(fileOver)="fileOverBase($event)"
[uploader]="uploader"
@@ -28,7 +28,7 @@
Base drop zone
</div>
<div ng2-file-drop
<div ng2FileDrop
[ngClass]="{'another-file-over-class': hasAnotherDropZoneOver}"
(fileOver)="fileOverAnother($event)"
[uploader]="uploader"
@@ -37,10 +37,10 @@
</div>
Multiple
<input type="file" ng2-file-select [uploader]="uploader" multiple /><br/>
<input type="file" ng2FileSelect [uploader]="uploader" multiple /><br/>
Single
<input type="file" ng2-file-select [uploader]="uploader" />
<input type="file" ng2FileSelect [uploader]="uploader" />
</div>
<div class="col-md-9" style="margin-bottom: 40px">

View File

@@ -1,5 +1,3 @@
/// <reference path="../../../tsd.d.ts" />
import {Component} from '@angular/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass, NgStyle} from '@angular/common';
import {FILE_UPLOAD_DIRECTIVES, FileUploader} from '../../../ng2-file-upload';
@@ -15,16 +13,16 @@ const URL = 'https://evening-anchorage-3159.herokuapp.com/api/';
template: template,
directives: [FILE_UPLOAD_DIRECTIVES, NgClass, NgStyle, CORE_DIRECTIVES, FORM_DIRECTIVES]
})
export class SimpleDemo {
private uploader:FileUploader = new FileUploader({url: URL});
private hasBaseDropZoneOver:boolean = false;
private hasAnotherDropZoneOver:boolean = false;
export class SimpleDemoComponent {
public uploader:FileUploader = new FileUploader({url: URL});
public hasBaseDropZoneOver:boolean = false;
public hasAnotherDropZoneOver:boolean = false;
private fileOverBase(e:any) {
public fileOverBase(e:any):void {
this.hasBaseDropZoneOver = e;
}
private fileOverAnother(e:any) {
public fileOverAnother(e:any):void {
this.hasAnotherDropZoneOver = e;
}
}