<table class="table proxies" ng-show="(proxies | filter: {active : true}).length">
    <caption>
        Active proxies

        <button class="btn btn-sm btn-danger pull-right"
                ng-class="{'disabled' : requestInProgress}"
                ng-click="showRemoveAllModal(true)">
            Delete All
        </button>

        <button class="btn btn-sm btn-primary pull-right"
                ng-class="{'disabled' : requestInProgress}"
                ng-click="testAll(true)">
            Check All
        </button>

    </caption>

    <tbody id="proxy-table-body">
        <tr ng-class="{'success': proxy.active }; {'dashnex-blocked-proxy-row': proxyBlocksFound}" 
            ng-repeat="proxy in proxies | filter: {active : true}"
        >
            <td class="dashnex-proxy-column">[[ proxy.ip ]]</td>
            <td class="dashnex-proxy-column">[[ proxy.port ]]</td>
            <td class="dashnex-proxy-column">[[ proxy.username ]]</td>
            <td class="dashnex-proxy-column">[[ proxy.password ]]</td>
            <td class="dashnex-proxy-column" ng-show="proxyBlocksFound">
                <span ng-repeat="block in proxy.blocks"><em>[[ block ]]</em>[[ {true: '', false: ', '}[$last] ]]</span>
            </td>
            <td class="dashnex-proxy-column">
                <span ng-show="!proxy.processing" class="glyphicon glyphicon-trash delete-proxy"
                      data-toggle="tooltip" title="" data-original-title="Delete"
                      ng-click="showRemoveModal(proxy)"></span>

                <span ng-show="!proxy.processing" class="glyphicon glyphicon-refresh test-proxy"
                      data-toggle="tooltip" title="" data-original-title="Test"
                      ng-click="test(proxy)"></span>

                <span ng-show="proxy.processing" class="loading">
            </td>
        </tr>
    </tbody>
</table>