<div class="panel panel-default lt-module-page__content-panel">
    <!-- Default panel contents -->
    <div class="panel-heading">
        
        <div class="lt-heading">
            <div class="lt-heading__title">
                {{::heading | translate}}
            </div>
            <div class="lt-heading__actions">
                <div class="lt-heading__actions-middlewidth">
                    <select class="form-control"
                            id="parentChannel"
                            ng-options="channel.id as (channel.name | wizdom365NoticeboardChannelLevel:channel.level) for channel in channels"
                            ng-model="channelid"></select>
                </div>
                <div class="lt-heading__actions-middlewidth">
                    <select class="form-control"
                            ng-model="minusdays">
                        <option value="36500">{{'ALL TIME' | translate}}</option>
                        <option value="1">{{'DAY' | translate}}</option>
                        <option value="7">{{'7 DAYS' | translate}}</option>
                        <option value="31">{{'MONTH' | translate}}</option>
                        <option value="365">{{'YEAR' | translate}}</option>
                    </select>
                </div>
                <div class="lt-heading__actions-smallwidth">
                    <span class="streamline icon-synchronize-arrows-1" aria-hidden="true" ng-click="onupdate()" style="cursor:pointer;"></span>
                    <span class="glyphicon glyphicon-print" aria-hidden="true" ng-show="data.length >= 0" ng-click="print()" style="cursor:pointer;"></span>
                </div>
            </div>
        </div>

    </div>

    <!-- Table -->
    <table class="table">
        <thead>
            <tr>
                <th ng-repeat="columnName in columnsnames">{{::columnName | translate}}</th>
               
            </tr>
        </thead>
        <tbody ng-show="dataready">
            <tr ng-repeat="row in data | wizdom365NoticeboardStartFrom:(pageindex-1)*numberOfRecordsPerPage | limitTo:numberOfRecordsPerPage">
                <td ng-repeat="columnName in columnsnames" ng-bind="getPropertyValue(row, columnName)"></td>

            </tr>
        </tbody>
    </table>
    <div class="text-center" ng-show="dataready && numberOfPages > 1">
        <pagination total-items="numberofrows" ng-model="pageindex" items-per-page="numberOfRecordsPerPage" max-size="10" boundary-links="false" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
    </div>
    <div wizdom365-spinner="" loading="!dataready"></div>
</div>
