index.html

---
layout: default
---

<div class="container" >

  <div class="row">

  </div>
  <div class="row">
    <div class="col-md-3 filterlist" ng-controller="FilterListCtrl"> 
      <!--  ng-controller="FilterListCtrl" -->
      <div class="panel panel-default">
        <h4>Suche</h4>
        <div class="search">
          <input type="text" ng-model="filterData.search" class="form-control">
        </div>
        <div class="filter" ng-repeat="filt in filterData.filters">
          <h4>[[filt.title]]</h4>
          <ul>
            <li ng-repeat="option in filt.options" ng-class="{active: (filt.selected==$index)}" ng-click="SetFilter(filt, $index)">[[ option.text ]]</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-md-9 clanlist" ng-controller="IndexCtrl">
      <table class="table">
        <thead>
          <tr>
            <th class="col-md-2">Tag</th>
            <th class="col-md-4">Name</th>
            <th class="col-md-2">Gruendung</th>
            <th class="col-md-2">ArmA</th>
            <th class="col-md-1"></th>
            <th class="col-md-1"></th>
          </tr>
        </thead>
        <tbody>
          <tr class="clanlist-row" ng-repeat-start="clan in filteredClandata = (clandata | filter: filterData.search | FilterListFilter)" ng-click="clan.expanded = !clan.expanded">
            <td>[[ clan.slug ]]</td>
            <td>[[ clan.name ]]</td>
            <td>[[ clan.since ]]</td>
            <td><span ng-repeat="game in clan.games">[[ game | uppercase ]][[$last ? '' : ', ']]</span></td>
            <td><img ng-if="clan.thumb" ng-src="{{ site.thumbpath | prepend: site.baseurl }}/[[ clan.thumb ]]"></td>
            <td class="detail-expand">
              <a ng-if="clan.expanded">
                <span class="glyphicon glyphicon-chevron-up"></span>
              </a>
              <a ng-if="!clan.expanded">
                <span class="glyphicon glyphicon-chevron-down"></span>
              </a>
            </td>
          </tr>
          <tr class="clanlist-details" ng-if="clan.expanded" ng-repeat-end="">
            <td colspan="6">
              <table class="table table-striped col-md-5">
                <tbody>
                  <tr>
                    <th class="col-md-6">Gruppe</th>
                    <td>[[ clan.name ]] ([[clan.slug]])</td>
                  </tr>
                  <tr ng-if="clan.thumb">
                    <th>Logo</th>
                    <td><img ng-src="{{ site.thumbpath | prepend: site.baseurl }}/[[ clan.thumb ]]"></td>
                  </tr>
                  <tr>
                    <th>Gruendung</th>
                    <td>[[ clan.since || 'Unbekannt']]</td>
                  </tr>
                  <tr>
                    <th>ArmA Versionen</th>
                    <td><span ng-repeat="game in clan.games">[[ game | uppercase ]][[$last ? '' : ', ']]</span></td>
                  </tr>
                  <tr>
                    <th>Auf Mitgliedersuche</th>
                    <td ng-if="clan.join" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Ja</span></td>
                    <td ng-if="!clan.join" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nein</span></td>
                    <td ng-if="clan.join === undefined"><span class="glyphicon glyphicon-question-sign"></span>  Unbekannt <span class="sr-only">Unbekannt</span></td>
                  </tr>
                  <tr>
                    <th>Nehmen Gastspieler auf</th>
                    <td ng-if="clan.guests" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Ja</span></td>
                    <td ng-if="!clan.guests" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nein</span></td>
                    <td ng-if="clan.guests === undefined"><span class="glyphicon glyphicon-question-sign"></span> Unbekannt <span class="sr-only">Unbekannt</span></td>
                  </tr>
                  <tr>
                    <th>Eigene(r) Server</th>
                    <td ng-if="clan.ownserver" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span class="sr-only">Ja</span></td>
                    <td ng-if="clan.ownserver === false" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span class="sr-only">Nein</span></td>
                    <td ng-if="clan.ownserver === undefined"><span class="glyphicon glyphicon-question-sign"></span> Unbekannt <span class="sr-only">Unbekannt</span></td>
                  </tr>
                  <tr>
                    <th>Mindestalter</th>
                    <td>[[ clan.joinage || 'Unbekannt' ]]</td>
                  </tr>
                  <tr>
                    <th>Events pro Woche</th>
                    <td>[[ clan.eventsperweek || 'Unbekannt' ]]</td>
                  </tr>
                  <tr>
                    <th>Website</th>
                    <td><a ng-href="[[ clan.website ]]">[[ clan.website || 'Unbekannt' ]]</a></td>
                  </tr>
                  <tr>
                    <th>Teamspeak</th>
                    <td><a ng-href="ts3://[[ clan.teamspeak ]]">[[ clan.teamspeak || 'Unbekannt' ]]</a></td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <tr class="clanlist-row" ng-hide="filteredClandata.length">
            <td colspan="5">Keine Clans entsprechen diesen Kriterien</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

</div> <!-- /container -->