github/aspnet-core-signalr-angular
1
1
Fork 0
mirror of https://github.com/chsakell/aspnet-core-signalr-angular.git synced 2025-12-22 17:27:48 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

move match details to its own component

Browse Source
This commit is contained in:
chsakell
2016-09-30 10:51:07 +03:00
parent d0690695b6
commit 63866a2746
9 changed files with 52 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/app.component.ts
View File

@@ -1,6 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { FeedService } from './shared/feed.service'; import { FeedService } from './shared/services/feed.service';
import { ConnectionState } from './shared/interfaces'; import { ConnectionState } from './shared/interfaces';
@Component({ @Component({

8
app/app.module.ts
View File

@@ -4,9 +4,10 @@ import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http'; import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import { ConfigService } from './shared/config.service'; import { ConfigService } from './shared/services/config.service';
import { DataService } from './shared/data.service'; import { DataService } from './shared/services/data.service';
import { HomeComponent } from './home/home.component'; import { HomeComponent } from './home/home.component';
import { MatchComponent } from './shared/components/match.component';
import { routing } from './app.routes'; import { routing } from './app.routes';
@NgModule({ @NgModule({
@@ -18,7 +19,8 @@ import { routing } from './app.routes';
], ],
declarations: [ declarations: [
AppComponent, AppComponent,
HomeComponent HomeComponent,
MatchComponent
], ],
bootstrap: [AppComponent], bootstrap: [AppComponent],
providers: [ providers: [

26
app/home/home.component.html
View File

@@ -1,29 +1,5 @@
<div class="row"> <div class="row">
<div class="col-xs-6 col-md-4" *ngFor="let match of matches"> <div class="col-xs-6 col-md-4" *ngFor="let match of matches">
<table class="table table-bordered box"> <match [match]="match"></match>
<thead>
<tr>
<th>Team</th>
<th>Score</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="teamName">{{match.host}}</span></td>
<td><span class="teamScore"> {{match.hostScore}} </span></td>
</tr>
<tr>
<td><span class="teamName"> {{match.guest}} </span></td>
<td><span class="teamScore">{{match.guestScore}}</span></td>
</tr>
<tr>
<td colspan="2">
<button type="button" class="btn btn-default btn-lg btn-block">
Subscribe to feed
</button>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>

4
app/home/home.component.ts
View File

@@ -1,8 +1,8 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { FeedService } from '../shared/feed.service'; import { FeedService } from '../shared/services/feed.service';
import { Match } from '../shared/interfaces'; import { Match } from '../shared/interfaces';
import { DataService } from '../shared/data.service'; import { DataService } from '../shared/services/data.service';
import { ConnectionState } from '../shared/interfaces'; import { ConnectionState } from '../shared/interfaces';
@Component({ @Component({

25
app/shared/components/match.component.html Normal file
View File

@@ -0,0 +1,25 @@
<table class="table table-bordered box">
<thead>
<tr>
<th>Team</th>
<th>Score</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="teamName">{{match.host}}</span></td>
<td><span class="teamScore"> {{match.hostScore}} </span></td>
</tr>
<tr>
<td><span class="teamName"> {{match.guest}} </span></td>
<td><span class="teamScore">{{match.guestScore}}</span></td>
</tr>
<tr>
<td colspan="2">
<button type="button" class="btn btn-default btn-lg btn-block">
Subscribe to feed
</button>
</td>
</tr>
</tbody>
</table>

16
app/shared/components/match.component.ts Normal file
View File

@@ -0,0 +1,16 @@
import { Component, OnInit, Input } from '@angular/core';
import { Match } from '../interfaces';
@Component({
selector: 'match',
templateUrl: 'app/shared/components/match.component.html'
})
export class MatchComponent implements OnInit {
@Input() match: Match;
constructor() { }
ngOnInit() { }
}

0
app/shared/config.service.ts → app/shared/services/config.service.ts
View File

2
app/shared/data.service.ts → app/shared/services/data.service.ts
View File

@@ -6,7 +6,7 @@ import {Observer} from 'rxjs/Observer';
import 'rxjs/add/operator/map'; import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch'; import 'rxjs/add/operator/catch';
import { Match } from './interfaces'; import { Match } from '../interfaces';
import { ConfigService } from './config.service'; import { ConfigService } from './config.service';
@Injectable() @Injectable()

2
app/shared/feed.service.ts → app/shared/services/feed.service.ts
View File

@@ -5,7 +5,7 @@ import 'rxjs/add/operator/toPromise';
import { Observable } from "rxjs/Observable"; import { Observable } from "rxjs/Observable";
import { Subject } from "rxjs/Subject"; import { Subject } from "rxjs/Subject";
import { FeedSignalR, FeedProxy, FeedClient, ConnectionState } from './interfaces'; import { FeedSignalR, FeedProxy, FeedClient, ConnectionState } from '../interfaces';
@Injectable() @Injectable()
export class FeedService { export class FeedService {