koerseadmin/partials/championship-poule-race-comments.html
2015-09-14 23:33:56 +02:00

51 lines
2.3 KiB
HTML

<ol class="breadcrumb">
<li><a href="#/championships/">Kampioenschappen</a></li>
<li><a href="#/championship/{{currentChampionship}}/poules">Poules voor {{currentChampionship}}</a></li>
<li><a href="#/championship/{{currentChampionship}}/poule/{{currentTier}}/{{currentPoule}}/races">Races voor poule {{currentTier}}/{{currentPoule}}</a></li>
<li><a href="#/championship/{{currentChampionship}}/poule/{{currentTier}}/{{currentPoule}}/race/{{currentRace}}/drives">Ritten voor race {{currentRace}}</a></li>
<li class="active">Commentaar voor rit {{currentDrive}}</li>
</ol>
<div class="row">
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Comments</h3>
</div>
<div class="panel-body">
<table class="table">
<tr><th>Commentaar</th><th>Penalty</th><th>Acties</th></tr>
<tr ng-repeat="comment in comments">
<td>{{comment.comment}}</td>
<td>{{comment.penaltyseconds}} <small ng-show="comment.penaltyseconds > 0">secs</small></td>
<td>
<a class="btn btn-danger btn-sm" href="" ng-click="deleteComment(comment.idcomment)">Verwijder</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Voeg rit toe</h3>
</div>
<div class="panel-body">
<div class="panel panel-default">
<div class="panel-heading">Opties en acties</div>
<div class="panel-body">
<textarea ng-model="newcomment" class="form-control" style="resize: none;"></textarea>
<div class="input-group">
<input type="number" class="form-control" placeholder="Extra seconds" aria-describedby="basic-addon2" ng-model="newpenaltyseconds">
<span class="input-group-addon" id="basic-addon2">penalty seconden</span>
</div>
<button type="button" class="btn btn-default" ng-disabled="newpenaltyseconds==null && newcomment==null" ng-click="addComment(newcomment, newpenaltyseconds);" ng-disabled="selectedDriver == null">Voeg commentaar toe</button>
</div>
</div>
</div><!-- end row -->
</div>
</div>
</div>