BerniWittmann/spielplanismaning

View on GitHub
src/public/components/spieletabelle/spieletabelle.html

Summary

Maintainability
Test Coverage
<div class="table-responsive" data-ng-if="vm.spiele.length!==0">
    <table class="table table-condensed table-striped table-hover table-clickable">
        <thead>
        <tr class="text-center text-bold">
            <td>Datum</td>
            <td>Uhrzeit</td>
            <td>Platz</td>
            <td>Turnier</td>
            <td>Gruppe</td>
            <td>Heim</td>
            <td>Gast</td>
            <td>Ergebnis</td>
        </tr>
        </thead>
        <tbody>
        <tr data-ng-repeat="spiel in vm.spiele" data-ng-click="vm.gotoSpiel(spiel)" class="text-center">
            <td data-ng-click="vm.gotoDate(spiel.datum); $event.stopPropagation();">{{spiel.datum}}</td>
            <td>{{spiel.uhrzeit}}</td>
            <td data-ng-click="vm.gotoPlatz(spiel.platz); $event.stopPropagation();">{{spiel.platz}}</td>
            <td data-ng-click="vm.gotoJugend(spiel.jugend, $event);" class="valign">
                <spi-jugend-label jugend="spiel.jugend"></spi-jugend-label>
            </td>
            <td data-ng-click="vm.gotoGruppe(spiel.gruppe, $event);">{{vm.displayGruppe(spiel)}}</td>
            <td data-ng-click="vm.gotoTeam(spiel.teamA, $event);"
                data-ng-class="{'highlightTeamName': spiel.teamA && spiel.teamA._id === vm.highlightedTeam._id}">{{vm.displayTeamA(spiel)}}
            </td>
            <td data-ng-click="vm.gotoTeam(spiel.teamB, $event);"
                data-ng-class="{'highlightTeamName': spiel.teamB && spiel.teamB._id === vm.highlightedTeam._id}">{{vm.displayTeamB(spiel)}}
            </td>
            <td>
                <div data-ng-if="spiel.jugend && spiel.beendet">
                    <span class="ergebnis">
                        <span class="ergebnis-points">{{vm.getErgebnisDisplayPoints(spiel)}}</span>
                        <span class="ergebnis-tore">{{vm.getErgebnisDisplayTore(spiel)}}</span>
                    </span>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<div class="alert alert-info" data-ng-if="vm.spiele.length===0">Keine Spiele gefunden</div>