+`
+})
+export class SpinnerComponent implements AfterViewInit {
+ @Input()
+ private isLoading: boolean;
-angular
- .module('codecraft')
- .component(SpinnerComponent.selector, SpinnerComponent);
\ No newline at end of file
+ @Input()
+ private message: string;
+
+ @ViewChild('spinnerEl')
+ private spinnerEl: ElementRef;
+
+ ngAfterViewInit() {
+ let spinner = new Spinner({radius: 8, width: 5, length: 3, lines: 9});
+ spinner.spin(this.spinnerEl.nativeElement)
+ }
+}
\ No newline at end of file
diff --git a/src/app/filters/default-image.filter.ts b/src/app/filters/default-image.filter.ts
deleted file mode 100644
index e7debc6..0000000
--- a/src/app/filters/default-image.filter.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import * as angular from 'angular';
-
-angular
- .module('codecraft')
- .filter('defaultImage', function () {
- return function (input, param) {
- if (!param) {
- param = "/img/avatar.png"
- }
- if (!input) {
- return param
- }
- return input;
- }
- });
\ No newline at end of file
diff --git a/src/app/filters/index.ts b/src/app/filters/index.ts
deleted file mode 100644
index 96a546b..0000000
--- a/src/app/filters/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-import "./default-image.filter";
diff --git a/src/app/main.ts b/src/app/main.ts
index 3aa4ef9..4517ff0 100644
--- a/src/app/main.ts
+++ b/src/app/main.ts
@@ -13,7 +13,7 @@ import 'reflect-metadata';
import './app.main';
import './services';
-import './filters';
+import './pipes';
import './components';
import './app.routes';
import './polyfills.ts';
@@ -23,24 +23,64 @@ import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {UpgradeModule} from '@angular/upgrade/static';
import {HttpModule} from '@angular/http';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {InfiniteScrollModule} from 'angular2-infinite-scroll';
+import {LaddaModule} from "angular2-ladda/module/module";
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {
+ toasterServiceProvider,
+ uiRouterStateParamsProvider,
+ uiRouterStateProvider
+} from "./ajs-upgraded-providers"
-import {toasterServiceProvider} from "./ajs-upgraded-providers"
import {Contact} from "./services/contact.resource";
import {ContactService} from "./services/contact.service";
+import {CardComponent} from "./components/card.component";
+import {SpinnerComponent} from "./components/spinner.component"
+import {PersonListComponent} from "./components/person-list.component";
+import {PersonEditComponent} from "./components/person-edit.component";
+import {PersonCreateComponent} from "./components/person-create.component";
+import {SearchComponent} from "./components/search.component";
+
+import {DefaultImagePipe} from "./pipes/default-image.pipe";
+
+
@NgModule({
imports: [
BrowserModule,
UpgradeModule,
- HttpModule
+ HttpModule,
+ LaddaModule,
+ FormsModule,
+ ReactiveFormsModule,
+ InfiniteScrollModule
+ ],
+ declarations: [
+ CardComponent,
+ SpinnerComponent,
+ PersonListComponent,
+ DefaultImagePipe,
+ PersonEditComponent,
+ PersonCreateComponent,
+ SearchComponent
+ ],
+ entryComponents: [
+ CardComponent,
+ SpinnerComponent,
+ PersonListComponent,
+ PersonEditComponent,
+ PersonCreateComponent,
+ SearchComponent
],
providers: [
Contact,
ContactService,
- toasterServiceProvider
- ]
+ toasterServiceProvider,
+ uiRouterStateParamsProvider,
+ uiRouterStateProvider
+ ],
})
export class AppModule {
// Override Angular bootstrap so it doesn't do anything
diff --git a/src/app/pipes/default-image.pipe.ts b/src/app/pipes/default-image.pipe.ts
new file mode 100644
index 0000000..be7c3d8
--- /dev/null
+++ b/src/app/pipes/default-image.pipe.ts
@@ -0,0 +1,14 @@
+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({name: 'defaultImage'})
+export class DefaultImagePipe implements PipeTransform {
+ transform(input, def) {
+ if (!def) {
+ def = "/img/avatar.png"
+ }
+ if (!input) {
+ return def
+ }
+ return input;
+ }
+}
\ No newline at end of file
diff --git a/src/app/pipes/index.ts b/src/app/pipes/index.ts
new file mode 100644
index 0000000..ceafa13
--- /dev/null
+++ b/src/app/pipes/index.ts
@@ -0,0 +1 @@
+import "./default-image.pipe";
diff --git a/src/app/rxjs-operators.ts b/src/app/rxjs-operators.ts
index 7e4249a..67a144a 100644
--- a/src/app/rxjs-operators.ts
+++ b/src/app/rxjs-operators.ts
@@ -1,3 +1,5 @@
import 'rxjs/add/operator/toPromise';
import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/do';
\ No newline at end of file
+import 'rxjs/add/operator/do';
+import 'rxjs/add/operator/debounceTime';
+import 'rxjs/add/operator/distinctUntilChanged';
\ No newline at end of file
diff --git a/src/app/services/contact.service.ts b/src/app/services/contact.service.ts
index 025c159..d6e3597 100644
--- a/src/app/services/contact.service.ts
+++ b/src/app/services/contact.service.ts
@@ -28,6 +28,7 @@ export class ContactService {
return person;
}
}
+ return {};
}
doSearch() {
