Ported some updates from joost-de-vries also to this Java-Version (including the switch to the “Tour of Heroes”-sample)

.travis.yml

@@ -1,11 +1,15 @@
-language: scala
+dist: trusty
 sudo: false
+language: java
 cache:
   directories:
   - $HOME/.ivy2
+env:
+  - NODE_VERSION=6
 scala:
   - 2.11.6
-script:
-  - sbt stage
 jdk:
-  - oraclejdk8
+  - oraclejdk8
+script:
+  - nvm use $NODE_VERSION
+  - sbt stage -DtsCompileMode=stage

README.md

@@ -1,19 +1,19 @@
 Building on top of the fabulous work of @joost-de-vries from [play-angular2-typescript](https://github.com/joost-de-vries/play-angular2-typescript), this project is a Java Angular2 seed.
 
-#Play Angular2 Typescript sample application [![Build Status](https://travis-ci.org/joost-de-vries/play-angular2-typescript.png?branch=master)](https://travis-ci.org/joost-de-vries/play-angular2-typescript)
+# Play Angular2 Typescript sample application [![Build Status](https://travis-ci.org/joost-de-vries/play-angular2-typescript.png?branch=master)](https://travis-ci.org/joost-de-vries/play-angular2-typescript)
 
 This is an activator template that generates a sample Play Angular2 RC4 Typescript 2.0 application.
 
 As mentioned it features an Angular2 application with Typescript compilation integrated with the continuous compilation of Play Scala code. The Typescript code is linted with `tslint`.
 
-##Installation
+## Installation
 Once you have [activator](https://www.typesafe.com/community/core-tools/activator-and-sbt) installed you can run `activator new play-angular2-typescript` and you'll have a local application with a tutorial. Or you can just clone this repo and run `sbt ~run`.  
 
 **NB**: Make sure you don't have `typescript` installed globally. If you do have a global npm installation of `typescript` that version will be picked up. And then all bets are off.
 A symptom of having an older global `typescript` installation is that you get a `JsTaskFailure` / `TypeError` that the function `convertCompilerOptionsFromJson` can't be found. See [this issue](https://github.com/joost-de-vries/play-angular2-typescript/issues/1)
 
 
-##Getting started
+## Getting started
 The NG2 application is the standard todomvc app. 
 This Play project shows 3 ways of loading that app in the browser using Play.  
 1. let the browser load the typescript files and have them compiled in the browser itself. This is easy to setup. But it makes greater computation demands on the client device. And it is really hard to find out about compilation errors. Which rather defies the added value of typed programming that typescript provides. This is implemented in [this html file](https://github.com/joost-de-vries/play-angular2-typescript/blob/master/app/views/index.scala.html). This template hasn't been ported to Angular RC4 yet.  
@@ -24,8 +24,19 @@ For a lot of production applications option 3 will be required. While option 2 i
 We can do both without changing our source code by using `sbt ~run` for the former and `sbt stage -DtsCompileMode=stage` for the latter. So to get option 3 to work you'll have to provide that `-DtsCompileMode=stage` jvm argument.
 
 
-##what to do if
+## what to do if
 
 "I've created the application through activator and it runs fine in activator but it hangs when I try to run it through sbt"  
 This is a [known problem](https://github.com/typesafehub/activator/issues/1036) with activator. Activator generates a file `project\play-fork-run.sbt` that causes this. If you remove it or comment out its contents the application will run in sbt.
 
+## History
+
+### v0.2.0-beta.7
+- upgrades to sbt-typescript 0.3.0-beta.11 and hence typescript 2.3.0
+
+### v0.2.0-beta.6
+- uses tslint 4.0.2
+
+### v0.2.0-beta.5
+- replace todomvc with tour of heroes as demo ng2 application. tx [Isammoc](https://github.com/Isammoc)
+- use 'tslint:reommended' as a basis for tslint rules. Downgrade typescript to a supported version by tslint 3.x

activator.properties

@@ -1,7 +1,7 @@
 name=play-angular2-typescript-java
 title=Angular2 Typescript application with Play (Java Version)
 description=A Play Angular2 starter application with incremental Typescript compilation.
-tags=playframework,angular2,typescript,java
+tags=playframework,angular,angular2,typescript,java
 authorTwitter=detinho_rp
 authorLogo=https://avatars0.githubusercontent.com/u/631905?v=3&s=466
 authorName=Detinho

app/assets/app/app-routing.module.ts

@@ -0,0 +1,25 @@
+import { NgModule }             from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { DashboardComponent }   from './dashboard.component';
+import { HeroesComponent }      from './heroes.component';
+import { HeroDetailComponent }  from './hero-detail.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
+  { path: 'dashboard',  component: DashboardComponent },
+  { path: 'detail/:id', component: HeroDetailComponent },
+  { path: 'heroes',     component: HeroesComponent },
+];
+
+@NgModule({
+  imports: [ RouterModule.forRoot(routes) ],
+  exports: [ RouterModule ],
+})
+export class AppRoutingModule {}
+
+/*
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+*/

app/assets/app/app.component.css

@@ -0,0 +1,35 @@
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.active {
+  color: #039be5;
+}
+
+
+/*
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+*/

app/assets/app/app.component.ts

@@ -0,0 +1,24 @@
+import { Component }          from '@angular/core';
+
+@Component({
+//  moduleId: module.id,
+  selector: 'my-app',
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a routerLink="/dashboard" routerLinkActive="active">Dashboard</a>
+      <a routerLink="/heroes" routerLinkActive="active">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['assets/app/app.component.css'],
+})
+export class AppComponent {
+  public title = 'Tour of Heroes';
+}
+
+/*
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+*/

app/assets/app/app.module.ts

@@ -1,21 +1,40 @@
-import { NgModule }      from "@angular/core"
-import { BrowserModule } from "@angular/platform-browser"
-import { FormsModule }   from "@angular/forms"
+import './rxjs-extensions';
 
-import TodoAppComponent from "./app"
-import { LocalStorageTodoStore } from "./services/store"
-import { TodoStore } from "./services/todo.store"
+import { NgModule }      from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule }   from '@angular/forms';
+import { HttpModule }    from '@angular/http';
+
+import { AppRoutingModule } from './app-routing.module';
+
+import { AppComponent }         from './app.component';
+import { DashboardComponent }   from './dashboard.component';
+import { HeroesComponent }      from './heroes.component';
+import { HeroDetailComponent }  from './hero-detail.component';
+import { HeroService }          from './hero.service';
+import { HeroSearchComponent }  from './hero-search.component';
 
 @NgModule({
-    imports: [
-      BrowserModule
-      , FormsModule
-    ],
-    declarations: [TodoAppComponent],
-    bootstrap: [TodoAppComponent],
-    providers: [
-      {provide: TodoStore, useValue: new LocalStorageTodoStore()}
-    ]
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpModule,
+    AppRoutingModule,
+  ],
+  declarations: [
+    AppComponent,
+    DashboardComponent,
+    HeroDetailComponent,
+    HeroesComponent,
+    HeroSearchComponent,
+  ],
+  providers: [ HeroService ],
+  bootstrap: [ AppComponent ],
 })
-export class TodoAppModule { }
+export class AppModule { }
 
+/*
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+*/

app/assets/app/dashboard.component.css

@@ -0,0 +1,68 @@
+[class*='col-'] {
+  float: left;
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+a {
+  text-decoration: none;
+}
+*, *:after, *:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+h4 {
+  position: relative;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+  padding: 20px;
+  text-align: center;
+  color: #eee;
+  max-height: 120px;
+  min-width: 120px;
+  background-color: #607D8B;
+  border-radius: 2px;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+  .module {
+    font-size: 10px;
+    max-height: 75px; }
+}
+@media (max-width: 1024px) {
+  .grid {
+    margin: 0;
+  }
+  .module {
+    min-width: 60px;
+  }
+}
+
+
+/*
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+*/

app/assets/app/dashboard.component.html

@@ -0,0 +1,16 @@
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+  <a *ngFor="let hero of heroes"  [routerLink]="['/detail', hero.id]"  class="col-1-4">
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </a>
+</div>
+<hero-search></hero-search>
+
+
+<!-- 
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
+-->