
<div class="container">
    <div class="row">
        <h2 id="heading">Übersicht</h2>
        <table id="data" class="table table-striped">
            <thead>
                <tr>
                    <th>Typ</th>
                    <th>Zeit</th>
                    <th>Ger&auml;t</th>
                    <th>Ziel</th>
                    <th>Dauer</th>
                    <th>Teilnehmer</th>
                    <th>OPTA/Meldung/Text</th>
                    <th>Optionen</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="data in datas | bytypes: typefilter" class="{{data.style}}">
                    <td>
                        {{data.readableType}}
                        <td>
                            {{data.timestamp | date:'HH:mm:ss'}}
                        </td>
                        <td>
                            {{data.radioName}}
                        </td>
                        <td>
                            {{data.destName}}
                        </td>
                        <td ng-if="data.dataType != 0 && data.type == 'call'">
                            {{data.dur | date:'mm:ss'}}
                        </td>
                        <td ng-if="data.dataType == 0 || data.type != 'call'">
                            {{data.dur}}
                        </td>
                        <td>
                            {{data.srcName}}
                        </td>
                        <td>
                        <!-- <td ng-bind-html={{data.message}}> -->
                        <!-- <td innerHtml=bypassSecurityTrustHtml({{data.message}})> -->
                            {{data.message}}
                        </td>
                      <td>
                        <a href ="#/sds/{{data.radioID}}/{{data.srcSSI}}">SDS</a>
                      </td>
                </tr>
            </tbody>
        </table>

    </div>
	<div id="filter" class="navbar-default">
		<a id="sds" class="option checked" href ng-click="toggleFilter($event, 'sds')">SDS</a>
		<a id="status" class="option checked" href ng-click="toggleFilter($event, 'status')">Status</a>
		<a id="call" class="option checked" href ng-click="toggleFilter($event, 'call')">Gespräche</a>
		<!-- <a id="call" class="option checked" href ng-click="toggleFilter($event, 'alarm')">Alarmierung</a> -->
		<a id="alarm" class="option checked" href ng-click="toggleFilter($event, 'callout')">Alarmierung</a>
	</div>

</div>
