feat(web): replace angularjs with angular2

.eslintignore

@@ -2,3 +2,4 @@
 node_modules
 coverage
 share
+www

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "get-me-a-tinder-date-service",
-  "description": "Help me get a Tinder date tonight",
+  "name": "get-me-a-date",
+  "description": "Help me get a date tonight",
   "version": "0.0.0",
   "author": "Hugo Freire <hugo@exec.sh>",
   "license": "MIT",

src/database/people.js

@@ -13,6 +13,7 @@ const queryAllPeople = function (query) {
   return SQLite.all(query)
     .mapSeries((row) => {
       row.created_date = new Date(row.created_date)
+      row.train = !!row.train
       row.data = JSON.parse(row.data)
       return row
     })
@@ -68,6 +69,7 @@ class People {
         }
 
         person.created_date = new Date(person.created_date)
+        person.train = !!person.train
         person.data = JSON.parse(person.data)
 
         return person

src/routes/train.js

@@ -30,7 +30,6 @@ class Train extends Route {
 
         const { provider, provider_id, data } = person
         const { photos } = data
-
         return Taste.mentalSnapshot(photos)
           .then(() => People.save(provider, provider_id, { train: true }))
       })

src/routes/web.js

@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
+ *
+ * This source code is licensed under the license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const { Route } = require('serverful')
+
+const _ = require('lodash')
+
+const { join } = require('path')
+
+class Web extends Route {
+  constructor () {
+    super('GET', '/', 'www', 'www')
+  }
+
+  auth () {
+    return false
+  }
+
+  toRoute () {
+    return _(super.toRoute())
+      .omit('config.handler')
+      .merge({
+        method: 'GET',
+        path: '/{param*}',
+        handler: {
+          directory: {
+            path: join(__dirname, '../web'),
+            index: true
+          }
+        }
+      })
+      .value()
+  }
+}
+
+module.exports = new Web()

src/server.js

@@ -62,12 +62,12 @@ const findDates = function () {
 
 class Server extends Serverful {
   start () {
-    return Promise.all([ super.start(), SQLite.start().then(() => Tinder.authorize()), Taste.bootstrap() ])
-      .then(() => {
+    return Promise.all([ super.start(), SQLite.start() ])//.then(() => Tinder.authorize()), Taste.bootstrap() ])
+    /*.then(() => {
         if (FIND_DATES_PERIOD > 0) {
           this.findDates()
         }
-      })
+     })*/
   }
 
   findDates () {

src/utils/rekognition.js

@@ -15,7 +15,7 @@ const Health = require('health-checkup')
 const AWS = require('aws-sdk')
 
 const defaultOptions = {
-  retry: { max_tries: 2, interval: 1000, throw_original: true },
+  retry: { max_tries: 2, interval: 1000, timeout: 8000, throw_original: true },
   breaker: { timeout: 3000, threshold: 80, circuitDuration: 30000 }
 }
 

src/web/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+*.js
+!systemjs.config.js
+*.js.map

src/web/app/app.component.ts

@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
+ *
+ * This source code is licensed under the license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {Component} from "@angular/core";
+
+import {PeopleService} from "./people/people.service";
+import {PersonDialogComponent} from "./people/person-dialog.component";
+
+import {MdDialog, MdDialogConfig, MdDialogRef} from "@angular/material";
+
+@Component({
+  selector: 'app',
+  templateUrl: '/app/people/people.html',
+  providers: [ PeopleService ]
+})
+export class AppComponent {
+  people: any;
+  person: any;
+  dialogRef: MdDialogRef<PersonDialogComponent>;
+
+  constructor (private service: PeopleService, public dialog: MdDialog) {
+    service.getAll()
+      .subscribe((people) => {
+        this.people = people;
+      });
+  }
+
+  openPersonDialog (person: any) {
+    const config = new MdDialogConfig()
+    config.data = {person}
+
+    this.dialogRef = this.dialog.open(PersonDialogComponent, config);
+  }
+}

src/web/app/app.module.ts

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
+ *
+ * This source code is licensed under the license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {NgModule} from "@angular/core";
+import {BrowserModule} from "@angular/platform-browser";
+import {HttpModule} from "@angular/http";
+import {NoopAnimationsModule} from "@angular/platform-browser/animations";
+import {MdButtonModule, MdDialogModule, MdTooltipModule} from "@angular/material";
+
+import {MomentModule} from "angular2-moment";
+
+import {AppComponent} from "./app.component";
+import {PersonDialogComponent} from "./people/person-dialog.component";
+
+@NgModule({
+  imports: [ BrowserModule, HttpModule, NoopAnimationsModule, MdDialogModule, MdTooltipModule, MdButtonModule, MomentModule ],
+  declarations: [ AppComponent, PersonDialogComponent ],
+  entryComponents: [ PersonDialogComponent ],
+  bootstrap: [ AppComponent ]
+})
+
+export class AppModule {
+}

src/web/app/people/people.html

@@ -0,0 +1,18 @@
+<!--
+  ~ Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
+  ~
+  ~ This source code is licensed under the license found in the
+  ~ LICENSE file in the root directory of this source tree.
+  -->
+
+<ul class="no-bullet">
+    <li *ngFor="let person of people">
+        <div class="tint"
+             [ngClass]="{pass: !person.like, like: person.like, train: person.train}"
+             (click)="openPersonDialog(person)"
+             mdTooltip="Similarity: {{person.photos_similarity_mean}}%"
+             tooltipPosition="bottom">
+            <img [src]="person.data.photos[0].url"/>
+        </div>
+    </li>
+</ul>

src/web/app/people/people.service.ts

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
+ *
+ * This source code is licensed under the license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {Injectable} from "@angular/core";
+import {Http} from "@angular/http";
+import "rxjs/add/operator/map";
+
+@Injectable()
+export class PeopleService {
+  constructor (private http: Http) {
+  }
+
+  getAll () {
+    return this.http.get('/people')
+      .map((res) => res.json());
+  }
+
+  train (id: string) {
+    console.log(id)
+
+    return this.http.post(`/train/${id}`, {})
+      .map(() => {})
+  }
+}