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

display match details

Browse Source
This commit is contained in:
chsakell
2016-09-29 17:02:04 +03:00
parent ac613432aa
commit 271c16cf15
3 changed files with 56 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Views/Home/Index.cshtml
View File

@@ -25,8 +25,9 @@
</script>
</head>
<body>
<div class="container">
<my-app>Loading...</my-app>
</div>
<!--
<script type="text/javascript">
$(function () {

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

@@ -1 +1,29 @@
<h1>Home!!!</h1>
<div class="row">
<div class="col-xs-3" *ngFor="let match of matches">
<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
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>

24
wwwroot/css/site.css
View File

@@ -0,0 +1,24 @@
body {
background-color: #333;
}
.box {
height: 50px;
background-color: whitesmoke;
margin:5px;
padding: 10px;
text-align: center;
}
.teamScore {
color:orange;
font-weight: bold;
}
.teamName {
color:#333;
}
th, td {
text-align: center;
}