<div class="datatable-controls">
    <h2 class="sr-only" translate>Administration Boards</h2>
    <div class="datatable-actions">
        <div class="datatable-actions-main">
            <md-button ng-attr-title="{{checkSelectedText()}}"
                ng-disabled="checkSelected()"
                class="md-primary md-raised"
                aria-label="{{'Constitute' | translate}"
                id="constitute"
                ng-click="constituteAdminboard()">
                <md-icon md-svg-src="assets/icons/ic_person_24px.svg" aria-label="{{'Constitute' | translate}}"></md-icon>
                <span class="hide-xs" translate>Constitute</span>
            </md-button>
        </div>
    </div>
</div>

<div class="datatable-data">
    <table class="table">
        <thead>
            <tr>
                <th scope="col" class="table-batchselector">
                </th>
                <th scope="col" class="grow-2">
                    <span class="no-wrap" title="{{'Title'|translate}}" translate>Title</span>
                </th>
                <th scope="col">
                    <span class="no-wrap" title="{{'Alias'|translate}}" translate>Alias</span>
                </th>
                <th scope="col">
                    <span class="no-wrap" title="{{'Status'|translate}}" translate>Status</span>
                </th>
                <th scope="col" class="grow-2">
                    <span class="no-wrap" title="{{'Details'|translate}}" translate>Details</span>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr data-ng-repeat="administrationBoard in administrationBoards">
                <td class="table-batchselector">
                    <md-checkbox id="check_{{administrationBoard.id}}"
                        aria-label="Checkbox_{{administrationBoard.id}}"
                        ng-model="administrationBoard.selected"
                        ng-change="uniqueChoice(administrationBoards,administrationBoard)"
                        class="md-datatable-theme md-primary">
                    </md-checkbox>
                </td>
                <td class="grow-2">
                    <md-button data-ng-click="showMembers(administrationBoard.id, $event)" class="link">
                        {{administrationBoard.defaultTitle}}
                    </md-button>
                </td>
                <td>{{administrationBoard.alias}}</td>
                <td><span class="no-wrap" title="{{capitalizeFirstLetter(administrationBoard.status) | translate}}">{{capitalizeFirstLetter(administrationBoard.status) | translate}}</span></td>
                <td class="grow-2"><span class="no-wrap" title="{{administrationBoard.details | translate}}">{{administrationBoard.details | translate}}</span></td>
            </tr>
        </tbody>
    </table>
</div>
